Merge version_3 into main #4

Merged
bender merged 5 commits from version_3 into main 2026-03-10 22:37:15 +00:00
5 changed files with 392 additions and 49 deletions

View File

@@ -2,11 +2,11 @@
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 HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { CheckCircle, Zap, Headphones, Shield, MapPin } from "lucide-react";
import { Sparkles, Heart, Lightbulb, Users, TrendingUp, Zap } from "lucide-react";
export default function AboutPage() {
return (
@@ -29,6 +29,8 @@ export default function AboutPage() {
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "About", id: "/about" },
{ name: "Support", id: "/support" },
{ name: "Blog", id: "/blog" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" }
]}
@@ -36,61 +38,78 @@ export default function AboutPage() {
</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"
<HeroBillboardRotatedCarousel
title="Het Verhaal van SANBO Sports"
description="Sinds onze oprichting hebben we alles gedaan met één doel: onze klanten voorzien van premium sport- en lifestyleproducten met uitzonderlijke service. Ontdek hoe we de industrie veranderen."
tag="Ons Verhaal"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Contact Ons", href: "/contact" },
{ text: "Ontdek Producten", href: "/products" }
{ text: "Ontdek onze missie", href: "#mission" },
{ text: "Neem contact op", href: "/contact" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg?_wi=2"
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" }
background={{ variant: "plain" }}
carouselItems={[
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-standing-with-crossed-arms-wall_93675-115509.jpg", imageAlt: "SANBO Sports leadership team" },
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/group-coworkers-working-together_23-2149068778.jpg", imageAlt: "Our dedicated team collaborating" },
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory_23-2149215529.jpg", imageAlt: "Quality control and warehouse operations" },
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-holding-package_23-2147805204.jpg", imageAlt: "Fast and reliable shipping" },
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/customer-service-representatives-working_23-2148921505.jpg", imageAlt: "24/7 customer support team" },
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customers-showing-thumbs-up_23-2149215450.jpg", imageAlt: "Happy SANBO customers" }
]}
autoPlay={true}
autoPlayInterval={5000}
/>
</div>
<div id="why-sanbo" data-section="why-sanbo">
<div id="mission" data-section="mission">
<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}
title="Onze Kernwaarden"
description="De principes die ons leiden en de reden waarom klanten vertrouwen op SANBO Sports."
tag="Ons DNA"
tagIcon={Heart}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
icon: Heart,
title: "Klantfocus", description: "Elke beslissing die we nemen, begint met onze klanten. Hun tevredenheid en vertrouwen zijn ons doel."
},
{
icon: Lightbulb,
title: "Innovatie", description: "We investeren constant in betere producten, snellere service en meer efficiënte processen."
},
{
icon: Users,
title: "Teamwerk", description: "Onze sterke, gepassioneerde team werkt samen om elke dag iets speciaals te leveren."
},
{
icon: Zap,
title: "Snelle levering", description: "Klanten ontvangen hun producten binnen enkele werkdagen. Efficiënte logistiek zorgt voor snelle aflevering zonder compromissen op kwaliteit."
title: "Snelheid & Efficiëntie", description: "We weten dat tijd kostbaar is. Daarom werken we snel zonder kwaliteit in te leveren."
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="Onze Groei"
description="Sinds dag één zijn we exponentieel gegroeid dankzij het vertrouwen van onze klanten en het hard werken van ons team."
tag="Mijlpalen"
tagIcon={TrendingUp}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "1", value: "2018", title: "Jaar Opgericht", description: "We begonnen met één eenvoudige visie: kwaliteit en service leveren", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-team_23-2149162453.jpg", imageAlt: "SANBO Sports founding year"
},
{
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."
id: "2", value: "50K+", title: "Tevreden Klanten", description: "Een groeiende gemeenschap die ons vertrouwt voor hun sport- en lifestylebehoeften", imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-celebrating_23-2149215500.jpg", imageAlt: "Our satisfied customer base"
}
]}
/>
@@ -104,6 +123,8 @@ export default function AboutPage() {
{ label: "Home", href: "/" },
{ label: "Producten", href: "/products" },
{ label: "About", href: "/about" },
{ label: "Support", href: "/support" },
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/faq" }
]
},
@@ -120,7 +141,7 @@ export default function AboutPage() {
{ label: "Over SANBO", href: "/about" },
{ label: "Ons Verhaal", href: "/about" },
{ label: "Carrières", href: "#" },
{ label: "Blog & Insights", href: "#" }
{ label: "Blog & Insights", href: "/blog" }
]
},
{

142
src/app/blog/page.tsx Normal file
View File

@@ -0,0 +1,142 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles } from "lucide-react";
export default function BlogPage() {
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: "Support", id: "/support" },
{ name: "Blog", id: "/blog" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Blog & Insights"
description="Lees onze lateste artikelen over fitness, wellness, outdoor adventure, en lifestyle. Ontdek tips, trends en inspiratie van onze experts."
tag="Kennis & Inspiratie"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Lees het eerste artikel", href: "#blog" },
{ text: "Abonneer op updates", href: "/contact" }
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
carouselItems={[
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/fitness-lifestyle-blog_23-2149215600.jpg", imageAlt: "Fitness lifestyle content" },
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/wellness-tips-article_23-2149215610.jpg", imageAlt: "Wellness tips and advice" },
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-adventure-guide_23-2149215620.jpg", imageAlt: "Outdoor adventure guide" },
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/sports-training-tips_23-2149215630.jpg", imageAlt: "Sports training guide" },
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-inspiration_23-2149215640.jpg", imageAlt: "Lifestyle inspiration" },
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/wellness-community_23-2149215650.jpg", imageAlt: "Our wellness community" }
]}
autoPlay={true}
autoPlayInterval={5000}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
title="Laatst Gepubliceerd"
description="Ontdek onze nieuwste artikelen en tips van onze experts."
tag="Artikel"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
carouselMode="buttons"
blogs={[
{
id: "1", category: "Fitness", title: "De 10 beste home workout routines voor beginners", excerpt: "Leer hoe je thuis effectief kunt trainen met eenvoudige oefeningen die geen apparatuur nodig hebben. Perfect voor wie net begint met fitness.", imageSrc: "http://img.b2bpic.net/free-photo/home-workout-fitness_23-2149215660.jpg", imageAlt: "Home workout setup", authorName: "Sarah de Vries", authorAvatar: "http://img.b2bpic.net/free-photo/professional-woman-portrait_23-2149215670.jpg", date: "15 Jan 2025", onBlogClick: () => console.log("Blog 1 clicked")
},
{
id: "2", category: "Wellness", title: "De voordelen van dagelijks yoga oefenen", excerpt: "Ontdek hoe yoga niet alleen je lichaam sterker maakt, maar ook je mentale gezondheid verbetert. Lees onze gids voor beginners.", imageSrc: "http://img.b2bpic.net/free-photo/yoga-wellness-practice_23-2149215680.jpg", imageAlt: "Yoga practice session", authorName: "Emma Kowalski", authorAvatar: "http://img.b2bpic.net/free-photo/wellness-expert-portrait_23-2149215690.jpg", date: "12 Jan 2025", onBlogClick: () => console.log("Blog 2 clicked")
},
{
id: "3", category: "Outdoor Adventure", title: "Beginners gids voor bergwandelen in Nederland", excerpt: "Ontdek de mooiste bergwandelroutes in Nederland. Dit artikel bevat tips voor voorbereiding, wat mee te nemen en veiligheid.", imageSrc: "http://img.b2bpic.net/free-photo/hiking-adventure-mountains_23-2149215700.jpg", imageAlt: "Mountain hiking adventure", authorName: "Lucas Vrijman", authorAvatar: "http://img.b2bpic.net/free-photo/adventure-guide-portrait_23-2149215710.jpg", date: "8 Jan 2025", onBlogClick: () => console.log("Blog 3 clicked")
},
{
id: "4", category: "Lifestyle", title: "Hoe je een gezonde dagvullende routine opbouwt", excerpt: "Leer stapje voor stapje hoe je een gezonde en productieve dagvullende routine kunt creëren die bij je leven past.", imageSrc: "http://img.b2bpic.net/free-photo/daily-routine-lifestyle_23-2149215720.jpg", imageAlt: "Daily routine planning", authorName: "Anna Pettersson", authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-coach-portrait_23-2149215730.jpg", date: "5 Jan 2025", onBlogClick: () => console.log("Blog 4 clicked")
},
{
id: "5", category: "Sports", title: "Training tips van professionele atleten", excerpt: "Leer van de beste atleten in de sport hoe je beter kunt trainen en je doelen sneller kunt bereiken.", imageSrc: "http://img.b2bpic.net/free-photo/professional-athletes-training_23-2149215740.jpg", imageAlt: "Professional athlete training", authorName: "Marco Ramirez", authorAvatar: "http://img.b2bpic.net/free-photo/sports-coach-portrait_23-2149215750.jpg", date: "2 Jan 2025", onBlogClick: () => console.log("Blog 5 clicked")
},
{
id: "6", category: "Health", title: "De beste voedingssupplementen voor actieve personen", excerpt: "Ontdek welke voedingssupplementen werkelijk nuttig zijn voor je gezondheid en prestaties. Een science-based gids.", imageSrc: "http://img.b2bpic.net/free-photo/nutrition-supplements-health_23-2149215760.jpg", imageAlt: "Nutrition supplements", authorName: "Dr. Lisa Chen", authorAvatar: "http://img.b2bpic.net/free-photo/nutrition-expert-portrait_23-2149215770.jpg", date: "28 Dec 2024", onBlogClick: () => console.log("Blog 6 clicked")
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navigatie", items: [
{ label: "Home", href: "/" },
{ label: "Producten", href: "/products" },
{ label: "About", href: "/about" },
{ label: "Support", href: "/support" },
{ label: "Blog", href: "/blog" },
{ 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: "/blog" }
]
},
{
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>
);
}

View File

@@ -33,6 +33,8 @@ export default function LandingPage() {
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "About", id: "/about" },
{ name: "Support", id: "/support" },
{ name: "Blog", id: "/blog" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" }
]}
@@ -250,6 +252,8 @@ export default function LandingPage() {
{ label: "Home", href: "/" },
{ label: "Producten", href: "/products" },
{ label: "About", href: "/about" },
{ label: "Support", href: "/support" },
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/faq" }
]
},
@@ -266,7 +270,7 @@ export default function LandingPage() {
{ label: "Over SANBO", href: "/about" },
{ label: "Ons Verhaal", href: "/about" },
{ label: "Carrières", href: "#" },
{ label: "Blog & Insights", href: "#" }
{ label: "Blog & Insights", href: "/blog" }
]
},
{

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1a1a1a;
--primary-cta: #ff6b35;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
--accent: #ffb627;
--background-accent: #ffd460;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

176
src/app/support/page.tsx Normal file
View File

@@ -0,0 +1,176 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, HelpCircle } from "lucide-react";
export default function SupportPage() {
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: "Support", id: "/support" },
{ name: "Blog", id: "/blog" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="We zijn hier om te helpen"
description="Heb je vragen over je bestelling, onze producten, of policies? Ons support team staat 24/7 voor je klaar. Vind antwoorden op veelgestelde vragen of neem direct contact op."
tag="Ondersteuning"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Bekijk FAQ", href: "#faq" },
{ text: "Contacteer ons", href: "/contact" }
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
carouselItems={[
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/customer-service-team-helping-customers_23-2149215520.jpg", imageAlt: "Professional support team" },
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-customer-service_23-2149215530.jpg", imageAlt: "Friendly support representative" },
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/support-team-collaborating_23-2149215540.jpg", imageAlt: "Support team collaboration" },
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/chatting-with-support_23-2149215550.jpg", imageAlt: "Live chat support" },
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/email-support-assistance_23-2149215560.jpg", imageAlt: "Email support service" },
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/phone-support-ready_23-2149215570.jpg", imageAlt: "Phone support available" }
]}
autoPlay={true}
autoPlayInterval={5000}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Veelgestelde Vragen"
description="Antwoorden op de meest gestelde vragen van onze klanten over producten, bestellingen, verzending en meer."
tag="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/helpful-support-team_23-2149215580.jpg"
imageAlt="Our support team is ready to help"
faqs={[
{
id: "1", title: "Hoe lang duurt het voor mijn bestelling aankomt?", content: "De meeste bestellingen worden binnen 2-3 werkdagen bezorgd in Nederland. Internationale bestellingen duuren tot 7 werkdagen. Je ontvangt een tracking link zodra je bestelling is verzonden."
},
{
id: "2", title: "Wat is de garantie op producten?", content: "Alle SANBO producten hebben een standaardgarantie van 12 maanden tegen fabricagefouten. Dit dekt defecten in materiaal en vakmanschap. Normale slijtage valt niet onder de garantie."
},
{
id: "3", title: "Hoe kan ik mijn bestelling volgen?", content: "Je ontvangt een e-mail met een tracking link zodra je bestelling is verzonden. Je kunt je bestelling volgen op onze website of via de link in de e-mail. Voor extra hulp, neem contact op met ons team."
},
{
id: "4", title: "Wat is het retourbeleid?", content: "We bieden 30 dagen retourrecht vanaf de leveringsdatum. Producten moeten ongebruikt en in originele verpakking zijn. Retourzendingen moeten door jou worden betaald, maar we geven volledige terugbetaling."
},
{
id: "5", title: "Hoe kan ik in contact komen met customer service?", content: "Je kunt ons bereiken via e-mail (support@sanbo.nl), telefoonnummer (020-1234567), of live chat op onze website. We zijn bereikbaar maandag tot vrijdag van 09:00 tot 18:00 CET."
},
{
id: "6", title: "Wat als mijn product beschadigd aankomt?", content: "Als je product beschadigd aankomt, stuur ons onmiddellijk foto's. We vervangen het product zonder kosten. Je hoeft het beschadigde product niet terug te sturen."
},
{
id: "7", title: "Biedt SANBO korting voor bulkbestellingen?", content: "Ja! Voor bulkbestellingen of zakelijke partners bieden we speciale kortingen. Neem contact op met ons zakelijk team via business@sanbo.nl voor meer informatie."
},
{
id: "8", title: "Hoe kan ik mijn accountgegevens wijzigen?", content: "Log in op je account en ga naar 'Instellingen'. Daar kun je je persoonlijke gegevens, e-mailadres en wachtwoord wijzigen. Als je problemen hebt, neem contact op met ons support team."
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Heb je nog vragen?"
description="Neem direct contact op met ons team. We beantwoorden je vragen graag en zorgen dat je snel hulp krijgt."
inputs={[
{ name: "name", type: "text", placeholder: "Je naam", required: true },
{ name: "email", type: "email", placeholder: "Je e-mailadres", required: true },
{ name: "subject", type: "text", placeholder: "Onderwerp", required: true },
{ name: "orderNumber", type: "text", placeholder: "Bestellingsnummer (optioneel)", required: false }
]}
textarea={{
name: "message", placeholder: "Beschrijf je vraag of probleem in detail...", rows: 6,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/supportive-team-ready-to-help_23-2149215590.jpg"
imageAlt="Support team ready to assist"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Verzend vraag"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navigatie", items: [
{ label: "Home", href: "/" },
{ label: "Producten", href: "/products" },
{ label: "About", href: "/about" },
{ label: "Support", href: "/support" },
{ label: "Blog", href: "/blog" },
{ 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: "/blog" }
]
},
{
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>
);
}