260 lines
16 KiB
TypeScript
260 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, CheckCircle, HelpCircle, MapPin, Shield, Sparkles, Star, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="City Mobile"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Accessories", id: "accessories" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Call: 06 45712452", href: "tel:0645712452"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Snelle en Betrouwbare Telefoon Reparaties"
|
|
description="Welkom bij City Mobile in Oud-Beijerland. Wij specialiseren ons in snelle reparaties van smartphones en tablets met kwaliteitsonderdelen en persoonlijke service."
|
|
tag="Telefoon & Tablet Reparatie"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Bel Nu: 06 45712452", href: "tel:0645712452" },
|
|
{ text: "Meer Info", href: "#services" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/destruction-smartphone-scene_23-2151500115.jpg"
|
|
imageAlt="Professional phone repair technician at work"
|
|
ariaLabel="Hero section - City Mobile phone repair"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Onze Diensten"
|
|
description="Wij bieden professionele reparaties en een breed assortiment accessoires voor uw mobiele apparaat."
|
|
tag="Wat Wij Doen"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Reparaties", title: "Telefoon Reparaties", subtitle: "Alle Merken", description: "Wij repareren bijna alle smartphone merken. Van schermvervangingen tot batterij vervangingen en oplaadpoort reparaties.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dissasembled-drowned-phone-with-removed-battery-deattached-screen-professional-repairment-lab_346278-1207.jpg", imageAlt: "iPhone repair service", buttons: [{ text: "Details", href: "#contact" }]
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Snelheid", title: "Snelle Reparaties", subtitle: "30-60 Minuten", description: "Veel reparaties zijn klaar binnen 30-60 minuten. Waterschade diagnose en complexe reparaties worden snel afgehandeld.", imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500018.jpg", imageAlt: "Screen replacement service", buttons: [{ text: "Informatie", href: "#contact" }]
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Accessoires", title: "Telefoon Accessoires", subtitle: "Groot Assortiment", description: "Telefoonhoesjes, screenprotectors, opladers, kabels, powerbanks en autohouders. Alles wat je nodig hebt.", imageSrc: "http://img.b2bpic.net/free-photo/bunch-plugs-different-types-charging-connectors-white-diverse-plugs-hand-close-up_169016-16262.jpg", imageAlt: "Phone accessories display", buttons: [{ text: "Aanbod", href: "#contact" }]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Populaire Reparatie Services"
|
|
description="Onze meest aangevraagde reparatie- en verkoopservices."
|
|
tag="Services & Producten"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "iphone-screen", brand: "iPhone", name: "Scherm Vervangen", price: "€79-129", rating: 5,
|
|
reviewCount: "247", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dissasembled-drowned-phone-with-removed-battery-deattached-screen-professional-repairment-lab_346278-1207.jpg", imageAlt: "iPhone screen replacement"
|
|
},
|
|
{
|
|
id: "samsung-screen", brand: "Samsung", name: "Scherm Vervangen", price: "€69-119", rating: 5,
|
|
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/techician-uses-driver-unscrew-small-screws-smartphone-body_346278-1189.jpg", imageAlt: "Samsung screen replacement"
|
|
},
|
|
{
|
|
id: "battery-service", brand: "Universeel", name: "Batterij Vervangen", price: "€49-89", rating: 5,
|
|
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500043.jpg", imageAlt: "Battery replacement service"
|
|
},
|
|
{
|
|
id: "refurbished-phone", brand: "Diverse", name: "Refurbished Toestel", price: "€199-699", rating: 4,
|
|
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500018.jpg", imageAlt: "Refurbished phone"
|
|
},
|
|
{
|
|
id: "phone-case", brand: "Bescherming", name: "Telefoonhoesje", price: "€14-39", rating: 5,
|
|
reviewCount: "324", imageSrc: "http://img.b2bpic.net/free-photo/bunch-plugs-different-types-charging-connectors-white-diverse-plugs-hand-close-up_169016-16262.jpg", imageAlt: "Phone case"
|
|
},
|
|
{
|
|
id: "charger", brand: "Opladen", name: "Snelle Oplader", price: "€19-49", rating: 5,
|
|
reviewCount: "201", imageSrc: "http://img.b2bpic.net/free-photo/bunch-plugs-different-types-charging-connectors-white-diverse-plugs-hand-close-up_169016-16262.jpg", imageAlt: "Fast charger"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Wat Klanten Zeggen"
|
|
description="Lees de ervaringen van onze tevreden klanten."
|
|
tag="Klantbeoordelingen"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Johan Pieterse", role: "Oud-Beijerland", testimonial: "Mijn iPhone scherm was kapot, en binnen een uur was het gerepareerd. Zeer professioneel en betaalbaar. Ik kom graag terug!", imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-taking-selfie-kitchen_23-2148404394.jpg", imageAlt: "Johan Pieterse", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Maria van der Berg", role: "Oud-Beijerland", testimonial: "Fantastische service. Mijn Samsung batterij werd snel vervangen met een kwaliteitsonderdeel. Echt aanbevolen!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-yellow-hoodie_23-2148768507.jpg", imageAlt: "Maria van der Berg", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Peter Jansen", role: "Oud-Beijerland", testimonial: "Ik had waterschade op mijn telefoon. Ze konden het probleem diagnosticeren en repareren. Dank jullie wel!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-holding-phone-blue-surface_140725-63806.jpg", imageAlt: "Peter Jansen", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Linda de Groot", role: "Oud-Beijerland", testimonial: "Geweldig aanbod van accessoires en zeer vriendelijk personeel. City Mobile is mijn eerste keuze.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-typing-smartphone_23-2147707169.jpg", imageAlt: "Linda de Groot", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Erik Vermeulen", role: "Oud-Beijerland", testimonial: "Snelle reparatie en eerlijk advies. Niet de duurste, maar zeker de beste kwaliteit. Zeer blij!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "Erik Vermeulen", icon: Star
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Over Ons"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
title="City Mobile Oud-Beijerland"
|
|
description="City Mobile is een lokale telecomwinkel waar service en kwaliteit centraal staan. Wij helpen dagelijks klanten met reparaties, accessoires en advies over smartphones."
|
|
subdescription="Onze missie is om klanten eerlijk advies, snelle service en betaalbare reparaties te bieden. Dankzij onze ervaring kunnen we de meeste problemen snel oplossen."
|
|
icon={Award}
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vendor-talking-customer-counter_482257-76117.jpg"
|
|
imageAlt="City Mobile store interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Veelgestelde Vragen"
|
|
description="Antwoorden op de meest gestelde vragen over onze services."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="blur-reveal"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Hoe lang duurt een reparatie?", content: "De meeste reparaties, zoals schermvervangingen en batterij vervangingen, zijn klaar binnen 30-60 minuten. Complexere problemen kunnen langer duren. Wij informeren u altijd van tevoren."
|
|
},
|
|
{
|
|
id: "faq-2", title: "Welke merken repareren jullie?", content: "Wij repareren bijna alle smartphone merken, waaronder iPhone, Samsung, Huawei, OnePlus, Motorola en meer. Kom gerust langs met uw toestel!"
|
|
},
|
|
{
|
|
id: "faq-3", title: "Gebruiken jullie originele onderdelen?", content: "Wij gebruiken altijd kwaliteitsonderdelen. Voor iPhone gebruiken wij waar mogelijk originele Apple onderdelen. Voor andere merken gebruiken wij geverifieerde derde partij onderdelen van hoge kwaliteit."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Geeft jullie garantie op reparaties?", content: "Ja, alle onze reparaties hebben garantie. Screenreparaties hebben 6 maanden garantie, batterijen 3 maanden, en andere reparaties 1 maand."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Kunnen jullie waterschade repareren?", content: "Ja, wij voeren waterschade diagnose uit en kunnen veel gevallen repareren. Het hangt af van de mate van beschadiging. Kom snel langs na waterschade!"
|
|
},
|
|
{
|
|
id: "faq-6", title: "Wat zijn de openingstijden?", content: "Maandag: 12:00-17:30, Dinsdag-Donderdag: 10:00-17:30, Vrijdag: 10:00-20:30, Zaterdag: 10:00-18:00. We zijn gesloten op zondag."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Neem Contact Op"
|
|
title="Waar Te Vinden & Contact"
|
|
description="Bezoek ons in de winkel of bel voor meer informatie over onze reparatie services en accessoires."
|
|
tagIcon={MapPin}
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="je@email.com"
|
|
buttonText="Inschrijven"
|
|
termsText="Door te klikken op Inschrijven bevestig je dat je akkoord gaat met onze voorwaarden."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/vendor-talking-customer-counter_482257-76117.jpg"
|
|
imageAlt="City Mobile storefront"
|
|
logoText="City Mobile"
|
|
copyrightText="© 2025 City Mobile | Telefoon Reparatie & Accessoires"
|
|
columns={[
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Oostdijk 1D, 3261 KB Oud-Beijerland", href: "#" },
|
|
{ label: "06 45712452", href: "tel:0645712452" },
|
|
{ label: "citymobile-reparatie@hotmail.com", href: "mailto:citymobile-reparatie@hotmail.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Openingstijden", items: [
|
|
{ label: "Ma: 12:00 - 17:30", href: "#" },
|
|
{ label: "Di-Do: 10:00 - 17:30", href: "#" },
|
|
{ label: "Vr: 10:00 - 20:30", href: "#" },
|
|
{ label: "Za: 10:00 - 18:00", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Diensten", items: [
|
|
{ label: "Telefoon Reparaties", href: "#services" },
|
|
{ label: "Accessoires", href: "#services" },
|
|
{ label: "Refurbished Telefoons", href: "#products" },
|
|
{ label: "Inruil Oude Telefoons", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |