Merge version_9 into main

Merge version_9 into main

src/app/order-online/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 
 export default function OrderOnlinePage() {
   return (
@@ -28,31 +28,33 @@ export default function OrderOnlinePage() {
                 name: "Home",                id: "/"
               },
               {
-                name: "About",                id: "#about"
+                name: "Over Ons",                id: "/#about"
               },
               {
-                name: "Spareribs & Menu",                id: "#menu"
+                name: "Spareribs & Menu",                id: "/#menu"
               },
               {
-                name: "Order Online",                id: "/order-online"
+                name: "Online Bestellen",                id: "/order-online"
               },
               {
-                name: "Events",                id: "#events"
+                name: "Evenementen",                id: "/#events"
               },
               {
-                name: "Testimonials",                id: "#testimonials"
+                name: "Getuigenissen",                id: "/#testimonials"
               },
               {
-                name: "FAQ",                id: "#faq"
+                name: "Veelgestelde Vragen",                id: "/#faq"
               },
               {
-                name: "Contact",                id: "#contact"
+                name: "Contact",                id: "/#contact"
               }
             ]}
             button={{
-              text: "Book a Table",              href: "#contact"
+              text: "Reserveer een Tafel",              href: "/#contact"
             }}
             brandName="The Old Resto"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EiDbwj2wR4WkRq3NrUNPa6gXzp/uploaded-1780653655490-951p9d.svg"
+            logoAlt="Het Oude Resto Logo"
           />
         </div>
 
@@ -67,85 +69,45 @@ export default function OrderOnlinePage() {
                 id: "ol0",                name: "Signature BBQ Spareribs",                price: "€32.00",                imageSrc: "http://img.b2bpic.net/free-photo/roasted-rack-pork-ribs_80436-1249.jpg?_wi=1",                imageAlt: "Signature BBQ Spareribs"
               },
               {
-                id: "ol1",                name: "Classic Beef Burger",                price: "€18.00",                imageSrc: "http://img.b2bpic.net/free-photo/delicious-cheeseburger_144627-27083.jpg",                imageAlt: "Classic Beef Burger"
+                id: "ol1",                name: "Klassieke Beef Burger",                price: "€18.00",                imageSrc: "http://img.b2bpic.net/free-photo/delicious-cheeseburger_144627-27083.jpg",                imageAlt: "Klassieke Beef Burger"
               },
               {
                 id: "ol2",                name: "Gourmet Veggie Pizza",                price: "€22.00",                imageSrc: "http://img.b2bpic.net/free-photo/pizza-pizza-filled-with-tomatoes-salami-olives_140725-12165.jpg",                imageAlt: "Gourmet Veggie Pizza"
               },
               {
-                id: "ol3",                name: "Spicy Chicken Wings (6 pcs)",                price: "€14.00",                imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-wings-barbecue-sauce-served-with-herbs_140725-50269.jpg",                imageAlt: "Spicy Chicken Wings"
+                id: "ol3",                name: "Pittige Kipvleugels (6 stuks)",                price: "€14.00",                imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-wings-barbecue-sauce-served-with-herbs_140725-50269.jpg",                imageAlt: "Pittige Kipvleugels"
               },
               {
-                id: "ol4",                name: "Crispy French Fries",                price: "€7.00",                imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fries_23-2148135899.jpg",                imageAlt: "Crispy French Fries"
+                id: "ol4",                name: "Krokante Franse Frietjes",                price: "€7.00",                imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fries_23-2148135899.jpg",                imageAlt: "Krokante Franse Frietjes"
               },
               {
-                id: "ol5",                name: "Fresh Garden Salad",                price: "€12.00",                imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-greens-tomatoes_140725-1175.jpg",                imageAlt: "Fresh Garden Salad"
+                id: "ol5",                name: "Verse Tuinsalade",                price: "€12.00",                imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-greens-tomatoes_140725-1175.jpg",                imageAlt: "Verse Tuinsalade"
               },
               {
-                id: "ol6",                name: "Chocolate Lava Cake",                price: "€10.00",                imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-with-melted-chocolate_23-2148408906.jpg",                imageAlt: "Chocolate Lava Cake"
+                id: "ol6",                name: "Chocolade Lavacake",                price: "€10.00",                imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-with-melted-chocolate_23-2148408906.jpg",                imageAlt: "Chocolade Lavacake"
               }
             ]}
