Merge version_1 into main #2
433
src/app/page.tsx
433
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Book Now", id: "#contact" },
|
||||
]}
|
||||
brandName="Elite Detailing"
|
||||
/>
|
||||
@@ -54,118 +42,43 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Premium Car Detailing That Makes Your Vehicle Stand Out"
|
||||
description="Premium Auto Detailing Services in the city. Professional care for your luxury vehicle."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg?_wi=1",
|
||||
imageAlt: "Luxury car interior detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193625.jpg?_wi=1",
|
||||
imageAlt: "Car paint polishing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg?_wi=1",
|
||||
imageAlt: "Detailing station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-worker-wearing-white-uniform-standing-sponge-clean-car-car-wash-center-concept-car-care-industry_1150-16594.jpg",
|
||||
imageAlt: "Clean engine bay",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg",
|
||||
imageAlt: "Ceramic coating application",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2248.jpg",
|
||||
imageAlt: "Final shine showcase",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg", imageAlt: "Luxury car interior detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193625.jpg", imageAlt: "Car paint polishing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg", imageAlt: "Detailing station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-worker-wearing-white-uniform-standing-sponge-clean-car-car-wash-center-concept-car-care-industry_1150-16594.jpg", imageAlt: "Clean engine bay" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg", imageAlt: "Ceramic coating application" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2248.jpg", imageAlt: "Final shine showcase" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg",
|
||||
imageAlt: "Premium luxury vehicle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
|
||||
imageAlt: "Professional tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-mechanic-working_23-2148327575.jpg",
|
||||
imageAlt: "Detailed car wheel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg",
|
||||
imageAlt: "Interior dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiling-dark-liquid-with-aquamarine-foam-big-blob_23-2147934237.jpg",
|
||||
imageAlt: "Detailing soap process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12608.jpg",
|
||||
imageAlt: "Polished paint surface",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg", imageAlt: "Premium luxury vehicle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg", imageAlt: "Professional tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-mechanic-working_23-2148327575.jpg", imageAlt: "Detailed car wheel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg", imageAlt: "Interior dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/boiling-dark-liquid-with-aquamarine-foam-big-blob_23-2147934237.jpg", imageAlt: "Detailing soap process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12608.jpg", imageAlt: "Polished paint surface" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-man-car-dealership_23-2148332951.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Happy customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", alt: "Happy customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Happy customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", alt: "Happy customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-man-car-dealership_23-2148332951.jpg", alt: "Happy customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by over 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498630.jpg",
|
||||
alt: "Luxury partner logo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Pro",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Correction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Restoration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Detailing",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498630.jpg", alt: "Luxury partner logo" },
|
||||
{ type: "text", text: "Ceramic Pro" },
|
||||
{ type: "text", text: "Paint Correction" },
|
||||
{ type: "text", text: "Interior Restoration" },
|
||||
{ type: "text", text: "Engine Detailing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,26 +89,10 @@ export default function LandingPage() {
|
||||
title="Our Promise"
|
||||
tag="Premium Standards"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Premium",
|
||||
description: "Products",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Ceramic",
|
||||
description: "Protection",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Interior",
|
||||
description: "Restoration",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Mobile",
|
||||
description: "Booking",
|
||||
},
|
||||
{ id: "m1", value: "Premium", description: "Products" },
|
||||
{ id: "m2", value: "Ceramic", description: "Protection" },
|
||||
{ id: "m3", value: "Interior", description: "Restoration" },
|
||||
{ id: "m4", value: "Mobile", description: "Booking" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -208,42 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Exterior Detailing",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Interior Detailing",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Ceramic Coating",
|
||||
price: "$500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750038.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Paint Correction",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Full Detail Package",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916724.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Deep Engine Clean",
|
||||
price: "$100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-cleaning-cloth_1170-1307.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Exterior Detailing", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg" },
|
||||
{ id: "s2", name: "Interior Detailing", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg" },
|
||||
{ id: "s3", name: "Ceramic Coating", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750038.jpg" },
|
||||
{ id: "s4", name: "Paint Correction", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27233.jpg" },
|
||||
{ id: "s5", name: "Full Detail Package", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916724.jpg" },
|
||||
{ id: "s6", name: "Deep Engine Clean", price: "$100", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-cleaning-cloth_1170-1307.jpg" }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Professional care for every vehicle part."
|
||||
@@ -254,12 +121,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Passion For Premium Detailing"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,68 +132,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dirty Condition",
|
||||
description: "The initial state of the vehicle before our treatment.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110886.jpg",
|
||||
imageAlt: "Dirty car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dirty-car-after-trip-around-countryside_613910-6323.jpg",
|
||||
imageAlt: "Before clean",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340151.jpg",
|
||||
imageAlt: "Before interior",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg?_wi=2",
|
||||
imageAlt: "dirty car wheel",
|
||||
title: "Dirty Condition", description: "The initial state of the vehicle before our treatment.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110886.jpg", imageAlt: "Dirty car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dirty-car-after-trip-around-countryside_613910-6323.jpg", imageAlt: "Before clean" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340151.jpg", imageAlt: "Before interior" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Clean Result",
|
||||
description: "The final polished and showroom-ready look.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-left-wheel-bordeaux-sedan-car_114579-4065.jpg",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130091.jpg",
|
||||
imageAlt: "Polished finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-installing-safety-car-sit-into-car_1303-19221.jpg",
|
||||
imageAlt: "Cleaned interior",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193625.jpg?_wi=2",
|
||||
imageAlt: "dirty car wheel",
|
||||
title: "Clean Result", description: "The final polished and showroom-ready look.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-left-wheel-bordeaux-sedan-car_114579-4065.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130091.jpg", imageAlt: "Polished finish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-installing-safety-car-sit-into-car_1303-19221.jpg", imageAlt: "Cleaned interior" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Detail View",
|
||||
description: "Close up look at the refined paint and detail work.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-palette-brush-painting_171337-10967.jpg",
|
||||
imageAlt: "Paint close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minsk-belarus-dec-15-2021-car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-electric-car-factory-conveyor-workers_645730-788.jpg",
|
||||
imageAlt: "Shine reflection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193167.jpg",
|
||||
imageAlt: "Detail work",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg?_wi=2",
|
||||
imageAlt: "dirty car wheel",
|
||||
},
|
||||
title: "Detail View", description: "Close up look at the refined paint and detail work.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-palette-brush-painting_171337-10967.jpg", imageAlt: "Paint close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minsk-belarus-dec-15-2021-car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-electric-car-factory-conveyor-workers_645730-788.jpg", imageAlt: "Shine reflection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193167.jpg", imageAlt: "Detail work" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Real Transformations"
|
||||
description="Professional restoration results."
|
||||
@@ -344,38 +164,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Best materials used.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg",
|
||||
imageAlt: "Car wash detailing station",
|
||||
},
|
||||
{
|
||||
title: "Attention To Detail",
|
||||
description: "We treat every car as our own.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg?_wi=3",
|
||||
imageAlt: "Car wash detailing station",
|
||||
},
|
||||
{
|
||||
title: "Reliable Service",
|
||||
description: "Always on time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193625.jpg?_wi=3",
|
||||
imageAlt: "Car wash detailing station",
|
||||
},
|
||||
{
|
||||
title: "Long-Lasting Protection",
|
||||
description: "Coating that lasts.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg?_wi=3",
|
||||
imageAlt: "Car wash detailing station",
|
||||
},
|
||||
{ title: "Premium Quality", description: "Best materials used.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Attention To Detail", description: "We treat every car as our own.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Reliable Service", description: "Always on time.", bentoComponent: "reveal-icon", icon: Clock },
|
||||
{ title: "Long-Lasting Protection", description: "Coating that lasts.", bentoComponent: "reveal-icon", icon: Award }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality assurance for luxury vehicles."
|
||||
@@ -386,31 +178,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2051.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jane L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516410.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg" },
|
||||
{ id: "t2", name: "Mike R.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2051.jpg" },
|
||||
{ id: "t3", name: "Jane L.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
|
||||
{ id: "t4", name: "Tom P.", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516410.jpg" },
|
||||
{ id: "t5", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg" }
|
||||
]}
|
||||
cardTitle="Client Feedback"
|
||||
cardAnimation="slide-up"
|
||||
@@ -424,30 +196,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "01. Book Appointment",
|
||||
description: "Schedule a session online.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg",
|
||||
imageAlt: "Young man washing car on carwash station outdoor",
|
||||
},
|
||||
{
|
||||
title: "02. Professional Detailing",
|
||||
description: "Expert cleaning hands.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Car,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg?_wi=4",
|
||||
imageAlt: "Young man washing car on carwash station outdoor",
|
||||
},
|
||||
{
|
||||
title: "03. Enjoy The Results",
|
||||
description: "Drive home a brand new car.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193625.jpg?_wi=4",
|
||||
imageAlt: "Young man washing car on carwash station outdoor",
|
||||
},
|
||||
{ title: "01. Book Appointment", description: "Schedule a session online.", bentoComponent: "reveal-icon", icon: Calendar },
|
||||
{ title: "02. Professional Detailing", description: "Expert cleaning hands.", bentoComponent: "reveal-icon", icon: Car },
|
||||
{ title: "03. Enjoy The Results", description: "Drive home a brand new car.", bentoComponent: "reveal-icon", icon: CheckCircle }
|
||||
]}
|
||||
title="Our Process"
|
||||
description="Simple steps to a perfect car."
|
||||
@@ -457,9 +208,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready To Transform Your Vehicle?"
|
||||
description="Get in touch today for a premium experience."
|
||||
@@ -473,49 +222,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg"
|
||||
logoText="Elite Detailing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user