Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 855785132e | |||
| 23314613e3 | |||
| 7722aeb830 | |||
| c2b01f852e | |||
| dd79a701c0 | |||
| 12216187bc | |||
| c8531cf4cd | |||
| ceced02e4c | |||
| b06a865704 | |||
| 59c5f429e6 | |||
| 3eb97c4347 | |||
| 61fc51a23e | |||
| 3f9bda8d3e | |||
| 951bc4a621 | |||
| fa9b33c396 | |||
| b6cd2da13d | |||
| 52a4c36763 | |||
| 960402470b |
162
src/app/about/page.tsx
Normal file
162
src/app/about/page.tsx
Normal 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
142
src/app/blog/page.tsx
Normal 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
119
src/app/contact/page.tsx
Normal 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
134
src/app/faq/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -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
130
src/app/products/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -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
176
src/app/support/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user