-            title="Order Your Favorite Spareribs & Dishes for Delivery!"
-            description="Enjoy the legendary taste of The Old Resto's spareribs and other classic dishes from the comfort of your home. Browse our selection and order now for quick home delivery."
+            title="Bestel Jouw Favoriete Spareribs & Gerechten Online!"
+            description="Geniet van de legendarische smaak van The Old Resto's spareribs en andere klassieke gerechten vanuit het comfort van je huis. Blader door onze selectie en bestel nu voor snelle thuisbezorging."
             buttons={[
               {
-                text: "Proceed to Checkout",                href: "#"
+                text: "Verder naar Afrekenen",                href: "#"
               }
             ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[
-              {
-                title: "Explore",                items: [
-                  {
-                    label: "Home",                    href: "/"
-                  },
-                  {
-                    label: "About Us",                    href: "#about"
-                  },
-                  {
-                    label: "Our Menu",                    href: "#menu"
-                  },
-                  {
-                    label: "Order Online",                    href: "/order-online"
-                  },
-                  {
-                    label: "Private Events",                    href: "#events"
-                  }
-                ]
-              },
-              {
-                title: "Connect",                items: [
-                  {
-                    label: "Reservations",                    href: "#contact"
-                  },
-                  {
-                    label: "Contact Us",                    href: "#contact"
-                  },
-                  {
-                    label: "Careers",                    href: "#"
-                  },
-                  {
-                    label: "Press",                    href: "#"
-                  }
-                ]
-              },
-              {
-                title: "Legal",                items: [
-                  {
-                    label: "Privacy Policy",                    href: "#"
-                  },
-                  {
-                    label: "Terms of Service",                    href: "#"
-                  }
-                ]
-              }
-            ]}
-            bottomLeftText="© 2024 The Old Resto. All rights reserved."
-            bottomRightText="Crafted with tradition."
+          <FooterLogoReveal
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EiDbwj2wR4WkRq3NrUNPa6gXzp/uploaded-1780653655490-951p9d.svg"
+            logoAlt="Het Oude Resto Logo"
+            logoText="The Old Resto"
+            leftLink={{
+              text: "Home",              href: "/"
+            }}
+            rightLink={{
+              text: "Reserveringen",              href: "/#contact"
+            }}
           />
         </div>
       </ReactLenis>

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -33,34 +33,36 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "#home"
+          name: "Home",          id: "/"
         },
         {
-          name: "About",          id: "#about"
+          name: "About",          id: "/#about"
         },
         {
-          name: "Spareribs & Menu",          id: "#menu"
+          name: "Spareribs & Menu",          id: "/#menu"
         },
         {
           name: "Order Online",          id: "/order-online"
         },
         {
-          name: "Events",          id: "#events"
+          name: "Events",          id: "/#events"
         },
         {
-          name: "Testimonials",          id: "#testimonials"
+          name: "Testimonials",          id: "/#testimonials"
         },
         {
-          name: "FAQ",          id: "#faq"
+          name: "FAQ",          id: "/#faq"
         },
         {
-          name: "Contact",          id: "#contact"
+          name: "Contact",          id: "/#contact"
         }
       ]}
       button={{
-        text: "Book a Table",        href: "#contact"
+        text: "Book a Table",        href: "/#contact"
       }}
       brandName="The Old Resto"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EiDbwj2wR4WkRq3NrUNPa6gXzp/uploaded-1780653655490-951p9d.svg"
+      logoAlt="The Old Resto Logo"
     />
   </div>
 
