Merge version_2 into main #3
205
src/app/page.tsx
205
src/app/page.tsx
@@ -32,44 +32,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+14133015863"}}
|
||||
button={{ text: "Call Now", href: "tel:+14133015863" }}
|
||||
brandName="Squeaky Clean"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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: "Get a Free Quote", href: "#contact"},
|
||||
{ text: "Call Now: (413) 301-5863", href: "tel:+14133015863" },
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
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", imageAlt: "shiny car exterior reflection"},
|
||||
{
|
||||
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=6rp5fj", imageAlt: "shiny car exterior reflection"},
|
||||
{ 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", imageAlt: "shiny car exterior reflection" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=piujk8", imageAlt: "expert car detailing team working" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -81,46 +69,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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"},
|
||||
phoneTwo: {
|
||||
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"},
|
||||
phoneTwo: {
|
||||
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"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ghyu4", imageAlt: "auto engine bay detailing clean"},
|
||||
},
|
||||
{ title: "Interior Deep Cleaning", description: "Complete rejuvenation for your vehicle interior.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pi39l1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6jfm1" } },
|
||||
{ title: "Exterior Shine", description: "High-gloss paint protection and treatment.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68he8k" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj8meo" } },
|
||||
{ title: "Engine Bay Care", description: "Detailed cleansing of engine components.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xfm39" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ghyu4" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Automotive Care"
|
||||
description="From interior rejuvenation to exterior paint perfection, we treat every vehicle as a masterwork."
|
||||
description="Our premium services guarantee your vehicle looks and feels brand new."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Squeaky Clean?"
|
||||
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: "500+", title: "5-Star Reviews"},
|
||||
{
|
||||
value: "10+", title: "Years Experience"},
|
||||
]}
|
||||
title="The Squeaky Clean Difference"
|
||||
description="Detailing is an art form. We combine professional expertise with high-end care to ensure your vehicle stands out on the road."
|
||||
metrics={[{ value: "1000+", title: "Vehicles Serviced" }, { value: "500+", title: "Satisfied Clients" }, { 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"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,25 +93,15 @@ export default function LandingPage() {
|
||||
<div id="results" data-section="results">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Before & After Gallery"
|
||||
description="Witness the stunning transformations achieved in our shop."
|
||||
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: "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: "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: "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: "r1", name: "Interior", price: "Deep Clean", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pajop" },
|
||||
{ id: "r2", name: "Exterior", price: "Correction", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mdtsqp" },
|
||||
]}
|
||||
title="See the Transformation"
|
||||
description="The difference is in the details. See why our clients trust us with their most valuable assets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,47 +109,27 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Clients"
|
||||
description="We are proud to serve our community and see the smiles when they get back into their 'new' car."
|
||||
title="Client Reviews"
|
||||
description="See why car owners trust us with their vehicles."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah M.", handle: "@sara", testimonial: "Best detail in town, hands down.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xsh7wd" },
|
||||
{ id: "2", name: "Robert D.", handle: "@robd", testimonial: "Extremely professional and efficient.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=besiru" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your common inquiries about our services."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "f1", title: "What areas do you serve?", content: "We serve the Indian Orchard area and surrounding communities." },
|
||||
{ id: "f2", title: "How do I book?", content: "Call us at (413) 301-5863 or use the contact form." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers to help you book your detail with confidence."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -203,74 +137,35 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Location"
|
||||
description="Visit us at our Indian Orchard shop for premium detailing services."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: MapPin,
|
||||
title: "Location", value: "Downtown Area"},
|
||||
{
|
||||
id: "m2", icon: Clock,
|
||||
title: "Hours", value: "Mon-Sat 8am-6pm"},
|
||||
{
|
||||
id: "m3", icon: Phone,
|
||||
title: "Call Now", value: "413-301-5863"},
|
||||
{ id: "m1", icon: MapPin, title: "1207 Worcester St", value: "Indian Orchard, MA 01151" },
|
||||
{ id: "m2", icon: Phone, title: "Call Us", value: "(413) 301-5863" },
|
||||
]}
|
||||
title="Visit Our Shop"
|
||||
description="Conveniently located to serve all your automotive care needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
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."
|
||||
tag="Book Your Appointment"
|
||||
title="Ready for a Transformation?"
|
||||
description="Get in touch for a free estimate or to schedule your visit today."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e2uwvh"
|
||||
inputPlaceholder="Enter your phone number..."
|
||||
buttonText="Book Now"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior Deep Cleaning", href: "#services"},
|
||||
{
|
||||
label: "Exterior Shine", href: "#services"},
|
||||
{
|
||||
label: "Ceramic Coating", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: (413) 301-5863", href: "tel:+14133015863"},
|
||||
{
|
||||
label: "Location", href: "#location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Squeaky Clean"
|
||||
copyrightText="© 2025 Squeaky Clean Auto Detailing"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Interior", href: "#services" }, { label: "Exterior", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Now", href: "tel:+14133015863" }, { label: "Visit Us", href: "#location" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user