src/app/frameworks/loading.tsx

import { Loader2 } from "lucide-react"

export default function FrameworksLoading() {
    return (
        <div className="container mx-auto px-4 py-8 max-w-6xl">
            <div className="flex items-center justify-center min-h-[400px]">
                <div className="text-center">
                    <Loader2 className="h-8 w-8 animate-spin mx-auto mb-4 text-muted-foreground" />
                    <p className="text-muted-foreground">Loading Frameworks...</p>
                </div>
            </div>
        </div>
    )
}