Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -24,36 +24,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Reservations",
-          id: "/reservations",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "Reservations", id: "/reservations" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Le Petit Oiseau"
-      button={{
-        text: "Reserve Now",
-        href: "/reservations",
-      }}
+      button={{ text: "Reserve Now", href: "/reservations" }}
+      className="font-bold"
     />
   </div>
 
@@ -69,17 +49,11 @@ export default function LandingPage() {
   <div id="footer-section" data-section="footer-section">
       <FooterLogoReveal
       logoText="Le Petit Oiseau"
-      leftLink={{
-        text: "© 2024 Le Petit Oiseau",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Ring Rd E, Accra, Ghana",
-        href: "https://maps.google.com",
-      }}
+      leftLink={{ text: "© 2024 Le Petit Oiseau", href: "#" }}
+      rightLink={{ text: "Ring Rd E, Accra, Ghana", href: "https://maps.google.com" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -24,45 +24,23 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Reservations",
-          id: "/reservations",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "Reservations", id: "/reservations" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Le Petit Oiseau"
-      button={{
-        text: "Reserve Now",
-        href: "/reservations",
-      }}
+      button={{ text: "Reserve Now", href: "/reservations" }}
+      className="font-bold"
     />
   </div>
 
   <div id="contact-info" data-section="contact-info">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Book Your Table"
       description="Have questions or want to host a private event? Reach out to our concierge service."
@@ -76,17 +54,11 @@ export default function LandingPage() {
   <div id="footer-section" data-section="footer-section">
       <FooterLogoReveal
       logoText="Le Petit Oiseau"
-      leftLink={{
-        text: "© 2024 Le Petit Oiseau",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Ring Rd E, Accra, Ghana",
-        href: "https://maps.google.com",
-      }}
+      leftLink={{ text: "© 2024 Le Petit Oiseau", href: "#" }}
+      rightLink={{ text: "Ring Rd E, Accra, Ghana", href: "https://maps.google.com" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/gallery/page.tsx

@@ -24,36 +24,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Reservations",
-          id: "/reservations",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "Reservations", id: "/reservations" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Le Petit Oiseau"
-      button={{
-        text: "Reserve Now",
-        href: "/reservations",
-      }}
+      button={{ text: "Reserve Now", href: "/reservations" }}
+      className="font-bold"
     />
   </div>
 
@@ -62,21 +42,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Modern Interior",
-          description: "Elegant spaces crafted for intimacy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg?_wi=3",
-        },
-        {
-          title: "Exquisite Plates",
-          description: "Culinary art in every bite.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=4",
-        },
-        {
-          title: "Celebrate Moments",
-          description: "Perfect setting for your special nights.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg?_wi=2",
-        },
+        { title: "Modern Interior", description: "Elegant spaces crafted for intimacy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775537363650-wgahzaer.jpg" },
+        { title: "Exquisite Plates", description: "Culinary art in every bite.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775537416154-6u9vdkcs.webp" },
+        { title: "Celebrate Moments", description: "Perfect setting for your special nights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775537380683-zzuwnes5.jpg" }
       ]}
       title="A Visual Journey"
       description="Take a look at the atmosphere and exquisite dishes awaiting you at Le Petit Oiseau."
@@ -86,32 +54,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Our Menu",
-              href: "/menu",
-            },
-            {
-              label: "Reservations",
-              href: "/reservations",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Email Us",
-              href: "mailto:info@lepetitoiseau.gh",
-            },
-            {
-              label: "Call: +233 20 000 0000",
-              href: "tel:+233200000000",
-            },
-          ],
-        },
+        { title: "Explore", items: [{ label: "Our Menu", href: "/menu" }, { label: "Reservations", href: "/reservations" }] },
+        { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@lepetitoiseau.gh" }, { label: "Call: +233 20 000 0000", href: "tel:+233200000000" }] }
       ]}
       logoText="Le Petit Oiseau"
       copyrightText="© 2025 Le Petit Oiseau | Fine Dining in Accra"
@@ -120,4 +64,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Public_Sans } from "next/font/google";
+import { Montserrat } from "next/font/google";
 
 
 
@@ -26,13 +27,9 @@ export const metadata: Metadata = {
   },
 };
 
