18 Commits

Author SHA1 Message Date
855785132e Add src/app/support/page.tsx 2026-03-10 22:37:11 +00:00
23314613e3 Update src/app/styles/variables.css 2026-03-10 22:37:10 +00:00
7722aeb830 Update src/app/page.tsx 2026-03-10 22:37:10 +00:00
c2b01f852e Add src/app/blog/page.tsx 2026-03-10 22:37:09 +00:00
dd79a701c0 Update src/app/about/page.tsx 2026-03-10 22:37:09 +00:00
12216187bc Merge version_2 into main
Merge version_2 into main
2026-03-10 22:29:19 +00:00
c8531cf4cd Update src/app/products/page.tsx 2026-03-10 22:29:15 +00:00
ceced02e4c Update src/app/page.tsx 2026-03-10 22:29:15 +00:00
b06a865704 Update src/app/faq/page.tsx 2026-03-10 22:29:14 +00:00
59c5f429e6 Update src/app/contact/page.tsx 2026-03-10 22:29:14 +00:00
3eb97c4347 Update src/app/about/page.tsx 2026-03-10 22:29:13 +00:00
61fc51a23e Merge version_2 into main
Merge version_2 into main
2026-03-10 22:28:53 +00:00
3f9bda8d3e Add src/app/products/page.tsx 2026-03-10 22:28:49 +00:00
951bc4a621 Update src/app/page.tsx 2026-03-10 22:28:48 +00:00
fa9b33c396 Add src/app/faq/page.tsx 2026-03-10 22:28:48 +00:00
b6cd2da13d Add src/app/contact/page.tsx 2026-03-10 22:28:47 +00:00
52a4c36763 Add src/app/about/page.tsx 2026-03-10 22:28:47 +00:00
960402470b Merge version_1 into main
Merge version_1 into main
2026-03-10 22:07:17 +00:00
8 changed files with 898 additions and 31 deletions

162
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,162 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
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 { Sparkles, Heart, Lightbulb, Users, TrendingUp, Zap } 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: "Support", id: "/support" },
{ name: "Blog", id: "/blog" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<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: "Ontdek onze missie", href: "#mission" },
{ text: "Neem contact op", href: "/contact" }
]}
buttonAnimation="slide-up"
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="mission" data-section="mission">
<FeatureHoverPattern
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: "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"
},
{
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"
}
]}
/>
</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>
);
}

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

119
src/app/contact/page.tsx Normal file
View File

@@ -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?_wi=2"
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?_wi=3"
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>
);
}

134
src/app/faq/page.tsx Normal file
View File

@@ -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?_wi=2"
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?_wi=3"
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>
);
}

View File

@@ -30,11 +30,13 @@ 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: "Support", id: "/support" },
{ name: "Blog", id: "/blog" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
@@ -47,15 +49,15 @@ 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" }}
carouselItems={[
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg", imageAlt: "Dynamic fitness equipment and training gear in action" },
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg?_wi=1", imageAlt: "Dynamic fitness equipment and training gear in action" },
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-checking-mobile_23-2148622542.jpg", imageAlt: "Outdoor adventure and trekking equipment showcase" },
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-air-humidifier-flowers-vase-health-care-concept_169016-8490.jpg", imageAlt: "Home wellness products and air purification systems" },
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-air-humidifier-flowers-vase-health-care-concept_169016-8490.jpg?_wi=1", imageAlt: "Home wellness products and air purification systems" },
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/office-table-with-smartphone-it-view-from_93675-131556.jpg", imageAlt: "Modern tech gadgets and smart devices collection" },
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/stylish-darkskinned-curly-woman-shows-peace-sign-outside-active-lady-beige-trench-coat-poses-with-bicycle-outside_197531-29486.jpg", imageAlt: "Satisfied customers enjoying active lifestyle with SANBO products" },
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110067.jpg", imageAlt: "Close-up of premium quality product details and craftsmanship" }
@@ -79,19 +81,19 @@ export default function LandingPage() {
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"
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yoga-essential-items_23-2149458899.jpg?_wi=1", 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"
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yoga-mat-outdoors-grass_23-2148769590.jpg?_wi=1", 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"
reviewCount: "956", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-speaker-digital-assistant_23-2149108006.jpg?_wi=1", 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"
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/travel-elements-arrangement-luggage_23-2148634208.jpg?_wi=1", imageAlt: "Complete outdoor trekking equipment bundle"
}
]}
carouselMode="buttons"
@@ -194,7 +196,7 @@ export default function LandingPage() {
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"
imageSrc="http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg?_wi=1"
imageAlt="Customer support representative assisting clients"
faqs={[
{
@@ -234,7 +236,7 @@ export default function LandingPage() {
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/young-colleagues-office_23-2147808095.jpg"
imageSrc="http://img.b2bpic.net/free-photo/young-colleagues-office_23-2147808095.jpg?_wi=1"
imageAlt="Professional customer support team ready to help"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -247,26 +249,28 @@ 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: "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: "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: "#" }
{ label: "Blog & Insights", href: "/blog" }
]
},
{

130
src/app/products/page.tsx Normal file
View File

@@ -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?_wi=2"
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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=2", 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>
);
}

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