Merge version_1 into main #2
163
src/app/page.tsx
163
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Booking", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Koko Car Wash"
|
||||
/>
|
||||
@@ -54,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Unmatched Automotive Perfection"
|
||||
description="Experience the gold standard of luxury detailing in Valencia. We treat your vehicle as a work of art."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Book Your Detail", href: "#pricing"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=1",
|
||||
imageAlt: "Luxury detail",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg", imageAlt: "Luxury detail"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photoshoot-process-tyre-balancing-dark-auto-service_613910-17076.jpg",
|
||||
imageAlt: "Precision care",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photoshoot-process-tyre-balancing-dark-auto-service_613910-17076.jpg", imageAlt: "Precision care"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg",
|
||||
imageAlt: "Polishing service",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg", imageAlt: "Polishing service"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=2",
|
||||
imageAlt: "Interior care",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg", imageAlt: "Interior care"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg",
|
||||
imageAlt: "Studio vibe",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg", imageAlt: "Studio vibe"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-her-car-outside_23-2148958781.jpg",
|
||||
imageAlt: "Final result",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-her-car-outside_23-2148958781.jpg", imageAlt: "Final result"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,38 +75,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Koko Philosophy",
|
||||
},
|
||||
type: "text", content: "The Koko Philosophy"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19792.jpg",
|
||||
alt: "Studio precision",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19792.jpg", alt: "Studio precision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Exterior Polishing",
|
||||
description: "Cutting-edge paint correction to restore deep-gloss finish.",
|
||||
},
|
||||
title: "Exterior Polishing", description: "Cutting-edge paint correction to restore deep-gloss finish."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Interior Detailing",
|
||||
description: "Deep-cleaning and nourishment for premium leather upholstery.",
|
||||
},
|
||||
title: "Interior Detailing", description: "Deep-cleaning and nourishment for premium leather upholstery."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Ceramic Coating",
|
||||
description: "High-grade protection for lasting beauty and shine.",
|
||||
},
|
||||
title: "Ceramic Coating", description: "High-grade protection for lasting beauty and shine."},
|
||||
]}
|
||||
title="Meticulous Care Services"
|
||||
description="Premium treatments for the discerning automotive enthusiast."
|
||||
@@ -149,54 +110,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "€150",
|
||||
subtitle: "Essential Care",
|
||||
features: [
|
||||
"Interior Vacuuming",
|
||||
"Hand Wash",
|
||||
"Glass Cleaning",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "€150", subtitle: "Essential Care", features: [
|
||||
"Interior Vacuuming", "Hand Wash", "Glass Cleaning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Signature",
|
||||
price: "€350",
|
||||
subtitle: "Full Detail",
|
||||
features: [
|
||||
"Full Paint Correction",
|
||||
"Leather Treatment",
|
||||
"Engine Bay Cleaning",
|
||||
],
|
||||
id: "pro", badge: "Signature", price: "€350", subtitle: "Full Detail", features: [
|
||||
"Full Paint Correction", "Leather Treatment", "Engine Bay Cleaning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
badge: "Elite",
|
||||
price: "€600",
|
||||
subtitle: "Bespoke Treatment",
|
||||
features: [
|
||||
"Ceramic Shield",
|
||||
"Interior Restoration",
|
||||
"Express Booking",
|
||||
],
|
||||
id: "ultimate", badge: "Elite", price: "€600", subtitle: "Bespoke Treatment", features: [
|
||||
"Ceramic Shield", "Interior Restoration", "Express Booking"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -210,30 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138530.jpg",
|
||||
},
|
||||
id: "1", name: "Carlos V.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138530.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1930.jpg",
|
||||
},
|
||||
id: "2", name: "Elena M.", imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1930.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg",
|
||||
},
|
||||
id: "3", name: "David S.", imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sofia R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-phone-by-car_1303-9830.jpg",
|
||||
},
|
||||
id: "4", name: "Sofia R.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-phone-by-car_1303-9830.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luis F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1560.jpg",
|
||||
},
|
||||
id: "5", name: "Luis F.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1560.jpg"},
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Reviews"
|
||||
@@ -247,26 +166,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "We operate in the heart of Valencia.",
|
||||
},
|
||||
id: "f1", title: "Where are you located?", content: "We operate in the heart of Valencia."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a service take?",
|
||||
content: "Times depend on the package selected.",
|
||||
},
|
||||
id: "f2", title: "How long does a service take?", content: "Times depend on the package selected."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We operate by appointment to ensure exclusivity.",
|
||||
},
|
||||
id: "f3", title: "Do you accept walk-ins?", content: "We operate by appointment to ensure exclusivity."},
|
||||
]}
|
||||
ctaTitle="Request Your Appointment"
|
||||
ctaDescription="Contact our studio to discuss your bespoke detailing requirements."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
}}
|
||||
text: "Call Now"}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user