Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -26,26 +26,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "About", id: "/about" },
-          id: "/",
+        { name: "Menu", id: "/menu" },
-        },
+        { name: "Events", id: "/events" },
-        {
+        { name: "Contact", id: "/contact" },
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="Spoorzicht"
     />
@@ -53,15 +38,12 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardTen
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Meet the Owners"
       tag="History & Heritage"
       members={[
         {
-          id: "o1",
+          id: "o1",          name: "Jan & Maria",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg"},
-          name: "Jan & Maria",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
-        },
       ]}
       membersAnimation="opacity"
       memberVariant="default"
@@ -71,13 +53,11 @@ export default function LandingPage() {
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="History"
       description="Serving guests since 1905 with love and tradition."
       names={[
-        "Local Heritage Association",
+        "Local Heritage Association",        "Heerenveen Culinary Board"]}
-        "Heerenveen Culinary Board",
-      ]}
     />
   </div>
 
@@ -88,18 +68,14 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://facebook.com/spoorzicht",
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -26,26 +26,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "About", id: "/about" },
-          id: "/",
+        { name: "Menu", id: "/menu" },
-        },
+        { name: "Events", id: "/events" },
-        {
+        { name: "Contact", id: "/contact" },
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="Spoorzicht"
     />
@@ -53,10 +38,9 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Get in Touch"
       tag="Contact Us"
       description="Reserve a table or ask about our event packages."
@@ -68,14 +52,11 @@ export default function LandingPage() {
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Connect"
       description="Follow us on social media for daily updates."
       names={[
-        "Facebook",
+        "Facebook",        "Instagram",        "Google Maps"]}
-        "Instagram",
-        "Google Maps",
-      ]}
     />
   </div>
 
@@ -86,18 +67,14 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://facebook.com/spoorzicht",
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/events/page.tsx

@@ -26,26 +26,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "About", id: "/about" },
-          id: "/",
+        { name: "Menu", id: "/menu" },
-        },
+        { name: "Events", id: "/events" },
-        {
+        { name: "Contact", id: "/contact" },
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="Spoorzicht"
     />
@@ -54,33 +39,24 @@ export default function LandingPage() {
   <div id="testimonial" data-section="testimonial">
       <TestimonialCardTen
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Successful Events"
       description="Hear about the parties we've hosted."
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          title: "Wedding Gala",          quote: "The perfect location for our special day.",          name: "Anne & Tom",          role: "Wedding Couple",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg"},
-          title: "Wedding Gala",
-          quote: "The perfect location for our special day.",
-          name: "Anne & Tom",
-          role: "Wedding Couple",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg",
-        },
       ]}
     />
   </div>
 
   <div id="team" data-section="team">
       <TeamCardTen
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Event Coordinators"
       tag="Planning Assistance"
       members={[
         {
-          id: "c1",
+          id: "c1",          name: "Event Manager",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg"},
-          name: "Event Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
-        },
       ]}
       membersAnimation="slide-up"
       memberVariant="card"
@@ -94,18 +70,14 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://facebook.com/spoorzicht",
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/menu/page.tsx

@@ -26,26 +26,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "About", id: "/about" },
-          id: "/",
+        { name: "Menu", id: "/menu" },
-        },
+        { name: "Events", id: "/events" },
-        {
+        { name: "Contact", id: "/contact" },
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="Spoorzicht"
     />
@@ -56,28 +41,16 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Main Menu"
       description="Classic and contemporary dishes."
       products={[
         {
-          id: "m1",
+          id: "m1",          brand: "Chef",          name: "Steak",          price: "€29.00",          rating: 5,
-          brand: "Chef",
+          reviewCount: "40",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717853.jpg"},
-          name: "Steak",
-          price: "€29.00",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717853.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          brand: "Chef",          name: "Salmon",          price: "€26.00",          rating: 5,
-          brand: "Chef",
+          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-photo/women-with-burgers-drinks-sitting-table_23-2148975051.jpg"},
-          name: "Salmon",
-          price: "€26.00",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-with-burgers-drinks-sitting-table_23-2148975051.jpg",
-        },
       ]}
     />
   </div>
@@ -85,13 +58,11 @@ export default function LandingPage() {
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Local Suppliers"
       description="We source ingredients from the best regional farms."
       names={[
-        "Friesland Dairy",
+        "Friesland Dairy",        "Local Harvest Farm"]}
-        "Local Harvest Farm",
-      ]}
     />
   </div>
 
@@ -102,18 +73,14 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://facebook.com/spoorzicht",
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -9,7 +9,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Coffee, Facebook, Heart, Instagram } from "lucide-react";
+import { Award, Coffee, Facebook, Instagram, Star, Heart, MapPin, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -63,12 +63,12 @@ export default function LandingPage() {
           <FeatureHoverPattern
             animationType="slide-up"
             textboxLayout="split"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             features={[
-              { icon: Heart, title: "Hospitality", description: "We treat every guest like family, ensuring a warm and personal experience." },
+              { icon: Heart, title: "Historic Atmosphere", description: "Dine in our beautifully preserved 1905 building, rich with local history." },
-              { icon: Award, title: "Fresh Ingredients", description: "Our kitchen uses seasonal, local products to create flavor-packed dishes." },
+              { icon: MapPin, title: "Heart of Heerenveen", description: "Ideally located in the town center, perfect for local gatherings and events." },
-              { icon: Coffee, title: "Cozy Atmosphere", description: "Our historic building offers a warm, ambient space perfect for every moment." },
+              { icon: Coffee, title: "Regional Produce", description: "We partner with Friesland farmers to bring fresh, seasonal flavors to your table." },
-              { icon: Award, title: "Excellent Service", description: "Attentive, friendly staff dedicated to exceeding your expectations every time." },
+              { icon: Users, title: "Customizable Events", description: "From wedding galas to business meetings, we craft tailored experiences." },
             ]}
             title="Why Choose Spoorzicht?"
             description="Discover the unique elements that make us your favorite destination in Heerenveen."
@@ -79,7 +79,7 @@ export default function LandingPage() {
           <TestimonialCardSix
             animationType="slide-up"
             textboxLayout="split"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             testimonials={[
               { id: "1", name: "Lienke Dear", handle: "Happy Guest", testimonial: "Amazing service, amazing food, and a super cozy atmosphere! We will definitely come back again.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg" },
               { id: "2", name: "Sandra Neef-Mast", handle: "Happy Guest", testimonial: "We had a wonderful dinner with four people. The atmosphere was great and the staff were very friendly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg" },
@@ -94,7 +94,7 @@ export default function LandingPage() {
 
         <div id="team" data-section="team">
           <TeamCardTen
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             title="Our Dedicated Event Team"
             tag="Expert Staff"
             membersAnimation="slide-up"
@@ -111,7 +111,7 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="default"
             gridVariant="uniform-all-items-equal"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             title="Chef's Specials"
             description="Seasonal delicacies prepared by our kitchen team."
             products={[

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #1a1310;
+  --background: #ffffff;
-  --card: #261c18;
+  --card: #f4f4f4;
-  --foreground: #f5f4ef;
+  --foreground: #000000;
-  --primary-cta: #c68a62;
+  --primary-cta: #000000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #3d2d26;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #f5f4ef;
-  --accent: #b8860b;
+  --accent: #000000;
-  --background-accent: #3d2d26;
+  --background-accent: #e0e0e0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);