Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6a829b3489 |
191
src/app/page.tsx
191
src/app/page.tsx
@@ -33,21 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
{
|
||||
name: "(514) 692-1421", id: "contact"},
|
||||
]}
|
||||
brandName="Kinglzey’s Car Detail"
|
||||
/>
|
||||
@@ -56,47 +50,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="We Don’t Just Clean Cars. We Restore Them."
|
||||
description="Mobile detailing so thorough, your car feels brand new — every single time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg",
|
||||
imageAlt: "Luxury black sports car clean",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg", imageAlt: "Luxury black sports car clean"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
|
||||
imageAlt: "Automotive photography polished car",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", imageAlt: "Automotive photography polished car"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg",
|
||||
imageAlt: "Car restoration professional detailing",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageAlt: "Car restoration professional detailing"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg",
|
||||
imageAlt: "Clean car interior luxury leather",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg", imageAlt: "Clean car interior luxury leather"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_1170-1161.jpg",
|
||||
imageAlt: "Car exterior polished black",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_1170-1161.jpg", imageAlt: "Car exterior polished black"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862152.jpg",
|
||||
imageAlt: "Premium car finish close up",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862152.jpg", imageAlt: "Premium car finish close up"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,14 +79,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of Restoration",
|
||||
},
|
||||
type: "text", content: "The Art of Restoration"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
|
||||
alt: "Professional detailer working on car",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg", alt: "Professional detailer working on car"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,41 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Interior Detail",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193559.jpg",
|
||||
},
|
||||
id: "p1", name: "Interior Detail", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193559.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Exterior Detail",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-spray-master-car-painting-automotive-industry_146671-14922.jpg",
|
||||
},
|
||||
id: "p2", name: "Exterior Detail", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/paint-spray-master-car-painting-automotive-industry_146671-14922.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Detail Package",
|
||||
price: "From $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26065.jpg",
|
||||
},
|
||||
id: "p3", name: "Full Detail Package", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26065.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ozone Odor Elimination",
|
||||
price: "From $100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934329.jpg",
|
||||
},
|
||||
id: "p4", name: "Ozone Odor Elimination", price: "From $100", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934329.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Express Detail",
|
||||
price: "From $90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg",
|
||||
},
|
||||
id: "p5", name: "Express Detail", price: "From $90", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Engine Detail",
|
||||
price: "From $80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-parking_158538-24745.jpg",
|
||||
},
|
||||
id: "p6", name: "Engine Detail", price: "From $80", imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-parking_158538-24745.jpg"},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Professional-grade care for your vehicle."
|
||||
@@ -175,25 +119,15 @@ export default function LandingPage() {
|
||||
author="Client Review"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg", alt: "Satisfied customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", alt: "Satisfied customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg", alt: "Satisfied customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg", alt: "Satisfied customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6180.jpg",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6180.jpg", alt: "Satisfied customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -208,24 +142,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Attention to Detail",
|
||||
description: "Every corner, every crack, cleaned to perfection.",
|
||||
},
|
||||
title: "Attention to Detail", description: "Every corner, every crack, cleaned to perfection."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Trusted by Families",
|
||||
description: "Safe, thorough, and highly respectful of your property.",
|
||||
},
|
||||
title: "Trusted by Families", description: "Safe, thorough, and highly respectful of your property."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Ozone Odor Treatment",
|
||||
description: "Deep sanitation to eliminate heavy odors at the source.",
|
||||
},
|
||||
title: "Ozone Odor Treatment", description: "Deep sanitation to eliminate heavy odors at the source."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Results That Speak",
|
||||
description: "See the finish for yourself. Excellence guaranteed.",
|
||||
},
|
||||
title: "Results That Speak", description: "See the finish for yourself. Excellence guaranteed."},
|
||||
]}
|
||||
title="Why Kinglzey’s"
|
||||
description="Setting the standard in mobile automotive care."
|
||||
@@ -237,14 +163,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Auto Group Inc",
|
||||
"City Fleet Service",
|
||||
"Executive Transport",
|
||||
"Local School District",
|
||||
"Metro Business Center",
|
||||
"Downtown Rentals",
|
||||
"Harbor Logistical",
|
||||
]}
|
||||
"Auto Group Inc", "City Fleet Service", "Executive Transport", "Local School District", "Metro Business Center", "Downtown Rentals", "Harbor Logistical"]}
|
||||
title="Trusted Partners"
|
||||
description="Serving local families and businesses."
|
||||
/>
|
||||
@@ -256,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you come to me?",
|
||||
content: "Yes, we are a fully mobile detailing service.",
|
||||
},
|
||||
id: "1", title: "Do you come to me?", content: "Yes, we are a fully mobile detailing service."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a detail take?",
|
||||
content: "Depending on package, 2-4 hours.",
|
||||
},
|
||||
id: "2", title: "How long does a detail take?", content: "Depending on package, 2-4 hours."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you remove smoke smells?",
|
||||
content: "Yes, our ozone treatment is highly effective.",
|
||||
},
|
||||
id: "3", title: "Can you remove smoke smells?", content: "Yes, our ozone treatment is highly effective."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -281,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Appointment"
|
||||
title="Ready to Fall in Love With Your Car Again?"
|
||||
description="Book your premium mobile detailing session today."
|
||||
@@ -298,33 +207,21 @@ export default function LandingPage() {
|
||||
logoText="Kinglzey’s"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -333,4 +230,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user