Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -30,145 +30,86 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "diensten",
|
||||
},
|
||||
name: "Diensten", id: "diensten"},
|
||||
{
|
||||
name: "Werkwijze",
|
||||
id: "werkwijze",
|
||||
},
|
||||
name: "Werkwijze", id: "werkwijze"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="URF2YOU"
|
||||
button={{
|
||||
text: "Boek Nu",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Boek Nu", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Je auto verdient het allerbeste."
|
||||
description="Professionele auto- en interieurreiniging aan huis. Wij komen naar jou — jij hoeft nergens voor te rijden."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-cellphone-front-steering-wheel-car_23-2147854294.jpg?_wi=1",
|
||||
imageAlt: "Mobile car detailing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-cellphone-front-steering-wheel-car_23-2147854294.jpg", imageAlt: "Mobile car detailing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=1",
|
||||
imageAlt: "All inclusive detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg", imageAlt: "All inclusive detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193624.jpg?_wi=1",
|
||||
imageAlt: "Exterieur detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193624.jpg", imageAlt: "Exterieur detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg?_wi=1",
|
||||
imageAlt: "Interieur detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg", imageAlt: "Interieur detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg?_wi=1",
|
||||
imageAlt: "Polishing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg", imageAlt: "Polishing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-disinfection-solution_23-2148577777.jpg?_wi=1",
|
||||
imageAlt: "Carpet cleaning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-disinfection-solution_23-2148577777.jpg", imageAlt: "Carpet cleaning"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg?_wi=2",
|
||||
imageAlt: "Interieur clean",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg", imageAlt: "Interieur clean"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-cellphone-front-steering-wheel-car_23-2147854294.jpg?_wi=2",
|
||||
imageAlt: "Professional cleaning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-cellphone-front-steering-wheel-car_23-2147854294.jpg", imageAlt: "Professional cleaning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193624.jpg?_wi=2",
|
||||
imageAlt: "Exterieur shine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193624.jpg", imageAlt: "Exterieur shine"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=2",
|
||||
imageAlt: "Complete spa",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg", imageAlt: "Complete spa"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-street-wear-going-down-steps_23-2147910872.jpg?_wi=1",
|
||||
imageAlt: "Balcony cleaning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-street-wear-going-down-steps_23-2147910872.jpg", imageAlt: "Balcony cleaning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-disinfection-solution_23-2148577777.jpg?_wi=2",
|
||||
imageAlt: "Upholstery detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-disinfection-solution_23-2148577777.jpg", imageAlt: "Upholstery detail"},
|
||||
]}
|
||||
tag="Rotterdam & Omgeving · Aan huis · Op locatie"
|
||||
buttons={[
|
||||
{
|
||||
text: "Maak een Afspraak",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Maak een Afspraak", href: "#contact"},
|
||||
{
|
||||
text: "Bekijk Diensten",
|
||||
href: "#diensten",
|
||||
},
|
||||
text: "Bekijk Diensten", href: "#diensten"},
|
||||
]}
|
||||
tagIcon={MapPin}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-woman-outdoor_624325-3811.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-woman-outdoor_624325-3811.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg", alt: "Klant"},
|
||||
]}
|
||||
avatarText="500+ tevreden klanten"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Interieur Reiniging",
|
||||
},
|
||||
type: "text", text: "Interieur Reiniging"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lak Polijsten",
|
||||
},
|
||||
type: "text", text: "Lak Polijsten"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exterieur Detail",
|
||||
},
|
||||
type: "text", text: "Exterieur Detail"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stoomreiniging",
|
||||
},
|
||||
type: "text", text: "Stoomreiniging"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobiele Service",
|
||||
},
|
||||
type: "text", text: "Mobiele Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -181,41 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Exterieur Reiniging",
|
||||
price: "Vanaf €49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193624.jpg?_wi=3",
|
||||
},
|
||||
id: "p1", name: "Exterieur Reiniging", price: "Vanaf €49", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193624.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Interieur Reiniging",
|
||||
price: "Vanaf €59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg?_wi=3",
|
||||
},
|
||||
id: "p2", name: "Interieur Reiniging", price: "Vanaf €59", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "All-Inclusive Pakket",
|
||||
price: "Vanaf €99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=3",
|
||||
},
|
||||
id: "p3", name: "All-Inclusive Pakket", price: "Vanaf €99", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lak Polijsten",
|
||||
price: "Op aanvraag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Lak Polijsten", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bank & Tapijt Reiniging",
|
||||
price: "Vanaf €69",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-disinfection-solution_23-2148577777.jpg?_wi=3",
|
||||
},
|
||||
id: "p5", name: "Bank & Tapijt Reiniging", price: "Vanaf €69", imageSrc: "http://img.b2bpic.net/free-photo/person-using-disinfection-solution_23-2148577777.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Balkon Reiniging",
|
||||
price: "Op aanvraag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-street-wear-going-down-steps_23-2147910872.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Balkon Reiniging", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/woman-street-wear-going-down-steps_23-2147910872.jpg"},
|
||||
]}
|
||||
title="Alles wat je auto nodig heeft."
|
||||
description="Van een snelle wasbeurt tot een complete transformatie — wij komen naar jou. Vlekken, geuren, krasjes, verfstippen. Jij zit thuis, wij doen het werk."
|
||||
@@ -231,64 +148,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "01 — Boek Online",
|
||||
description: "Via WhatsApp of onze boekingspagina. Snel, makkelijk, bevestiging binnen minuten.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-cellphone-front-steering-wheel-car_23-2147854294.jpg?_wi=3",
|
||||
},
|
||||
title: "01 — Boek Online", description: "Via WhatsApp of onze boekingspagina. Snel, makkelijk, bevestiging binnen minuten.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-cellphone-front-steering-wheel-car_23-2147854294.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "WhatsApp support",
|
||||
icon: MessageSquare,
|
||||
text: "WhatsApp support", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
text: "Instant bevestiging",
|
||||
icon: CheckCircle,
|
||||
text: "Instant bevestiging", icon: CheckCircle,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-cellphone-front-steering-wheel-car_23-2147854294.jpg?_wi=4",
|
||||
imageAlt: "luxury car detailing mobile service",
|
||||
},
|
||||
{
|
||||
title: "02 — Wij Komen",
|
||||
description: "Op tijd bij jou aan de deur. Jij hoeft nergens voor te rijden — wij komen naar jou.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg?_wi=4",
|
||||
},
|
||||
title: "02 — Wij Komen", description: "Op tijd bij jou aan de deur. Jij hoeft nergens voor te rijden — wij komen naar jou.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "Aan huis",
|
||||
icon: Home,
|
||||
text: "Aan huis", icon: Home,
|
||||
},
|
||||
{
|
||||
text: "Op locatie",
|
||||
icon: MapPin,
|
||||
text: "Op locatie", icon: MapPin,
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193624.jpg?_wi=4",
|
||||
imageAlt: "hand washing car high detail",
|
||||
},
|
||||
{
|
||||
title: "03 — Vakkundig Werk",
|
||||
description: "Professionele apparatuur, oog voor detail. Wij nemen echt de tijd voor een perfect resultaat.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg?_wi=3",
|
||||
},
|
||||
title: "03 — Vakkundig Werk", description: "Professionele apparatuur, oog voor detail. Wij nemen echt de tijd voor een perfect resultaat.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "Top kwaliteit",
|
||||
icon: Award,
|
||||
text: "Top kwaliteit", icon: Award,
|
||||
},
|
||||
{
|
||||
text: "Professioneel",
|
||||
icon: Shield,
|
||||
text: "Professioneel", icon: Shield,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg?_wi=5",
|
||||
imageAlt: "car interior vacuum cleaning detail",
|
||||
},
|
||||
]}
|
||||
title="Zo simpel werkt het."
|
||||
@@ -305,59 +201,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ashley S.",
|
||||
role: "Klant",
|
||||
company: "Rotterdam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-woman-outdoor_624325-3811.jpg",
|
||||
},
|
||||
id: "1", name: "Ashley S.", role: "Klant", company: "Rotterdam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-woman-outdoor_624325-3811.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "LeoRass Films",
|
||||
role: "Klant",
|
||||
company: "Rotterdam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg",
|
||||
},
|
||||
id: "2", name: "LeoRass Films", role: "Klant", company: "Rotterdam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Peterson",
|
||||
role: "Klant",
|
||||
company: "Rotterdam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
},
|
||||
id: "3", name: "James Peterson", role: "Klant", company: "Rotterdam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Soeki K.",
|
||||
role: "Klant",
|
||||
company: "Rotterdam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
id: "4", name: "Soeki K.", role: "Klant", company: "Rotterdam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Violanta O.",
|
||||
role: "Klant",
|
||||
company: "Rotterdam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg",
|
||||
},
|
||||
id: "5", name: "Violanta O.", role: "Klant", company: "Rotterdam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Tevreden Klanten",
|
||||
},
|
||||
value: "500+", label: "Tevreden Klanten"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9", label: "Google Rating"},
|
||||
{
|
||||
value: "3 jr",
|
||||
label: "Ervaring",
|
||||
},
|
||||
value: "3 jr", label: "Ervaring"},
|
||||
]}
|
||||
title="Wat klanten zeggen."
|
||||
description="4.9 ★★★★★ — 100+ Google Reviews"
|
||||
@@ -370,8 +235,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Klaar voor een schone start?"
|
||||
description="Maak vandaag een afspraak. Wij komen naar jou toe."
|
||||
buttonText="Boek via WhatsApp"
|
||||
@@ -385,24 +249,15 @@ export default function LandingPage() {
|
||||
logoText="URF2YOU"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#diensten",
|
||||
},
|
||||
label: "Diensten", href: "#diensten"},
|
||||
{
|
||||
label: "Werkwijze",
|
||||
href: "#werkwijze",
|
||||
},
|
||||
label: "Werkwijze", href: "#werkwijze"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user