src/app/create/loading.tsx

import { Card, CardContent } from "@/components/ui/card"
import { Loader2 } from "lucide-react"

export default function CreateLoading() {
    return (
        <div className="container mx-auto px-4 py-8 max-w-6xl">
            <div className="mb-8">
                <div className="h-10 w-64 bg-muted animate-pulse rounded-lg mb-2" />
                <div className="h-6 w-96 bg-muted animate-pulse rounded-lg" />
            </div>
            <div className="grid lg:grid-cols-2 gap-6">
                <Card>
                    <CardContent className="p-8 flex items-center justify-center">
                        <Loader2 className="h-8 w-8 animate-spin text-primary" />
                    </CardContent>
                </Card>
                <Card>
                    <CardContent className="p-8 flex items-center justify-center">
                        <Loader2 className="h-8 w-8 animate-spin text-primary" />
                    </CardContent>
                </Card>
            </div>
        </div>
    )
}