bender/cbcfce53-968a-4b4d-b9db-ab7cf8c0f97d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 15:29:22 +00:00
parent 89828a50d1
commit 82fe161c44
1 changed files with 90 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

369
src/app/page.tsx
View File

@@ -31,39 +31,26 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Gallery",
id: "/gallery",
},
name: "Gallery", id: "/gallery"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="SKG Auto Detailing"
button={{
text: "Get Free Quote",
href: "/contact",
}}
text: "Get Free Quote", href: "/contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Premium Auto Detailing in Fredericksburg, VA"
description="Restore, Protect, and Maintain Your Vehicle with Professional Detailing Services Trusted by Local Drivers."
@@ -71,66 +58,42 @@ export default function LandingPage() {
tagIcon={Star}
buttons={[
{
text: "Call Now",
href: "tel:5407068888",
},
text: "Call Now", href: "tel:5407068888"},
{
text: "Get Free Quote",
href: "/contact",
},
text: "Get Free Quote", href: "/contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg",
alt: "Happy Customer 1",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg", alt: "Happy Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
alt: "Happy Customer 2",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", alt: "Happy Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
alt: "Happy Customer 3",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg", alt: "Happy Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
alt: "Happy Customer 4",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", alt: "Happy Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
alt: "Close up view of black woman smile at camera",
},
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", alt: "Close up view of black woman smile at camera"},
]}
avatarText="60+ Happy Customers & Locally Owned & Operated"
imageSrc="http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg"
imageAlt="Luxurious car being detailed in a professional studio"
mediaAnimation="slide-up"
fixedMediaHeight={true}
marqueeItems={[
{
type: "text-icon",
text: "Top Rated",
icon: Star,
type: "text-icon", text: "Top Rated", icon: Star,
},
{
type: "text-icon",
text: "Showroom Shine",
icon: Sparkles,
type: "text-icon", text: "Showroom Shine", icon: Sparkles,
},
{
type: "text-icon",
text: "Trusted Service",
icon: Briefcase,
type: "text-icon", text: "Trusted Service", icon: Briefcase,
},
{
type: "text-icon",
text: "Long-lasting Protection",
icon: ShieldCheck,
type: "text-icon", text: "Long-lasting Protection", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Precision Detailing",
icon: Gauge,
type: "text-icon", text: "Precision Detailing", icon: Gauge,
},
]}
/>
@@ -144,17 +107,11 @@ export default function LandingPage() {
description="Getting your vehicle professionally detailed has never been easier. We handle every step with precision and care."
bulletPoints={[
{
title: "Request a Quote",
description: "Start by telling us about your vehicle and the services you're interested in. We provide transparent, no-obligation estimates.",
},
title: "Request a Quote", description: "Start by telling us about your vehicle and the services you're interested in. We provide transparent, no-obligation estimates."},
{
title: "Schedule Your Appointment",
description: "Choose a date and time that works best for you. Our flexible scheduling ensures convenience for our busy clients.",
},
title: "Schedule Your Appointment", description: "Choose a date and time that works best for you. Our flexible scheduling ensures convenience for our busy clients."},
{
title: "Drive Away Looking New",
description: "Experience the transformation! Pick up your vehicle, meticulously detailed and protected, looking better than new.",
},
title: "Drive Away Looking New", description: "Experience the transformation! Pick up your vehicle, meticulously detailed and protected, looking better than new."},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35957.jpg"
imageAlt="Shiny clean car driving away after detailing"
@@ -169,53 +126,29 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Full Auto Detailing",
description: "Complete interior and exterior restoration for a truly revitalized vehicle.",
bentoComponent: "reveal-icon",
icon: Car,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-badges-design_23-2149616631.jpg",
imageAlt: "detailing icon full service",
},
title: "Full Auto Detailing", description: "Complete interior and exterior restoration for a truly revitalized vehicle.", bentoComponent: "reveal-icon", icon: Car,
imageAlt: "detailing icon full service"},
{
title: "Interior Detailing",
description: "Deep cleaning, vacuuming, shampooing, stain removal, and odor treatment.",
bentoComponent: "reveal-icon",
icon: Gauge,
imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg?_wi=2",
imageAlt: "detailing icon full service",
},
title: "Interior Detailing", description: "Deep cleaning, vacuuming, shampooing, stain removal, and odor treatment.", bentoComponent: "reveal-icon", icon: Gauge,
imageAlt: "detailing icon full service"},
{
title: "Exterior Detailing",
description: "Hand wash, paint decontamination, meticulous polishing, and wax protection.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg?_wi=1",
imageAlt: "detailing icon full service",
},
title: "Exterior Detailing", description: "Hand wash, paint decontamination, meticulous polishing, and wax protection.", bentoComponent: "reveal-icon", icon: Sparkles,
imageAlt: "detailing icon full service"},
{
title: "Clay Bar Treatment",
description: "Safely remove contaminants and restore smooth paint for optimal shine.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg?_wi=1",
imageAlt: "detailing icon full service",
},
title: "Clay Bar Treatment", description: "Safely remove contaminants and restore smooth paint for optimal shine.", bentoComponent: "reveal-icon", icon: Wrench,
imageAlt: "detailing icon full service"},
{
title: "Engine Detailing",
description: "Safe and thorough cleaning, degreasing, and restoration of your engine bay.",
bentoComponent: "reveal-icon",
icon: Cog,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg?_wi=1",
imageAlt: "detailing icon full service",
},
title: "Engine Detailing", description: "Safe and thorough cleaning, degreasing, and restoration of your engine bay.", bentoComponent: "reveal-icon", icon: Cog,
imageAlt: "detailing icon full service"},
{
title: "Paint Protection",
description: "Long-lasting hydrophobic protection and gloss enhancement with ceramic coatings.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg?_wi=1",
imageAlt: "detailing icon full service",
},
title: "Paint Protection", description: "Long-lasting hydrophobic protection and gloss enhancement with ceramic coatings.", bentoComponent: "reveal-icon", icon: ShieldCheck,
imageAlt: "detailing icon full service"},
]}
title="Our Comprehensive Detailing Services"
description="From a thorough interior restoration to advanced paint protection, we offer a full range of services to meet your vehicle's needs."
@@ -230,75 +163,26 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "ba-interior-1",
brand: "Interior Transformation",
name: "Deep Clean & Restoration",
price: "Starting at $150",
rating: 5,
reviewCount: "5 Stars",
imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",
imageAlt: "Before and after interior deep clean",
},
id: "ba-interior-1", brand: "Interior Transformation", name: "Deep Clean & Restoration", price: "Starting at $150", rating: 5,
reviewCount: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg", imageAlt: "Before and after interior deep clean"},
{
id: "ba-exterior-1",
brand: "Exterior Detailing",
name: "Paint Correction & Shine",
price: "Starting at $200",
rating: 5,
reviewCount: "5 Stars",
imageSrc: "http://img.b2bpic.net/free-photo/old-red-car-with-ribbon_181624-38.jpg",
imageAlt: "Before and after exterior paint correction",
},
id: "ba-exterior-1", brand: "Exterior Detailing", name: "Paint Correction & Shine", price: "Starting at $200", rating: 5,
reviewCount: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/old-red-car-with-ribbon_181624-38.jpg", imageAlt: "Before and after exterior paint correction"},
{
id: "ba-engine-1",
brand: "Engine Bay Detail",
name: "Spotless Engine Cleaning",
price: "Starting at $75",
rating: 5,
reviewCount: "5 Stars",
imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3880.jpg",
imageAlt: "Before and after engine bay detailing",
},
id: "ba-engine-1", brand: "Engine Bay Detail", name: "Spotless Engine Cleaning", price: "Starting at $75", rating: 5,
reviewCount: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3880.jpg", imageAlt: "Before and after engine bay detailing"},
{
id: "ba-truck-1",
brand: "Truck Detailing",
name: "Heavy Duty Clean",
price: "Starting at $250",
rating: 5,
reviewCount: "5 Stars",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mechanic-checking-truck_23-2149426542.jpg",
imageAlt: "Before and after pickup truck detailing",
},
id: "ba-truck-1", brand: "Truck Detailing", name: "Heavy Duty Clean", price: "Starting at $250", rating: 5,
reviewCount: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/side-view-mechanic-checking-truck_23-2149426542.jpg", imageAlt: "Before and after pickup truck detailing"},
{
id: "ba-suv-1",
brand: "SUV Interior",
name: "Family Vehicle Refresh",
price: "Starting at $180",
rating: 5,
reviewCount: "5 Stars",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-white-colors_181624-31196.jpg",
imageAlt: "Before and after SUV interior cleaning",
},
id: "ba-suv-1", brand: "SUV Interior", name: "Family Vehicle Refresh", price: "Starting at $180", rating: 5,
reviewCount: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-white-colors_181624-31196.jpg", imageAlt: "Before and after SUV interior cleaning"},
{
id: "ba-paint-1",
brand: "Paint Protection",
name: "Ceramic Coating Finish",
price: "Starting at $300",
rating: 5,
reviewCount: "5 Stars",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg",
imageAlt: "Before and after paint protection application",
},
id: "ba-paint-1", brand: "Paint Protection", name: "Ceramic Coating Finish", price: "Starting at $300", rating: 5,
reviewCount: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg", imageAlt: "Before and after paint protection application"},
{
id: "ba-wheel-1",
brand: "Wheel & Tire",
name: "Rim & Tire Restoration",
price: "Starting at $50",
rating: 5,
reviewCount: "5 Stars",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-fixing-car-wheel_23-2148321920.jpg",
imageAlt: "Before and after wheel and tire detailing",
},
id: "ba-wheel-1", brand: "Wheel & Tire", name: "Rim & Tire Restoration", price: "Starting at $50", rating: 5,
reviewCount: "5 Stars", imageSrc: "http://img.b2bpic.net/free-photo/young-man-fixing-car-wheel_23-2148321920.jpg", imageAlt: "Before and after wheel and tire detailing"},
]}
title="See the Difference Professional Detailing Makes"
description="Explore our gallery of stunning vehicle transformations before and after SKG Auto Detailing's expert touch. Hover for details."
@@ -312,37 +196,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "4.9-Star Reputation",
description: "Trusted by drivers throughout Fredericksburg for exceptional service and results.",
bentoComponent: "reveal-icon",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/plug-hybrid-electric-vehicle-close-up-ev-hybrid-car-logo_482257-118052.jpg",
imageAlt: "interior car detailing icon",
},
title: "4.9-Star Reputation", description: "Trusted by drivers throughout Fredericksburg for exceptional service and results.", bentoComponent: "reveal-icon", icon: Star,
imageAlt: "interior car detailing icon"},
{
title: "Professional Equipment",
description: "We utilize commercial-grade products and advanced techniques for superior detailing.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg?_wi=3",
imageAlt: "interior car detailing icon",
},
title: "Professional Equipment", description: "We utilize commercial-grade products and advanced techniques for superior detailing.", bentoComponent: "reveal-icon", icon: Wrench,
imageAlt: "interior car detailing icon"},
{
title: "Attention to Detail",
description: "Every vehicle is treated with the utmost care, as if it were our own.",
bentoComponent: "reveal-icon",
icon: Eye,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg?_wi=2",
imageAlt: "interior car detailing icon",
},
title: "Attention to Detail", description: "Every vehicle is treated with the utmost care, as if it were our own.", bentoComponent: "reveal-icon", icon: Eye,
imageAlt: "interior car detailing icon"},
{
title: "Satisfaction Focused",
description: "Your experience and happiness are our top priorities, from start to finish.",
bentoComponent: "reveal-icon",
icon: Briefcase,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg?_wi=2",
imageAlt: "interior car detailing icon",
},
title: "Satisfaction Focused", description: "Your experience and happiness are our top priorities, from start to finish.", bentoComponent: "reveal-icon", icon: Briefcase,
imageAlt: "interior car detailing icon"},
]}
title="Why Choose SKG Auto Detailing?"
description="Experience the SKG difference with our unwavering commitment to quality, trust, and customer satisfaction."
@@ -356,40 +224,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@HappyDriverVA",
testimonial: "SKG Auto Detailing transformed my luxury sedan! It looks even better than when I bought it. The attention to detail is truly unmatched. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg",
},
id: "1", name: "Sarah J.", handle: "@HappyDriverVA", testimonial: "SKG Auto Detailing transformed my luxury sedan! It looks even better than when I bought it. The attention to detail is truly unmatched. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg"},
{
id: "2",
name: "Michael C.",
handle: "@CarEnthusiastFXBG",
testimonial: "Had my SUV's interior fully restored. Stains are gone, and it smells brand new. The team at SKG is incredibly professional and skilled.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-smiling-sitting-car-near-sea_176420-2376.jpg",
},
id: "2", name: "Michael C.", handle: "@CarEnthusiastFXBG", testimonial: "Had my SUV's interior fully restored. Stains are gone, and it smells brand new. The team at SKG is incredibly professional and skilled.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-smiling-sitting-car-near-sea_176420-2376.jpg"},
{
id: "3",
name: "Emily R.",
handle: "@LocalMomCars",
testimonial: "Preparing my car for sale, and SKG made it showroom ready. The paint correction is flawless. Got a great offer thanks to their amazing work!",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21782.jpg",
},
id: "3", name: "Emily R.", handle: "@LocalMomCars", testimonial: "Preparing my car for sale, and SKG made it showroom ready. The paint correction is flawless. Got a great offer thanks to their amazing work!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21782.jpg"},
{
id: "4",
name: "David K.",
handle: "@FredDetalingFan",
testimonial: "The engine detailing was incredible, and the exterior wash and wax gave my truck an amazing shine. SKG is my go-to for all my detailing needs.",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15142.jpg",
},
id: "4", name: "David K.", handle: "@FredDetalingFan", testimonial: "The engine detailing was incredible, and the exterior wash and wax gave my truck an amazing shine. SKG is my go-to for all my detailing needs.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15142.jpg"},
{
id: "5",
name: "Jessica M.",
handle: "@PremiumVehicleCare",
testimonial: "From the moment I called to picking up my vehicle, the service was outstanding. My Tesla has never looked so pristine. Worth every penny!",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171224.jpg",
},
id: "5", name: "Jessica M.", handle: "@PremiumVehicleCare", testimonial: "From the moment I called to picking up my vehicle, the service was outstanding. My Tesla has never looked so pristine. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171224.jpg"},
]}
title="What Fredericksburg Drivers Are Saying"
description="Our clients consistently praise our meticulous work and exceptional results, making us their top choice for auto detailing."
@@ -400,18 +243,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Get Your Free Detailing Quote Today. Let us bring your vehicle back to showroom condition with our premium auto detailing services."
buttons={[
{
text: "Request Free Quote",
href: "/contact",
},
text: "Request Free Quote", href: "/contact"},
{
text: "Call (540) 706-8888",
href: "tel:5407068888",
},
text: "Call (540) 706-8888", href: "tel:5407068888"},
]}
/>
</div>
@@ -420,66 +258,39 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Full Detailing",
href: "/services#full-detailing",
},
label: "Full Detailing", href: "/services#full-detailing"},
{
label: "Interior Detailing",
href: "/services#interior-detailing",
},
label: "Interior Detailing", href: "/services#interior-detailing"},
{
label: "Exterior Detailing",
href: "/services#exterior-detailing",
},
label: "Exterior Detailing", href: "/services#exterior-detailing"},
{
label: "Paint Protection",
href: "/services#paint-protection",
},
label: "Paint Protection", href: "/services#paint-protection"},
{
label: "Engine Detailing",
href: "/services#engine-detailing",
},
label: "Engine Detailing", href: "/services#engine-detailing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Our Work",
href: "/gallery",
},
label: "Our Work", href: "/gallery"},
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "Request a Quote",
href: "/contact",
},
label: "Request a Quote", href: "/contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Google Reviews",
href: "https://www.google.com/search?q=SKG+Auto+Detailing+Inc+Fredericksburg+reviews",
},
label: "Google Reviews", href: "https://www.google.com/search?q=SKG+Auto+Detailing+Inc+Fredericksburg+reviews"},
],
},
]}