Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
212
src/app/page.tsx
212
src/app/page.tsx
@@ -19,27 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Black Diamond"
|
||||
/>
|
||||
@@ -48,15 +44,12 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Black Diamond Auto Solutions"
|
||||
description="Experience the ultimate in automotive perfection. From precision detailing to ceramic coatings, we treat your car like a diamond."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg"
|
||||
/>
|
||||
@@ -67,14 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Uncompromising Quality for Your Vehicle",
|
||||
},
|
||||
type: "text", content: "Uncompromising Quality for Your Vehicle"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580540.jpg",
|
||||
alt: "About Black Diamond",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580540.jpg", alt: "About Black Diamond"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,60 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Diamond Package",
|
||||
name: "Full Exterior Detail",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Diamond Package",
|
||||
name: "Interior Restoration",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "Pro Package",
|
||||
name: "Ceramic Coating",
|
||||
price: "$500",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22320.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
brand: "Basic Package",
|
||||
name: "Engine Bay Detail",
|
||||
price: "$90",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brave-strong-woman-her-little-helper-are-posing-photographer-auto-workshop_613910-1826.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
brand: "Elite Package",
|
||||
name: "Full Paint Correction",
|
||||
price: "$800",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
brand: "Basic Package",
|
||||
name: "Express Wash & Wax",
|
||||
price: "$60",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486995.jpg",
|
||||
},
|
||||
{ id: "s1", brand: "Diamond Package", name: "Full Exterior Detail", price: "$150", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg" },
|
||||
{ id: "s2", brand: "Diamond Package", name: "Interior Restoration", price: "$180", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg" },
|
||||
{ id: "s3", brand: "Pro Package", name: "Ceramic Coating", price: "$500", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22320.jpg" },
|
||||
{ id: "s4", brand: "Basic Package", name: "Engine Bay Detail", price: "$90", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/brave-strong-woman-her-little-helper-are-posing-photographer-auto-workshop_613910-1826.jpg" },
|
||||
{ id: "s5", brand: "Elite Package", name: "Full Paint Correction", price: "$800", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg" },
|
||||
{ id: "s6", brand: "Basic Package", name: "Express Wash & Wax", price: "$60", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486995.jpg" }
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Specialized care for every inch of your vehicle."
|
||||
@@ -153,27 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200+",
|
||||
title: "Cars Detailed",
|
||||
description: "Vehicles restored to showroom quality.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Decades of automotive passion.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently earning 5-star reviews.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "1200+", title: "Cars Detailed", description: "Vehicles restored to showroom quality.", icon: CheckCircle },
|
||||
{ id: "m2", value: "15", title: "Years Experience", description: "Decades of automotive passion.", icon: Award },
|
||||
{ id: "m3", value: "99%", title: "Client Satisfaction", description: "Consistently earning 5-star reviews.", icon: Star }
|
||||
]}
|
||||
title="Our Proven Results"
|
||||
description="Excellence reflected in numbers."
|
||||
@@ -186,41 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "The best detail I have ever had. My car looks brand new!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Exceptional ceramic coating service. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-car-showroom_1303-15139.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael Brown",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Professional, punctual, and high-quality results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "My car was a mess, they cleaned it up beautifully.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Taylor",
|
||||
handle: "@alext",
|
||||
testimonial: "Trustworthy and very detailed work. Will come again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "The best detail I have ever had. My car looks brand new!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Exceptional ceramic coating service. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-car-showroom_1303-15139.jpg" },
|
||||
{ id: "t3", name: "Michael Brown", handle: "@mikeb", testimonial: "Professional, punctual, and high-quality results.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg" },
|
||||
{ id: "t4", name: "Sarah Lee", handle: "@sarahlee", testimonial: "My car was a mess, they cleaned it up beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg" },
|
||||
{ id: "t5", name: "Alex Taylor", handle: "@alext", testimonial: "Trustworthy and very detailed work. Will come again.", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't take our word for it."
|
||||
@@ -232,35 +124,24 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a detailing take?",
|
||||
content: "Depends on the package, usually between 3 to 6 hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer mobile detailing?",
|
||||
content: "Yes, we can provide service at your home or office.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium, eco-friendly, and safe professional detailing products.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a detailing take?", content: "Depends on the package, usually between 3 to 6 hours." },
|
||||
{ id: "f2", title: "Do you offer mobile detailing?", content: "Yes, we can provide service at your home or office." },
|
||||
{ id: "f3", title: "What products do you use?", content: "We use premium, eco-friendly, and safe professional detailing products." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our detailing process?"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Book Now"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ready to Get Started?"
|
||||
description="Book your appointment today and give your car the shine it deserves."
|
||||
/>
|
||||
@@ -270,25 +151,14 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Full Detail",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ceramic Coating",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Full Detail", href: "#" },
|
||||
{ label: "Ceramic Coating", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user