src/app/about/page.tsx

@@ -0,0 +1,141 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { CheckCircle, Zap, Headphones, Shield, MapPin } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="SANBO Sports"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "About", id: "/about" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Ons Verhaal: SANBO Sports"
+          description="Gedreven door passie voor kwaliteit, snelle service en het welzijn van onze klanten. Dit is hoe alles begon."
+          tag="Over Ons"
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Contact Ons", href: "/contact" },
+            { text: "Ontdek Producten", href: "/products" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg"
+          imageAlt="SANBO Sports team and community"
+          showBlur={true}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <TextAbout
+          tag="Onze Missie"
+          title="We staan voor betrouwbare producten, snelle service en echte klantenzorg. Dit is wat ons onderscheidt in de markt."
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Meer Over Ons", href: "#why-sanbo" },
+            { text: "Neem Contact Op", href: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="why-sanbo" data-section="why-sanbo">
+        <FeatureHoverPattern
+          title="Waarom SANBO Sports?"
+          description="Meer dan tien jaar ervaring in het leveren van premium producten met onvergelijkbare service."
+          tag="Ons Voordeel"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          features={[
+            {
+              icon: Zap,
+              title: "Snelle levering",              description: "Klanten ontvangen hun producten binnen enkele werkdagen. Efficiënte logistiek zorgt voor snelle aflevering zonder compromissen op kwaliteit."
+            },
+            {
+              icon: Headphones,
+              title: "Uitstekende klantenservice",              description: "Ons team staat 24/7 klaar om problemen op te lossen en defecte producten snel te vervangen met minimale rompslomp."
+            },
+            {
+              icon: Shield,
+              title: "Topkwaliteit producten",              description: "Ieder product wordt zorgvuldig geselecteerd voor duurzaamheid en prestatie. We garanderen alleen het beste voor onze klanten."
+            },
+            {
+              icon: MapPin,
+              title: "Transparant & betrouwbaar",              description: "Volg je bestelling in real-time en ontvang updates op elk stap van je order. Volledige transparantie in elke transactie."
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigatie",              items: [
+                { label: "Home", href: "/" },
+                { label: "Producten", href: "/products" },
+                { label: "About", href: "/about" },
+                { label: "FAQ", href: "/faq" }
+              ]
+            },
+            {
+              title: "Klantenservice",              items: [
+                { label: "Veelgestelde Vragen", href: "/faq" },
+                { label: "Contacteer ons", href: "/contact" },
+                { label: "Retourbeleid", href: "#" },
+                { label: "Verzendbeleid", href: "#" }
+              ]
+            },
+            {
+              title: "Bedrijf",              items: [
+                { label: "Over SANBO", href: "/about" },
+                { label: "Ons Verhaal", href: "/about" },
+                { label: "Carrières", href: "#" },
+                { label: "Blog & Insights", href: "#" }
+              ]
+            },
+            {
+              title: "Juridisch",              items: [
+                { label: "Privacybeleid", href: "#" },
+                { label: "Gebruiksvoorwaarden", href: "#" },
+                { label: "Cookiebeleid", href: "#" },
+                { label: "Garantie", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 SANBO Sports. Alle rechten voorbehouden."
+          bottomRightText="Gemaakt met zorg voor kwaliteit en klantervaring."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,119 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="SANBO Sports"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "About", id: "/about" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Neem Contact Met Ons Op"
+          description="Heb je vragen of opmerkingen? Ons team staat klaar om je te helpen."
+          tag="Contact"
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Terug naar Home", href: "/" },
+            { text: "Bekijk FAQ", href: "/faq" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/young-colleagues-office_23-2147808095.jpg"
+          imageAlt="SANBO Sports customer support team"
+          showBlur={true}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Word vandaag nog een tevreden SANBO klant"
+          description="Heb je vragen of wil je meer informatie over onze producten en services? Vul het formulier in en ons team neemt snel contact met je op."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Je naam", required: true },
+            { name: "email", type: "email", placeholder: "Je e-mailadres", required: true },
+            { name: "phone", type: "tel", placeholder: "Je telefoonnummer", required: false },
+            { name: "company", type: "text", placeholder: "Bedrijfsnaam (optioneel)", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Vertel ons waar je mee kan helpen...",            rows: 5,
+            required: true
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/young-colleagues-office_23-2147808095.jpg"
+          imageAlt="Professional customer support team ready to help"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Stuur bericht"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigatie",              items: [
+                { label: "Home", href: "/" },
+                { label: "Producten", href: "/products" },
+                { label: "About", href: "/about" },
+                { label: "FAQ", href: "/faq" }
+              ]
+            },
+            {
+              title: "Klantenservice",              items: [
+                { label: "Veelgestelde Vragen", href: "/faq" },
+                { label: "Contacteer ons", href: "/contact" },
+                { label: "Retourbeleid", href: "#" },
+                { label: "Verzendbeleid", href: "#" }
+              ]
+            },
+            {
+              title: "Bedrijf",              items: [
+                { label: "Over SANBO", href: "/about" },
+                { label: "Ons Verhaal", href: "/about" },
+                { label: "Carrières", href: "#" },
+                { label: "Blog & Insights", href: "#" }
+              ]
+            },
+            {
+              title: "Juridisch",              items: [
+                { label: "Privacybeleid", href: "#" },
+                { label: "Gebruiksvoorwaarden", href: "#" },
+                { label: "Cookiebeleid", href: "#" },
+                { label: "Garantie", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 SANBO Sports. Alle rechten voorbehouden."
+          bottomRightText="Gemaakt met zorg voor kwaliteit en klantervaring."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/faq/page.tsx

@@ -0,0 +1,134 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { HelpCircle } from "lucide-react";
+
+export default function FaqPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="SANBO Sports"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "About", id: "/about" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Veelgestelde Vragen"
+          description="Alles wat je moet weten over SANBO Sports, van levering tot garanties."
+          tag="Hulp & Ondersteuning"
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Contact Ons", href: "/contact" },
+            { text: "Terug naar Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg"
+          imageAlt="Customer support team ready to help"
+          showBlur={true}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqSplitMedia
+          title="Veelgestelde Vragen"
+          description="Alles wat je moet weten over SANBO Sports, van levering tot garanties."
+          tag="Hulp & Ondersteuning"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          faqsAnimation="slide-up"
+          mediaPosition="left"
+          imageSrc="http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg"
+          imageAlt="Customer support representative assisting clients"
+          faqs={[
+            {
+              id: "1",              title: "Hoe snel wordt mijn bestelling geleverd?",              content: "De meeste bestellingen worden binnen 2-3 werkdagen geleverd in Nederland. Voor internationale bestellingen kunnen we tot 7 werkdagen duren. Je ontvangt updates via e-mail op elke stap van je order."
+            },
+            {
+              id: "2",              title: "Wat gebeurt er als een product defect aankomt?",              content: "We garanderen kwaliteit. Mocht er iets defect zijn, contacteer ons direct en wij zenden je onmiddellijk een vervangingsproduct. Je hoeft het defecte product niet terug te sturen - we regelen alles snel en moeiteloos."
+            },
+            {
+              id: "3",              title: "Wat is jullie garantiebeleid?",              content: "Alle SANBO producten komen met een standaardgarantie van 12 maanden tegen fabricagefouten. Voor bepaalde product categorieën bieden we uitgebreide garanties. Lees de productbeschrijving voor specifieke details."
+            },
+            {
+              id: "4",              title: "Kan ik mijn bestelling retourneren?",              content: "Ja, we bieden 30 dagen retourrecht zonder vragen. Als je niet 100% tevreden bent, kun je het product retourneren voor volledige restitutie. Verzendkosten zijn aan jou."
+            },
+            {
+              id: "5",              title: "Hoe kan ik contact opnemen met de klantenservice?",              content: "Je kunt ons bereiken via e-mail, telefoonnummer, of live chat op onze website. Onze team werkt maandag tot vrijdag van 09:00 tot 18:00 CET. We streven ernaar binnen 24 uur te antwoorden."
+            },
+            {
+              id: "6",              title: "Zijn jullie producten duurzaam en milieuvriendelijk?",              content: "We kiezen producten die duurzaam zijn vervaardigd en lang meegaan. Dit betekent minder vervangingen en minder afval. We werken uitsluitend met leveranciers die milieu- en sociale normen naleven."
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigatie",              items: [
+                { label: "Home", href: "/" },
+                { label: "Producten", href: "/products" },
+                { label: "About", href: "/about" },
+                { label: "FAQ", href: "/faq" }
+              ]
+            },
+            {
+              title: "Klantenservice",              items: [
+                { label: "Veelgestelde Vragen", href: "/faq" },
+                { label: "Contacteer ons", href: "/contact" },
+                { label: "Retourbeleid", href: "#" },
+                { label: "Verzendbeleid", href: "#" }
+              ]
+            },
+            {
+              title: "Bedrijf",              items: [
+                { label: "Over SANBO", href: "/about" },
+                { label: "Ons Verhaal", href: "/about" },
+                { label: "Carrières", href: "#" },
+                { label: "Blog & Insights", href: "#" }
+              ]
+            },
+            {
+              title: "Juridisch",              items: [
+                { label: "Privacybeleid", href: "#" },
+                { label: "Gebruiksvoorwaarden", href: "#" },
+                { label: "Cookiebeleid", href: "#" },
+                { label: "Garantie", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 SANBO Sports. Alle rechten voorbehouden."
+          bottomRightText="Gemaakt met zorg voor kwaliteit en klantervaring."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,11 +30,11 @@ export default function LandingPage() {
         <NavbarStyleApple
           brandName="SANBO Sports"
           navItems={[
-            { name: "Home", id: "hero" },
-            { name: "Products", id: "products" },
-            { name: "Why Us", id: "why-sanbo" },
-            { name: "Reviews", id: "testimonials" },
-            { name: "FAQ", id: "faq" }
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "About", id: "/about" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" }
           ]}
         />
       </div>
@@ -47,8 +47,8 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Bekijk ons assortiment", href: "#products" },
-            { text: "Vraag advies aan", href: "#contact" }
+            { text: "Bekijk ons assortiment", href: "/products" },
+            { text: "Vraag advies aan", href: "/contact" }
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "plain" }}
@@ -247,24 +247,24 @@ export default function LandingPage() {
           columns={[
             {
               title: "Navigatie",              items: [
-                { label: "Home", href: "#hero" },
-                { label: "Producten", href: "#products" },
-                { label: "Waarom SANBO", href: "#why-sanbo" },
-                { label: "Testimonials", href: "#testimonials" }
+                { label: "Home", href: "/" },
+                { label: "Producten", href: "/products" },
+                { label: "About", href: "/about" },
+                { label: "FAQ", href: "/faq" }
               ]
             },
             {
               title: "Klantenservice",              items: [
-                { label: "Veelgestelde Vragen", href: "#faq" },
-                { label: "Contacteer ons", href: "#contact" },
+                { label: "Veelgestelde Vragen", href: "/faq" },
+                { label: "Contacteer ons", href: "/contact" },
                 { label: "Retourbeleid", href: "#" },
                 { label: "Verzendbeleid", href: "#" }
               ]
             },
             {
               title: "Bedrijf",              items: [
-                { label: "Over SANBO", href: "#" },
-                { label: "Ons Verhaal", href: "#" },
+                { label: "Over SANBO", href: "/about" },
+                { label: "Ons Verhaal", href: "/about" },
                 { label: "Carrières", href: "#" },
                 { label: "Blog & Insights", href: "#" }
               ]

src/app/products/page.tsx

@@ -0,0 +1,130 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Award } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="SANBO Sports"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "About", id: "/about" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Onze Premium Collectie"
+          description="Ontdek onze zorgvuldig geselecteerde assortiment van sport- en lifestyleproducten van topkwaliteit."
+          tag="Producten"
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Verken Collectie", href: "#products" },
+            { text: "Contact Ons", href: "/contact" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/composition-with-air-humidifier-flowers-vase-health-care-concept_169016-8490.jpg"
+          imageAlt="Premium product collection showcase"
+          showBlur={true}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardTwo
+          title="Ons Complete Assortiment"
+          description="Van fitness gear tot outdoor adventure producten - alles wat je nodig hebt voor een actieve en gezonde lifestyle."
+          tag="Populaire Collecties"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          products={[
+            {
+              id: "1",              brand: "SANBO Sports",              name: "Premium Fitness Gear Set",              price: "€149,99",              rating: 5,
+              reviewCount: "2.3k",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-yoga-essential-items_23-2149458899.jpg",              imageAlt: "Premium fitness training equipment"
+            },
+            {
+              id: "2",              brand: "SANBO Sports",              name: "Professional Yoga & Pilates Kit",              price: "€89,99",              rating: 5,
+              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-yoga-mat-outdoors-grass_23-2148769590.jpg",              imageAlt: "Professional yoga and pilates equipment"
+            },
+            {
+              id: "3",              brand: "SANBO Sports",              name: "Advanced Air Purifier System",              price: "€299,99",              rating: 5,
+              reviewCount: "956",              imageSrc: "http://img.b2bpic.net/free-photo/woman-using-speaker-digital-assistant_23-2149108006.jpg",              imageAlt: "Advanced home air purification system"
+            },
+            {
+              id: "4",              brand: "SANBO Sports",              name: "Outdoor Trekking Adventure Bundle",              price: "€199,99",              rating: 5,
+              reviewCount: "1.2k",              imageSrc: "http://img.b2bpic.net/free-photo/travel-elements-arrangement-luggage_23-2148634208.jpg",              imageAlt: "Complete outdoor trekking equipment bundle"
+            }
+          ]}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigatie",              items: [
+                { label: "Home", href: "/" },
+                { label: "Producten", href: "/products" },
+                { label: "About", href: "/about" },
+                { label: "FAQ", href: "/faq" }
+              ]
+            },
+            {
+              title: "Klantenservice",              items: [
+                { label: "Veelgestelde Vragen", href: "/faq" },
+                { label: "Contacteer ons", href: "/contact" },
+                { label: "Retourbeleid", href: "#" },
+                { label: "Verzendbeleid", href: "#" }
+              ]
+            },
+            {
+              title: "Bedrijf",              items: [
+                { label: "Over SANBO", href: "/about" },
+                { label: "Ons Verhaal", href: "/about" },
+                { label: "Carrières", href: "#" },
+                { label: "Blog & Insights", href: "#" }
+              ]
+            },
+            {
+              title: "Juridisch",              items: [
+                { label: "Privacybeleid", href: "#" },
+                { label: "Gebruiksvoorwaarden", href: "#" },
+                { label: "Cookiebeleid", href: "#" },
+                { label: "Garantie", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 SANBO Sports. Alle rechten voorbehouden."
+          bottomRightText="Gemaakt met zorg voor kwaliteit en klantervaring."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}