1 files changed, 75 insertions, 0 deletions
diff --git a/components/signup/join-form-skeleton.tsx b/components/signup/join-form-skeleton.tsx
new file mode 100644
index 00000000..04622433
--- /dev/null
+++ b/components/signup/join-form-skeleton.tsx
@@ -0,0 +1,75 @@
+import { Skeleton } from "@/components/ui/skeleton"
+import { Button } from "@/components/ui/button"
+import { Separator } from "@/components/ui/separator"
+import { Loader2 } from "lucide-react"
+
+export function JoinFormSkeleton() {
+  return (
+    <div className="container py-6">
+      <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
+        <div className="hidden space-y-6 p-10 pb-16 md:block">
+          <div className="space-y-6">
+            <div>
+              <Skeleton className="h-6 w-64 mb-2" />
+              <Skeleton className="h-4 w-full max-w-lg" />
+            </div>
+
+            <Separator />
+
+            <div className="space-y-8">
+              {/* VendorName */}
+              <div className="space-y-2">
+                <Skeleton className="h-4 w-24" />
+                <Skeleton className="h-10 w-full" />
+                <Skeleton className="h-4 w-3/4" />
+              </div>
+
+              {/* Address */}
+              <div className="space-y-2">
+                <Skeleton className="h-4 w-16" />
+                <Skeleton className="h-10 w-full" />
+                <Skeleton className="h-4 w-2/3" />
+              </div>
+
+              {/* Email */}
+              <div className="space-y-2">
+                <Skeleton className="h-4 w-12" />
+                <Skeleton className="h-10 w-full" />
+                <Skeleton className="h-4 w-3/4" />
+              </div>
+
+              {/* Phone */}
+              <div className="space-y-2">
+                <Skeleton className="h-4 w-14" />
+                <Skeleton className="h-10 w-full" />
+                <Skeleton className="h-4 w-1/2" />
+              </div>
+
+              {/* Country */}
+              <div className="space-y-2">
+                <Skeleton className="h-4 w-16" />
+                <div className="relative">
+                  <Skeleton className="h-10 w-full" />
+                </div>
+                <Skeleton className="h-4 w-1/3" />
+              </div>
+
+              {/* Attachments */}
+              <div className="space-y-2">
+                <Skeleton className="h-4 w-20" />
+                <Skeleton className="h-10 w-full" />
+                <Skeleton className="h-4 w-3/4" />
+              </div>
+
+              {/* Submit button */}
+              <Button disabled className="cursor-wait">
+                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                로딩 중...
+              </Button>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  )
+}
+\ No newline at end of file