-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
-  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+
+const montserrat = Montserrat({
+  variable: "--font-montserrat",  subsets: ["latin"],
 });
 
 export default function RootLayout({
@@ -43,7 +40,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${publicSans.variable} ${inter.variable} antialiased`}>
+        <body className={`${montserrat.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/menu/page.tsx

@@ -24,36 +24,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Reservations",
-          id: "/reservations",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "Reservations", id: "/reservations" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Le Petit Oiseau"
-      button={{
-        text: "Reserve Now",
-        href: "/reservations",
-      }}
+      button={{ text: "Reserve Now", href: "/reservations" }}
+      className="font-bold"
     />
   </div>
 
@@ -61,27 +41,9 @@ export default function LandingPage() {
       <ProductCatalog
       layout="page"
       products={[
-        {
-          id: "1",
-          name: "Steak Au Poivre",
-          price: "¢280",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Vanilla Infused Lamb",
-          price: "¢320",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-lamb-topped-with-vanilla-ice-cream-placed-lipstick-perfume_140725-2520.jpg?_wi=3",
-        },
-        {
-          id: "3",
-          name: "Signature Confiture Skewer",
-          price: "¢250",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stick-confitures-inside-brown-plate-yellow-background-snack-photo-color-food-meal_140725-30093.jpg?_wi=3",
-        },
+        { id: "1", name: "Pan-seared Grouper Fillet with Spicey Brown Rice ", price: "¢364.00", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775613083608-l9n88hkk.jpg" },
+        { id: "2", name: "Grilled Salmon ", price: "¢644.00", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775613102384-9sbd6obp.jpg" },
+        { id: "3", name: "T-Bone Steak ", price: "¢840.00", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775613122617-at294qar.jpg" }
       ]}
       searchPlaceholder="Search our seasonal menu..."
     />
@@ -90,32 +52,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Our Menu",
-              href: "/menu",
-            },
-            {
-              label: "Reservations",
-              href: "/reservations",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Email Us",
-              href: "mailto:info@lepetitoiseau.gh",
-            },
-            {
-              label: "Call: +233 20 000 0000",
-              href: "tel:+233200000000",
-            },
-          ],
-        },
+        { title: "Explore", items: [{ label: "Our Menu", href: "/menu" }, { label: "Reservations", href: "/reservations" }] },
+        { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@lepetitoiseau.gh" }, { label: "Call: +233 20 000 0000", href: "tel:+233200000000" }] }
       ]}
       logoText="Le Petit Oiseau"
       copyrightText="© 2025 Le Petit Oiseau | Fine Dining in Accra"
@@ -124,4 +62,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -33,8 +33,9 @@ export default function LandingPage() {
         { name: "About", id: "/about" },
         { name: "Contact", id: "/contact" },
       ]}
-      brandName="Le Petit Oiseau"
+      brandName=""
       button={{ text: "Reserve Now", href: "/reservations" }}
+      className="font-bold"
     />
   </div>
 
@@ -44,7 +45,7 @@ export default function LandingPage() {
       title="An Elevated Dining Experience in Accra"
       description="Where tradition meets modern luxury. Discover the culinary heart of Ghana at Le Petit Oiseau."
       buttons={[{ text: "Reserve a Table", href: "/reservations" }, { text: "Call Now", href: "tel:+233599420024" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775536326827-3epn07it.jpg"
       imageAlt="Le Petit Oiseau restaurant interior"
     />
   </div>
@@ -56,12 +57,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        { id: "dish1", name: "Steak Au Poivre", price: "GHS 350", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=1" },
-        { id: "dish2", name: "Sticky Toffee Pudding", price: "GHS 150", imageSrc: "http://img.b2bpic.net/free-photo/fried-lamb-topped-with-vanilla-ice-cream-placed-lipstick-perfume_140725-2520.jpg?_wi=1" },
-        { id: "dish3", name: "Goat Espetada", price: "GHS 280", imageSrc: "http://img.b2bpic.net/free-photo/stick-confitures-inside-brown-plate-yellow-background-snack-photo-color-food-meal_140725-30093.jpg?_wi=1" },
-        { id: "dish4", name: "Roasted Lamb", price: "GHS 320", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=2" },
-        { id: "dish5", name: "Dark Chocolate Tart", price: "GHS 180", imageSrc: "http://img.b2bpic.net/free-photo/fried-lamb-topped-with-vanilla-ice-cream-placed-lipstick-perfume_140725-2520.jpg?_wi=2" },
-        { id: "dish6", name: "Seafood Platter", price: "GHS 450", imageSrc: "http://img.b2bpic.net/free-photo/stick-confitures-inside-brown-plate-yellow-background-snack-photo-color-food-meal_140725-30093.jpg?_wi=2" }
+        { id: "dish1", name: "Sauteed Prawns with Garlic Sauce and Roasted Potatoes ", price: "GHS 350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775536009031-nh08kya5.jpg" },
+        { id: "dish2", name: "Grilled Guinea Fowl ", price: "GHS 150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775536021875-nsmaccrg.jpg" },
+        { id: "dish3", name: "Grilled Salmon ", price: "GHS 280", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775536284339-vu8tcjec.jpg" },
+        { id: "dish4", name: "Sauteed Prawns in Red Sriracha Sauce ", price: "GHS 320", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775614621195-la7pgdxx.jpg" },
+        { id: "dish5", name: "Lamb Chops ", price: "GHS 180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775536188263-yyumolkm.jpg" },
+        { id: "dish6", name: "Steak Au Poivre ", price: "GHS 450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0t1855jSM9cy1mBUiraRItHGd/uploaded-1775614857625-fd6ichbw.webp" }
       ]}
       title="Our Signature Creations"
       description="Indulge in our carefully crafted menu, featuring the finest local ingredients elevated to culinary perfection."
@@ -76,7 +77,7 @@ export default function LandingPage() {
       testimonials={[
         { id: "1", name: "Sarah J.", role: "Local Business Owner", testimonial: "An unmatched atmosphere in Accra. The Steak Au Poivre is perfection!", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-gift-box-valentines-day-restaurant_1303-20290.jpg" },
         { id: "2", name: "Michael K.", role: "Expat Professional", testimonial: "The fine dining service here is world-class. Truly elegant.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-luxurious-restaurant_23-2150517450.jpg" },
-        { id: "3", name: "Amina A.", role: "Food Blogger", testimonial: "Best dessert experience in the city. The pudding is a must-try.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg" },
+        { id: "3", name: "Amina A.", role: "Food Blogger", testimonial: "Best dessert experience in the city. The pudding is a must-try.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-21510517447.jpg" },
         { id: "4", name: "David L.", role: "Regular Guest", testimonial: "Perfect date night spot. The ambiance is exclusive yet warm.", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fish-herbs_140725-1907.jpg" },
         { id: "5", name: "Kwame B.", role: "Business Executive", testimonial: "Impeccable service and sophisticated atmosphere. My go-to for meetings.", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg" }
       ]}
@@ -95,4 +96,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reservations/page.tsx

@@ -24,36 +24,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Reservations",
-          id: "/reservations",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "Reservations", id: "/reservations" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Le Petit Oiseau"
-      button={{
-        text: "Reserve Now",
-        href: "/reservations",
-      }}
+      button={{ text: "Reserve Now", href: "/reservations" }}
+      className="font-bold"
     />
   </div>
 
@@ -63,30 +43,11 @@ export default function LandingPage() {
       title="Book Your Table"
       description="Secure your dining experience at Accra's premier fine dining destination."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-        {
-          name: "date",
-          type: "date",
-          placeholder: "Date",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "date", type: "date", placeholder: "Date", required: true },
       ]}
-      textarea={{
-        name: "notes",
-        placeholder: "Special requests or dietary restrictions",
-        rows: 4,
-      }}
+      textarea={{ name: "notes", placeholder: "Special requests or dietary restrictions", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg?_wi=2"
       buttonText="Confirm Reservation"
     />
@@ -95,32 +56,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Our Menu",
-              href: "/menu",
-            },
-            {
-              label: "Reservations",
-              href: "/reservations",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Email Us",
-              href: "mailto:info@lepetitoiseau.gh",
-            },
-            {
-              label: "Call: +233 20 000 0000",
-              href: "tel:+233200000000",
-            },
-          ],
-        },
+        { title: "Explore", items: [{ label: "Our Menu", href: "/menu" }, { label: "Reservations", href: "/reservations" }] },
+        { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@lepetitoiseau.gh" }, { label: "Call: +233 20 000 0000", href: "tel:+233200000000" }] }
       ]}
       logoText="Le Petit Oiseau"
       copyrightText="© 2025 Le Petit Oiseau | Fine Dining in Accra"
@@ -129,4 +66,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }