276 lines
14 KiB
TypeScript
276 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { CheckCircle, Star, Shield, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Call Now", id: "tel:(860) 997-0410" }
|
|
]}
|
|
brandName="Johnny's Detailing"
|
|
bottomLeftText="Newington, Connecticut"
|
|
bottomRightText="(860) 997-0410"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Professional Auto Detailing in Newington, CT"
|
|
description="Restore your vehicle to showroom condition with expert detailing and ceramic protection. Trusted by local car owners since 2022."
|
|
tag="⭐ 5.0 Rating"
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-side-mirror-modern-white-cabriolet-car_181624-25257.jpg?_wi=1"
|
|
imageAlt="Pristine detailed car exterior shine"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
name: "Mike Thompson", handle: "Car Owner", testimonial: "Johnny's is a very thorough and excellent detail shop. My cars always come out showroom condition.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "📞 Call Now (860) 997-0410", href: "tel:(860) 997-0410" },
|
|
{ text: "Get a Free Quote", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-metrics" data-section="trust-metrics">
|
|
<MetricCardTen
|
|
title="Why Johnny's Detailing Stands Out"
|
|
description="Trusted by the Newington, CT community for exceptional car detailing services"
|
|
metrics={[
|
|
{
|
|
id: "1", title: "5.0 Star Rating", subtitle: "Consistently excellent service and customer satisfaction", category: "Reputation", value: "95+ Reviews"
|
|
},
|
|
{
|
|
id: "2", title: "Local Newington Business", subtitle: "Serving the Connecticut community with pride", category: "Community", value: "3+ Years"
|
|
},
|
|
{
|
|
id: "3", title: "Professional Grade Products", subtitle: "Using only the best detailing solutions and equipment", category: "Quality", value: "Premium"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
title="Our Detailing Services"
|
|
description="Comprehensive solutions for every vehicle type and need"
|
|
features={[
|
|
{
|
|
title: "Interior Detailing", description: "Professional cleaning and restoration of car interiors", imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078278.jpg", imageAlt: "Professional interior car detailing", buttonIcon: CheckCircle,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Exterior Detailing", description: "Premium wash, wax, and protective coating services", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=1", imageAlt: "Exterior car detailing and waxing", buttonIcon: CheckCircle,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Ceramic Coating", description: "Long-lasting ceramic protection for paint and surfaces", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg?_wi=1", imageAlt: "Ceramic coating application", buttonIcon: CheckCircle,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Paint Correction", description: "Restore paint clarity and remove swirl marks", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487002.jpg", imageAlt: "Paint correction and polishing", buttonIcon: CheckCircle,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Truck & SUV Detailing", description: "Specialized services for larger vehicles", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-disabled-man-wearing-mask_23-2148779025.jpg", imageAlt: "Truck and SUV detailing", buttonIcon: CheckCircle,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Full Detail Packages", description: "Complete interior and exterior restoration packages", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-side-mirror-modern-white-cabriolet-car_181624-25257.jpg?_wi=2", imageAlt: "Complete vehicle detailing package", buttonIcon: CheckCircle,
|
|
buttonHref: "#contact"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
title="Before & After Transformations"
|
|
description="See the dramatic results of our professional detailing work"
|
|
products={[
|
|
{
|
|
id: "1", name: "Dirty Vehicle Restoration", price: "Transformation", variant: "Complete Interior & Exterior", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg", imageAlt: "Before and after vehicle detailing"
|
|
},
|
|
{
|
|
id: "2", name: "Truck Deep Clean", price: "Transformation", variant: "Heavy Duty Restoration", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-surface_169016-5614.jpg", imageAlt: "Truck before and after detailing"
|
|
},
|
|
{
|
|
id: "3", name: "Interior Restoration", price: "Transformation", variant: "Seats & Dashboard", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg", imageAlt: "Car interior before and after"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
title="What Our Customers Say"
|
|
description="Real reviews from satisfied car owners across Connecticut"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Car Owner", company: "Newington, CT", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Truck Owner", company: "West Hartford, CT", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Car Seller", company: "Hartford, CT", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Business Owner", company: "Wethersfield, CT", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-showing-double-thumbs-up-striped-t-shirt-white-cardigan-jean-pants-looking-happy-front-view_176474-41210.jpg"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "95+", label: "Happy Customers" },
|
|
{ value: "5.0★", label: "Average Rating" },
|
|
{ value: "3+ Years", label: "Local Excellence" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Why Choose Johnny's Detailing" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "📞 Get a Quote", href: "tel:(860) 997-0410" },
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-list" data-section="features-list">
|
|
<FeatureCardTwentySix
|
|
title="Our Commitment to Excellence"
|
|
description="What sets us apart in the detailing industry"
|
|
features={[
|
|
{
|
|
title: "5 Star Rated Local Business", description: "Consistently delivering exceptional results and customer satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-car-yearly-checkup_482257-76142.jpg", imageAlt: "Johnny's Detailing professional shop", buttonIcon: Star
|
|
},
|
|
{
|
|
title: "Professional Grade Products", description: "Using only premium, environmentally-conscious detailing solutions", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=2", imageAlt: "Professional detailing products", buttonIcon: Shield
|
|
},
|
|
{
|
|
title: "Attention to Detail", description: "Meticulous care applied to every vehicle we service", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg?_wi=2", imageAlt: "Detailed ceramic coating work", buttonIcon: Zap
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<ContactText
|
|
text="Serving Newington, West Hartford, Hartford, Wethersfield, Berlin, Rocky Hill, and surrounding Connecticut towns with professional car detailing services."
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View Service Map", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<ContactText
|
|
text="Ready to Make Your Car Look Brand New? Contact Johnny's Detailing today for a free quote and experience the difference professional detailing can make."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "circleGradient" }}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "📞 Call (860) 997-0410", href: "tel:(860) 997-0410" },
|
|
{ text: "Get a Free Quote", href: "#contact-form" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Interior Detailing", href: "#services" },
|
|
{ label: "Exterior Detailing", href: "#services" },
|
|
{ label: "Ceramic Coating", href: "#services" },
|
|
{ label: "Paint Correction", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#why-choose" },
|
|
{ label: "Reviews", href: "#reviews" },
|
|
{ label: "Service Area", href: "#service-area" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "📞 (860) 997-0410", href: "tel:(860) 997-0410" },
|
|
{ label: "📍 115 Pane Rd, Newington, CT 06111", href: "#" },
|
|
{ label: "Opens 7 AM Daily", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Johnny's Detailing LLC. All rights reserved."
|
|
bottomRightText="Professional Auto Detailing • Newington, CT"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |