Update theme colors

Merge version_5 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: "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>
 
@@ -96,59 +98,19 @@ export default function OrderOnlinePage() {
         </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="The Old Resto Logo"
+            logoText="The Old Resto"
+            leftLink={{
+              text: "Home",              href: "/"
+            }}
+            rightLink={{
+              text: "Reservations",              href: "/#contact"
+            }}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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"
@@ -160,7 +162,7 @@ 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/plate-pasta-with-bottle-beer-it_975681-4909.jpg?id=229148558",          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"
@@ -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,74 +287,34 @@ 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>
     </ThemeProvider>
   );
-}
+}

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);