Merge version_2 into main

2026-05-14 21:14:59 +00:00
parent 1b5cbb2c37 147fd17960
commit ac60189d6e
6 changed files with 63 additions and 171 deletions
--- a/src/app/about/page.tsx
+++ b/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: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { 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",
-          name: "Jan & Maria",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
-        },
+          id: "o1",          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",
-        "Heerenveen Culinary Board",
-      ]}
+        "Local Heritage Association",        "Heerenveen Culinary Board"]}
    />
  </div>

@@ -88,18 +68,14 @@ export default function LandingPage() {
      socialLinks={[
        {
          icon: Facebook,
-          href: "https://facebook.com/spoorzicht",
-          ariaLabel: "Facebook",
-        },
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/contact/page.tsx
+++ b/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: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { 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",
-        "Instagram",
-        "Google Maps",
-      ]}
+        "Facebook",        "Instagram",        "Google Maps"]}
    />
  </div>

@@ -86,18 +67,14 @@ export default function LandingPage() {
      socialLinks={[
        {
          icon: Facebook,
-          href: "https://facebook.com/spoorzicht",
-          ariaLabel: "Facebook",
-        },
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/events/page.tsx
+++ b/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: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { 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",
-          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",
-        },
+          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"},
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
-      useInvertedBackground={false}
+      useInvertedBackground={true}
      title="Event Coordinators"
      tag="Planning Assistance"
      members={[
        {
-          id: "c1",
-          name: "Event Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
-        },
+          id: "c1",          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",
-          ariaLabel: "Facebook",
-        },
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/menu/page.tsx
+++ b/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: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Events",
-          id: "/events",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { 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",
-          brand: "Chef",
-          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: "m1",          brand: "Chef",          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",
-          brand: "Chef",
-          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",
-        },
+          id: "m2",          brand: "Chef",          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",
-        "Local Harvest Farm",
-      ]}
+        "Friesland Dairy",        "Local Harvest Farm"]}
    />
  </div>

@@ -102,18 +73,14 @@ export default function LandingPage() {
      socialLinks={[
        {
          icon: Facebook,
-          href: "https://facebook.com/spoorzicht",
-          ariaLabel: "Facebook",
-        },
+          href: "https://facebook.com/spoorzicht",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
-          href: "https://instagram.com/spoorzicht",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/spoorzicht",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -63,7 +63,7 @@ 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: Award, title: "Fresh Ingredients", description: "Our kitchen uses seasonal, local products to create flavor-packed dishes." },
@@ -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={[
@@ -134,4 +134,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #1a1310;
-  --card: #261c18;
-  --foreground: #f5f4ef;
-  --primary-cta: #c68a62;
+  --background: #ffffff;
+  --card: #f4f4f4;
+  --foreground: #000000;
+  --primary-cta: #000000;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #3d2d26;
+  --secondary-cta: #ffffff;
  --secondary-cta-text: #f5f4ef;
-  --accent: #b8860b;
-  --background-accent: #3d2d26;
+  --accent: #000000;
+  --background-accent: #e0e0e0;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);