update redesign

src/components/layout/PremiumPageShell.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+import { PremiumNavbar } from "./PremiumNavbar";
+import { PremiumFooter } from "./PremiumFooter";
+
+type PremiumPageShellProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+
+export function PremiumPageShell({ children, className = "" }: PremiumPageShellProps) {
+  return (
+    <div className="min-h-screen bg-[#E8DCF2] p-2 sm:p-3 md:p-4 lg:p-5 xl:p-6 2xl:p-8 font-body text-[#16001D] antialiased">
+      <div className={`
+        mx-auto
+        w-full
+        max-w-[1880px]
+        overflow-hidden
+        rounded-[1.5rem]
+        sm:rounded-[2rem]
+        md:rounded-[2.5rem]
+        lg:rounded-[3rem]
+        border
+        border-white/80
+        bg-white
+        shadow-[0_20px_60px_rgba(93,57,128,0.16)]
+        flex
+        flex-col
+        ${className}
+      `}>
+        {/* Header/Navbar */}
+        <PremiumNavbar />
+
+        {/* Page Content */}
+        <main className="flex-1 w-full">
+          {children}
+        </main>
+
+        {/* Footer */}
+        <PremiumFooter />
+      </div>
+    </div>
+  );
+}