@@ -72,10 +74,10 @@ export default function LandingPage() {
       description="Dive into endless plates of our succulent, slow-cooked spareribs, glazed to perfection. An unforgettable feast awaits!"
       buttons={[
         {
-          text: "View Our Menu",          href: "#menu"
+          text: "View Our Menu",          href: "/#menu"
         },
         {
-          text: "Claim Your Spareribs Feast",          href: "#events"
+          text: "Claim Your Spareribs Feast",          href: "/#events"
         }
       ]}
       buttonAnimation="opacity"
@@ -104,13 +106,13 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={true}
       title="Our Story: A Legacy of Culinary Excellence"
-      description="Since its inception in 1985, The Old Resto has been a cherished culinary landmark, dedicated to preserving classic recipes and creating unforgettable dining experiences. Our commitment to quality ingredients and impeccable service has defined generations."
+      description="Since its inception in 2023, The Old Resto has been a cherished culinary landmark, dedicated to preserving classic recipes and creating unforgettable dining experiences. Our commitment to quality ingredients and impeccable service has defined generations."
       metrics={[
         {
-          value: "1985",          title: "Established"
+          value: "2023 ",          title: "Established"
         },
         {
-          value: "38+",          title: "Years of Service"
+          value: "7+",          title: "Years of Service"
         },
         {
           value: "20+",          title: "Award-Winning Chefs"
@@ -160,10 +162,10 @@ export default function LandingPage() {
           id: "p2",          name: "Pan-Seared Scallops",          price: "€38.00",          imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_74190-5239.jpg",          imageAlt: "Fresh seafood platter"
         },
         {
-          id: "p3",          name: "Truffle Mushroom Risotto",          price: "€29.00",          imageSrc: "http://img.b2bpic.net/free-photo/creamy-risotto-with-herbs-cheese-white-bowl_9975-124450.jpg",          imageAlt: "Creamy mushroom risotto"
+          id: "p3",          name: "Truffle Mushroom Risotto",          price: "€29.00",          imageSrc: "https://img.b2bpic.net/premium-photo/risotto-with-mushrooms-and-truffles-closeup_159670-3490.jpg",          imageAlt: "Creamy mushroom risotto"
         },
         {
-          id: "p4",          name: "Classic Carbonara",          price: "€26.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-kitchen-utensils-dark-background_23-2148296895.jpg",          imageAlt: "Creamy pasta dish"
+          id: "p4",          name: "Classic Carbonara",          price: "€26.00",          imageSrc: "https://img.b2bpic.net/premium-photo/delicious-pasta-carbonara-white-bowl-dark-surface_159670-2210.jpg",          imageAlt: "Creamy pasta dish"
         },
         {
           id: "p5",          name: "Heirloom Tomato Salad",          price: "€18.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopped-greens-bowl-white-checkered-towel-with-acroshka-yogurt-gray-surface-gray-surface_141793-18321.jpg",          imageAlt: "Fresh vibrant salad"
@@ -182,7 +184,7 @@ export default function LandingPage() {
       plans={[
         {
           id: "spareribs-feast",          tag: "Limited Time Offer",          price: "€35",          period: "per person",          description: "Indulge in endless plates of our signature, slow-cooked spareribs, accompanied by your choice of delicious sides.",          button: {
-            text: "Book Spareribs Feast",            href: "#contact"
+            text: "Book Spareribs Feast",            href: "/#contact"
           },
           featuresTitle: "Includes:",          features: [
             "All-You-Can-Eat Signature Spareribs",            "Choice of 2 Sides (e.g., Fries, Coleslaw)",            "Non-alcoholic Beverages"
@@ -190,7 +192,7 @@ export default function LandingPage() {
         },
         {
           id: "premium",          tag: "Popular",          price: "€120",          period: "per guest",          description: "An elevated dining experience with premium selections.",          button: {
-            text: "Select Premium",            href: "#contact"
+            text: "Select Premium",            href: "/#contact"
           },
           featuresTitle: "Includes:",          features: [
             "5-Course Tasting Menu",            "Amuse-bouche",            "Choice of 3 Appetizers",            "Choice of 4 Main Courses",            "2 Dessert Selections",            "Sommelier-selected Wine Pairing",            "Coffee & Tea Service"
@@ -198,7 +200,7 @@ export default function LandingPage() {
         },
         {
           id: "bespoke",          tag: "Custom",          price: "Contact for Quote",          period: "per event",          description: "Tailored to your every desire for a truly unique event.",          button: {
-            text: "Inquire Now",            href: "#contact"
+            text: "Inquire Now",            href: "/#contact"
           },
           featuresTitle: "Includes:",          features: [
             "Fully Customizable Menu",            "Private Chef & Service Staff",            "Exclusive Venue Access",            "Premium Beverage Package",            "Decor & Ambiance Consultation"
@@ -255,27 +257,27 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",          title: "Do I need a reservation?",          content: "Reservations are highly recommended, especially for weekend evenings and special events, to ensure a seamless dining experience."
+          id: "f1",          title: "Heb ik een reservering nodig?",          content: "Reserveren wordt sterk aanbevolen, vooral voor weekendavonden en speciale evenementen, om een naadloze eetervaring te garanderen."
         },
         {
-          id: "f2",          title: "Do you accommodate dietary restrictions?",          content: "Yes, our culinary team is happy to accommodate most dietary restrictions and allergies. Please inform us when making your reservation."
+          id: "f2",          title: "Houdt u rekening met dieetwensen?",          content: "Ja, ons culinaire team houdt graag rekening met de meeste dieetwensen en allergieën. Gelieve ons hiervan op de hoogte te stellen bij het maken van uw reservering."
         },
         {
-          id: "f3",          title: "What are your operating hours?",          content: "We are open Tuesday to Sunday from 5:00 PM to 10:00 PM. We are closed on Mondays. Special holiday hours may apply."
+          id: "f3",          title: "Wat zijn uw openingstijden?",          content: "Wij zijn geopend van dinsdag tot en met zondag van 17:00 tot 22:00 uur. Op maandag zijn wij gesloten. Afwijkende openingstijden tijdens feestdagen kunnen van toepassing zijn."
         },
         {
-          id: "f4",          title: "Is there a dress code?",          content: "We encourage smart casual attire to maintain the elegant ambiance of our restaurant."
+          id: "f4",          title: "Is er een dresscode?",          content: "Wij moedigen nette casual kleding aan om de elegante sfeer van ons restaurant te behouden."
         },
         {
-          id: "f5",          title: "Do you offer private dining?",          content: "Yes, we have several private dining rooms perfect for intimate gatherings or corporate events. Please contact us for more details and booking."
+          id: "f5",          title: "Biedt u privé-diners aan?",          content: "Ja, we hebben verschillende privé-eetzalen die perfect zijn voor intieme bijeenkomsten of zakelijke evenementen. Neem contact met ons op voor meer details en reserveringen."
         }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-man-serving-guest-with-coffee-while-working-parttime-as-waiter-cafe_637285-2468.jpg"
       imageAlt="Restaurant staff welcoming guests"
       mediaAnimation="opacity"
       mediaPosition="right"
-      title="Frequently Asked Questions"
-      description="Find quick answers to the most common inquiries about dining at The Old Resto."
+      title="Veelgestelde Vragen"
+      description="Vind hier snel antwoorden op de meest voorkomende vragen over dineren bij The Old Resto."
       faqsAnimation="slide-up"
     />
   </div>
@@ -285,71 +287,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      tag="Reservations"
-      title="Book Your Unforgettable Dining Experience"
-      description="Ready to savor the timeless flavors and elegant ambiance of The Old Resto? Reserve your table today and let us create a memorable evening for you."
+      tag="Reserveringen"
+      title="Boek Uw Onvergetelijke Dinerervaring"
+      description="Klaar om te genieten van de tijdloze smaken en elegante sfeer van The Old Resto? Reserveer vandaag nog uw tafel en laat ons een memorabele avond voor u creëren."
       buttons={[
         {
-          text: "Make a Reservation",          href: "#"
+          text: "Maak een Reservering",          href: "/#contact"
         },
         {
-          text: "Send an Inquiry",          href: "#"
+          text: "Stuur een Aanvraag",          href: "/#contact"
         }
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Explore",          items: [
-            {
-              label: "Home",              href: "#home"
-            },
-            {
-              label: "About Us",              href: "#about"
-            },
-            {
-              label: "Our Menu",              href: "#menu"
-            },
-            {
-              label: "Order Online",              href: "/order-online"
-            },
-            {
-              label: "Private Events",              href: "#events"
-            }
-          ]
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "Reservations",              href: "#contact"
-            },
-            {
-              label: "Contact Us",              href: "#contact"
-            },
-            {
-              label: "Careers",              href: "#"
-            },
-            {
-              label: "Press",              href: "#"
-            }
-          ]
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"
-            },
-            {
-              label: "Terms of Service",              href: "#"
-            }
-          ]
-        }
-      ]}
-      bottomLeftText="© 2024 The Old Resto. All rights reserved."
-      bottomRightText="Crafted with tradition."
+      <FooterLogoReveal
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EiDbwj2wR4WkRq3NrUNPa6gXzp/uploaded-1780653655490-951p9d.svg"
+      logoAlt="The Old Resto Logo"
+      logoText="The Old Resto"
+      leftLink={{
+        text: "Home",        href: "/"
+      }}
+      rightLink={{
+        text: "Reservations",        href: "/#contact"
+      }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -18,7 +18,7 @@
   --secondary-cta: #ecebea;
   --secondary-cta-text: #2a2928;
   --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background-accent: #d2b573;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);