Merge version_1 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -33,26 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+14133015863",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+14133015863"}}
|
||||
brandName="Squeaky Clean"
|
||||
/>
|
||||
</div>
|
||||
@@ -60,41 +50,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Drive Like You Just Left the Showroom"
|
||||
description="Experience the ultimate transformation for your vehicle. At Squeaky Clean, we don't just clean cars—we restore their soul. Expert detailing for discerning owners."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (413) 301-5863",
|
||||
href: "tel:+14133015863",
|
||||
},
|
||||
text: "Call Now: (413) 301-5863", href: "tel:+14133015863"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0t4mc7&_wi=1",
|
||||
imageAlt: "luxury car detailing shop premium",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0t4mc7", imageAlt: "luxury car detailing shop premium"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlt3zh&_wi=1",
|
||||
imageAlt: "shiny car exterior reflection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlt3zh", imageAlt: "shiny car exterior reflection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=piujk8&_wi=1",
|
||||
imageAlt: "expert car detailing team working",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=piujk8", imageAlt: "expert car detailing team working"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r8kwmg",
|
||||
imageAlt: "luxury car detailing shop premium",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r8kwmg", imageAlt: "luxury car detailing shop premium"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6rp5fj",
|
||||
imageAlt: "shiny car exterior reflection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6rp5fj", imageAlt: "shiny car exterior reflection"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,46 +82,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Deep Cleaning",
|
||||
description: "We remove deep-seated stains and odors, leaving your cabin feeling brand new and sanitized.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pi39l1",
|
||||
imageAlt: "interior car deep cleaning professional",
|
||||
},
|
||||
title: "Interior Deep Cleaning", description: "We remove deep-seated stains and odors, leaving your cabin feeling brand new and sanitized.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pi39l1", imageAlt: "interior car deep cleaning professional"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6jfm1",
|
||||
imageAlt: "interior car deep cleaning professional",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0t4mc7&_wi=2",
|
||||
imageAlt: "interior car deep cleaning professional",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6jfm1", imageAlt: "interior car deep cleaning professional"},
|
||||
},
|
||||
{
|
||||
title: "Exterior Shine Protection",
|
||||
description: "Premium clay bar treatment, high-gloss wax, and ceramic sealants to preserve your paint's brilliance.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68he8k",
|
||||
imageAlt: "car paint protection wax shine",
|
||||
},
|
||||
title: "Exterior Shine Protection", description: "Premium clay bar treatment, high-gloss wax, and ceramic sealants to preserve your paint's brilliance.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68he8k", imageAlt: "car paint protection wax shine"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj8meo",
|
||||
imageAlt: "car paint protection wax shine",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlt3zh&_wi=2",
|
||||
imageAlt: "interior car deep cleaning professional",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj8meo", imageAlt: "car paint protection wax shine"},
|
||||
},
|
||||
{
|
||||
title: "Engine Bay Restoration",
|
||||
description: "Detailed cleansing of engine components to ensure your car looks as impressive under the hood.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xfm39",
|
||||
imageAlt: "auto engine bay detailing clean",
|
||||
},
|
||||
title: "Engine Bay Restoration", description: "Detailed cleansing of engine components to ensure your car looks as impressive under the hood.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xfm39", imageAlt: "auto engine bay detailing clean"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ghyu4",
|
||||
imageAlt: "auto engine bay detailing clean",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=piujk8&_wi=2",
|
||||
imageAlt: "interior car deep cleaning professional",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ghyu4", imageAlt: "auto engine bay detailing clean"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -162,17 +113,11 @@ export default function LandingPage() {
|
||||
description="Detailing is an art form, not just a service. Our team combines years of experience with top-tier products to deliver unmatched results for your daily driver or exotic collection."
|
||||
metrics={[
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Cars Detailed",
|
||||
},
|
||||
value: "1000+", title: "Cars Detailed"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "5-Star Reviews",
|
||||
},
|
||||
value: "500+", title: "5-Star Reviews"},
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "10+", title: "Years Experience"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=45w8x9"
|
||||
imageAlt="professional auto detailer shop"
|
||||
@@ -189,47 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Interior Refresh",
|
||||
price: "Before & After",
|
||||
variant: "Deep Clean",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pajop",
|
||||
},
|
||||
id: "r1", name: "Interior Refresh", price: "Before & After", variant: "Deep Clean", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pajop"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Paint Correction",
|
||||
price: "High Gloss",
|
||||
variant: "Exterior",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mdtsqp",
|
||||
},
|
||||
id: "r2", name: "Paint Correction", price: "High Gloss", variant: "Exterior", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mdtsqp"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Floor Restoration",
|
||||
price: "Deep Stain Removal",
|
||||
variant: "Flooring",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jiqgfg",
|
||||
},
|
||||
id: "r3", name: "Floor Restoration", price: "Deep Stain Removal", variant: "Flooring", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jiqgfg"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Wheel Restoration",
|
||||
price: "Brake Dust Removal",
|
||||
variant: "Wheels",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq0hbz",
|
||||
},
|
||||
id: "r4", name: "Wheel Restoration", price: "Brake Dust Removal", variant: "Wheels", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq0hbz"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Leather Conditioning",
|
||||
price: "Soft & Supple",
|
||||
variant: "Interior",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vg30kk",
|
||||
},
|
||||
id: "r5", name: "Leather Conditioning", price: "Soft & Supple", variant: "Interior", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vg30kk"},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Trim Revival",
|
||||
price: "UV Protection",
|
||||
variant: "Exterior",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6d59xj",
|
||||
},
|
||||
id: "r6", name: "Trim Revival", price: "UV Protection", variant: "Exterior", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6d59xj"},
|
||||
]}
|
||||
title="See the Transformation"
|
||||
description="The difference is in the details. See why our clients trust us with their most valuable assets."
|
||||
@@ -243,45 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Squeaky Clean is the only place I trust. My car looks better than the day I bought it!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xsh7wd",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Squeaky Clean is the only place I trust. My car looks better than the day I bought it!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xsh7wd"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Professional service and incredible attention to detail. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=besiru",
|
||||
},
|
||||
id: "2", name: "John Doe", handle: "@johndoe", testimonial: "Professional service and incredible attention to detail. Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=besiru"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Smith",
|
||||
handle: "@esmith",
|
||||
testimonial: "They managed to get stains out that I thought were permanent. Amazing!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22ykmr",
|
||||
},
|
||||
id: "3", name: "Emily Smith", handle: "@esmith", testimonial: "They managed to get stains out that I thought were permanent. Amazing!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22ykmr"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
handle: "@rbrown",
|
||||
testimonial: "My truck looks brand new again. Exceptional work every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wb6cm4",
|
||||
},
|
||||
id: "4", name: "Robert B.", handle: "@rbrown", testimonial: "My truck looks brand new again. Exceptional work every single time.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wb6cm4"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jliving",
|
||||
testimonial: "Best detailing service in town. Friendly, reliable, and worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tzknzv",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jliving", testimonial: "Best detailing service in town. Friendly, reliable, and worth every penny.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tzknzv"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Clients"
|
||||
@@ -295,25 +185,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a full detail take?",
|
||||
content: "A full detail typically takes 3-5 hours depending on the size and condition of the vehicle.",
|
||||
},
|
||||
id: "f1", title: "How long does a full detail take?", content: "A full detail typically takes 3-5 hours depending on the size and condition of the vehicle."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you come to my location?",
|
||||
content: "Yes, we offer premium mobile detailing services within a 20-mile radius.",
|
||||
},
|
||||
id: "f2", title: "Do you come to my location?", content: "Yes, we offer premium mobile detailing services within a 20-mile radius."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly by calling us at (413) 301-5863 or filling out the contact form below.",
|
||||
},
|
||||
id: "f3", title: "How do I book an appointment?", content: "You can book directly by calling us at (413) 301-5863 or filling out the contact form below."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you work on luxury cars?",
|
||||
content: "Yes, we are experienced with all makes and models, including high-end luxury and exotic vehicles.",
|
||||
},
|
||||
id: "f4", title: "Do you work on luxury cars?", content: "Yes, we are experienced with all makes and models, including high-end luxury and exotic vehicles."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers to help you book your detail with confidence."
|
||||
@@ -328,23 +206,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: MapPin,
|
||||
title: "Location",
|
||||
value: "Downtown Area",
|
||||
},
|
||||
id: "m1", icon: MapPin,
|
||||
title: "Location", value: "Downtown Area"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Hours",
|
||||
value: "Mon-Sat 8am-6pm",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Hours", value: "Mon-Sat 8am-6pm"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Phone,
|
||||
title: "Call Now",
|
||||
value: "413-301-5863",
|
||||
},
|
||||
id: "m3", icon: Phone,
|
||||
title: "Call Now", value: "413-301-5863"},
|
||||
]}
|
||||
title="Visit Our Shop"
|
||||
description="Conveniently located to serve all your automotive care needs."
|
||||
@@ -355,8 +224,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking Now"
|
||||
title="Ready to Revive Your Ride?"
|
||||
description="Fill out the form below or call us directly at (413) 301-5863 to get your free estimate and book your detail today."
|
||||
@@ -372,46 +240,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior Deep Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior Deep Cleaning", href: "#services"},
|
||||
{
|
||||
label: "Exterior Shine",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Exterior Shine", href: "#services"},
|
||||
{
|
||||
label: "Ceramic Coating",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Ceramic Coating", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: (413) 301-5863",
|
||||
href: "tel:+14133015863",
|
||||
},
|
||||
label: "Call: (413) 301-5863", href: "tel:+14133015863"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Location", href: "#location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user