Spaces:

imeshuek
/

wedding-platform

Build error

App Files Files Community

imeshuek commited on 4 days ago

Commit

f19a619

verified ·

1 Parent(s): 5bedb3a

Upload src/app/layout.tsx

Browse files

Files changed (1) hide show

src/app/layout.tsx +10 -96

src/app/layout.tsx CHANGED Viewed

@@ -1,110 +1,24 @@
 import type { Metadata } from 'next'
 import './globals.css'
 export const metadata: Metadata = {
   title: 'Evermore — Plan Your Perfect Wedding',
   description: 'Discover curated wedding vendors, manage your budget, sign contracts, and bring your dream wedding to life.',
 }
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
   return (
     <html lang="en">
       <body className="font-body antialiased">
-        {/* Header */}
-        <header className="sticky top-0 z-50 bg-ivory-50/80 backdrop-blur-xl border-b border-ivory-200">
-          <div className="wedding-section">
-            <div className="flex items-center justify-between h-16">
-              {/* Logo */}
-              <a href="/" className="flex items-center gap-2">
-                <span className="text-2xl">💍</span>
-                <span className="font-heading text-xl font-semibold text-charcoal-700 tracking-wide">
-                  Evermore
-                </span>
-              </a>
-              {/* Nav */}
-              <nav className="hidden md:flex items-center gap-8">
-                <a href="/search" className="text-sm font-medium text-charcoal-400 hover:text-gold-500 transition-colors">
-                  Explore Vendors
-                </a>
-                <a href="/planner" className="text-sm font-medium text-charcoal-400 hover:text-gold-500 transition-colors">
-                  My Planner
-                </a>
-                <a href="/contracts" className="text-sm font-medium text-charcoal-400 hover:text-gold-500 transition-colors">
-                  Contracts
-                </a>
-                <a href="/shortlist" className="text-sm font-medium text-charcoal-400 hover:text-gold-500 transition-colors">
-                  Shortlist
-                </a>
-              </nav>
-              {/* Actions */}
-              <div className="flex items-center gap-3">
-                <button className="p-2 text-charcoal-400 hover:text-gold-500 transition-colors" aria-label="Notifications">
-                  <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M14.857 17.082a23.848 23.848 0 005.644 1.014 1.5 1.5 0 01-1.06 2.822 20.852 20.852 0 01-5.584-1.09m-4.236-2.494a23.848 23.848 0 005.644 1.014 1.5 1.5 0 01-1.06 2.822 20.852 20.852 0 01-5.584-1.09m4.236 2.494L12 21.75l-2.261-2.261a20.852 20.852 0 01-5.584 1.09 1.5 1.5 0 01-1.06-2.822 23.848 23.848 0 005.644-1.014m0 0L12 14.25l-3.092 3.092M12 14.25V3.75a1.5 1.5 0 013 0v10.5" />
-                  </svg>
-                </button>
-                <button className="wedding-btn-primary">
-                  Sign In
-                </button>
-              </div>
-            </div>
-          </div>
-        </header>
-        {/* Main */}
-        <main className="min-h-screen">
-          {children}
-        </main>
-        {/* Footer */}
-        <footer className="bg-charcoal-700 text-ivory-100 py-16 mt-24">
-          <div className="wedding-section">
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
-              <div>
-                <h3 className="font-heading text-xl text-ivory-50 mb-4">Evermore</h3>
-                <p className="text-sm text-charcoal-300 leading-relaxed">
-                  Your curated wedding planning companion. Discover vendors, manage budgets, and sign contracts — all in one place.
-                </p>
-              </div>
-              <div>
-                <h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">For Couples</h4>
-                <ul className="space-y-2 text-sm text-charcoal-300">
-                  <li><a href="/search" className="hover:text-ivory-50 transition-colors">Find Vendors</a></li>
-                  <li><a href="/planner" className="hover:text-ivory-50 transition-colors">Planner Dashboard</a></li>
-                  <li><a href="/contracts" className="hover:text-ivory-50 transition-colors">My Contracts</a></li>
-                  <li><a href="/shortlist" className="hover:text-ivory-50 transition-colors">Shortlisted</a></li>
-                </ul>
-              </div>
-              <div>
-                <h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">For Vendors</h4>
-                <ul className="space-y-2 text-sm text-charcoal-300">
-                  <li><a href="#" className="hover:text-ivory-50 transition-colors">List Your Business</a></li>
-                  <li><a href="#" className="hover:text-ivory-50 transition-colors">Vendor Portal</a></li>
-                  <li><a href="#" className="hover:text-ivory-50 transition-colors">Contract Builder</a></li>
-                </ul>
-              </div>
-              <div>
-                <h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">Legal</h4>
-                <ul className="space-y-2 text-sm text-charcoal-300">
-                  <li><a href="#" className="hover:text-ivory-50 transition-colors">Privacy Policy</a></li>
-                  <li><a href="#" className="hover:text-ivory-50 transition-colors">Terms of Service</a></li>
-                  <li><a href="#" className="hover:text-ivory-50 transition-colors">Cookie Policy</a></li>
-                </ul>
-              </div>
-            </div>
-            <div className="wedding-divider mt-12 mb-8" />
-            <p className="text-center text-xs text-charcoal-400">
-              © 2026 Evermore. Crafted with love for couples everywhere.
-            </p>
-          </div>
-        </footer>
       </body>
     </html>
   )
-}

 import type { Metadata } from 'next'
 import './globals.css'
+import { AppProvider } from '@/lib/app-context'
+import Header from '@/components/Header'
+import Footer from '@/components/Footer'
 export const metadata: Metadata = {
   title: 'Evermore — Plan Your Perfect Wedding',
   description: 'Discover curated wedding vendors, manage your budget, sign contracts, and bring your dream wedding to life.',
 }
+export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <body className="font-body antialiased">
+        <AppProvider>
+          <Header />
+          <main className="min-h-screen">{children}</main>
+          <Footer />
+        </AppProvider>
       </body>
     </html>
   )
+}