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

Update src/app/services/page.tsx

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

351
src/app/services/page.tsx
View File

@@ -31,47 +31,32 @@ 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="services-hero" data-section="services-hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Our Premium Auto Detailing Services"
description="Discover a comprehensive range of detailing solutions designed to restore, protect, and enhance every aspect of your vehicle."
buttons={[
{
text: "Get Your Free Quote",
href: "/contact",
},
text: "Get Your Free Quote", href: "/contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/nice-blue-white-foam_23-2147798295.jpg"
imageAlt="Car being professionally polished in a detailing studio"
@@ -79,52 +64,32 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "asset://services-hero-avatar-1",
alt: "smiling happy customer portrait",
},
src: "asset://services-hero-avatar-1", alt: "smiling happy customer portrait"},
{
src: "asset://services-hero-avatar-2",
alt: "satisfied client smiling",
},
src: "asset://services-hero-avatar-2", alt: "satisfied client smiling"},
{
src: "asset://services-hero-avatar-3",
alt: "professional portrait auto client",
},
src: "asset://services-hero-avatar-3", alt: "professional portrait auto client"},
{
src: "asset://services-hero-avatar-4",
alt: "car owner happy with service",
},
src: "asset://services-hero-avatar-4", alt: "car owner happy with service"},
{
src: "asset://services-hero-avatar-5",
alt: "positive client review headshot",
},
src: "asset://services-hero-avatar-5", alt: "positive client review headshot"},
]}
avatarText="5-Star Service Across All Packages"
marqueeItems={[
{
type: "text-icon",
text: "All Vehicle Types",
icon: Car,
type: "text-icon", text: "All Vehicle Types", icon: Car,
},
{
type: "text-icon",
text: "Detailed to Perfection",
icon: Car,
type: "text-icon", text: "Detailed to Perfection", icon: Car,
},
{
type: "text-icon",
text: "Expert Technicians",
icon: Paintbrush,
type: "text-icon", text: "Expert Technicians", icon: Paintbrush,
},
{
type: "text-icon",
text: "UV Protection",
icon: Sun,
type: "text-icon", text: "UV Protection", icon: Sun,
},
{
type: "text-icon",
text: "SUVs & Trucks Welcome",
icon: Truck,
type: "text-icon", text: "SUVs & Trucks Welcome", icon: Truck,
},
]}
/>
@@ -137,53 +102,29 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Full Auto Detailing",
description: "The ultimate package for a complete vehicle transformation, inside and out.",
bentoComponent: "reveal-icon",
icon: Car,
imageSrc: "http://img.b2bpic.net/free-vector/buttons-with-taxi-cabs_1308-86395.jpg",
imageAlt: "exterior car detailing icon",
},
title: "Full Auto Detailing", description: "The ultimate package for a complete vehicle transformation, inside and out.", bentoComponent: "reveal-icon", icon: Car,
imageAlt: "exterior car detailing icon"},
{
title: "Interior Detailing",
description: "Deep cleaning, stain removal, odor treatment, and meticulous detailing for your cabin.",
bentoComponent: "reveal-icon",
icon: Gauge,
imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg?_wi=4",
imageAlt: "exterior car detailing icon",
},
title: "Interior Detailing", description: "Deep cleaning, stain removal, odor treatment, and meticulous detailing for your cabin.", bentoComponent: "reveal-icon", icon: Gauge,
imageAlt: "exterior car detailing icon"},
{
title: "Exterior Detailing",
description: "Advanced washing, paint decontamination, polishing, and wax/sealant application.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg?_wi=3",
imageAlt: "exterior car detailing icon",
},
title: "Exterior Detailing", description: "Advanced washing, paint decontamination, polishing, and wax/sealant application.", bentoComponent: "reveal-icon", icon: Sparkles,
imageAlt: "exterior car detailing icon"},
{
title: "Clay Bar Treatment",
description: "Removes bonded contaminants from paint, restoring a smooth, clean surface.",
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=3",
imageAlt: "exterior car detailing icon",
},
title: "Clay Bar Treatment", description: "Removes bonded contaminants from paint, restoring a smooth, clean surface.", bentoComponent: "reveal-icon", icon: Wrench,
imageAlt: "exterior car detailing icon"},
{
title: "Engine Detailing",
description: "Safe and effective cleaning to make your engine bay look factory fresh.",
bentoComponent: "reveal-icon",
icon: Cog,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg?_wi=2",
imageAlt: "exterior car detailing icon",
},
title: "Engine Detailing", description: "Safe and effective cleaning to make your engine bay look factory fresh.", bentoComponent: "reveal-icon", icon: Cog,
imageAlt: "exterior car detailing icon"},
{
title: "Paint Protection",
description: "Long-lasting ceramic coatings and sealants to shield your paint and enhance gloss.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg?_wi=2",
imageAlt: "exterior car detailing icon",
},
title: "Paint Protection", description: "Long-lasting ceramic coatings and sealants to shield your paint and enhance gloss.", bentoComponent: "reveal-icon", icon: ShieldCheck,
imageAlt: "exterior car detailing icon"},
]}
title="Explore Our Detailing Solutions"
description="From a quick exterior refresh to a full interior overhaul, we have a service tailored for you. Click on any service to learn more."
@@ -197,43 +138,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "exterior-wash-wax",
badge: "Popular",
badgeIcon: Sparkles,
price: "$125",
subtitle: "Essential Exterior Care",
features: [
"Hand Wash & Dry",
"Wheel Cleaning",
"Tire Dressing",
"Exterior Wax Protection",
],
id: "exterior-wash-wax", badge: "Popular", badgeIcon: Sparkles,
price: "$125", subtitle: "Essential Exterior Care", features: [
"Hand Wash & Dry", "Wheel Cleaning", "Tire Dressing", "Exterior Wax Protection"],
},
{
id: "interior-deluxe",
badge: "Best Value",
badgeIcon: Star,
price: "$175",
subtitle: "Deep Interior Refresh",
features: [
"Vacuum & Wipe Down",
"Carpet Shampoo",
"Leather/Fabric Cleanse",
"Odor Treatment",
],
id: "interior-deluxe", badge: "Best Value", badgeIcon: Star,
price: "$175", subtitle: "Deep Interior Refresh", features: [
"Vacuum & Wipe Down", "Carpet Shampoo", "Leather/Fabric Cleanse", "Odor Treatment"],
},
{
id: "full-detail-signature",
badge: "Ultimate",
badgeIcon: Crown,
price: "$350",
subtitle: "Complete Transformation",
features: [
"Full Exterior Detail",
"Full Interior Detail",
"Clay Bar Treatment",
"Engine Bay Detail",
],
id: "full-detail-signature", badge: "Ultimate", badgeIcon: Crown,
price: "$350", subtitle: "Complete Transformation", features: [
"Full Exterior Detail", "Full Interior Detail", "Clay Bar Treatment", "Engine Bay Detail"],
},
]}
title="Transparent Pricing for Premium Services"
@@ -247,25 +164,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How often should I get my car detailed?",
content: "For optimal maintenance and protection, we recommend a full detail every 4-6 months, with regular exterior washes and interior cleanings in between.",
},
id: "faq1", title: "How often should I get my car detailed?", content: "For optimal maintenance and protection, we recommend a full detail every 4-6 months, with regular exterior washes and interior cleanings in between."},
{
id: "faq2",
title: "What is included in a full auto detail?",
content: "Our full detail includes comprehensive interior cleaning (vacuum, shampoo, stain removal) and exterior treatment (hand wash, clay bar, polish, wax/sealant, wheel/tire detail).",
},
id: "faq2", title: "What is included in a full auto detail?", content: "Our full detail includes comprehensive interior cleaning (vacuum, shampoo, stain removal) and exterior treatment (hand wash, clay bar, polish, wax/sealant, wheel/tire detail)."},
{
id: "faq3",
title: "Do you offer ceramic coating?",
content: "Yes, we offer professional ceramic coating applications for long-lasting paint protection, enhanced gloss, and hydrophobic properties. Inquire for custom pricing.",
},
id: "faq3", title: "Do you offer ceramic coating?", content: "Yes, we offer professional ceramic coating applications for long-lasting paint protection, enhanced gloss, and hydrophobic properties. Inquire for custom pricing."},
{
id: "faq4",
title: "How long does a typical detail take?",
content: "The duration depends on the service package and vehicle condition. A full detail can take 4-8 hours, while a basic wash and wax might be 1-2 hours. We'll provide an estimate upon booking.",
},
id: "faq4", title: "How long does a typical detail take?", content: "The duration depends on the service package and vehicle condition. A full detail can take 4-8 hours, while a basic wash and wax might be 1-2 hours. We'll provide an estimate upon booking."},
]}
title="Frequently Asked Questions"
description="Have questions about our detailing process, services, or pricing? Find answers to common inquiries below."
@@ -280,40 +185,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "st1",
name: "Olivia P.",
handle: "Fredericksburg",
testimonial: "The full detail service was incredible! My car looks and feels brand new. Every nook and cranny was spotless.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg",
},
id: "st1", name: "Olivia P.", handle: "Fredericksburg", testimonial: "The full detail service was incredible! My car looks and feels brand new. Every nook and cranny was spotless.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg"},
{
id: "st2",
name: "Daniel S.",
handle: "Spotsylvania",
testimonial: "My truck's interior was a disaster. SKG's interior detailing brought it back to life. Amazing job with the tough stains!",
imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6520.jpg",
},
id: "st2", name: "Daniel S.", handle: "Spotsylvania", testimonial: "My truck's interior was a disaster. SKG's interior detailing brought it back to life. Amazing job with the tough stains!", imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6520.jpg"},
{
id: "st3",
name: "Grace L.",
handle: "Stafford",
testimonial: "Opted for paint protection, and my car's shine is unbelievable. Water beads right off. Highly recommend this service!",
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg",
},
id: "st3", name: "Grace L.", handle: "Stafford", testimonial: "Opted for paint protection, and my car's shine is unbelievable. Water beads right off. Highly recommend this service!", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg"},
{
id: "st4",
name: "Ethan B.",
handle: "King George",
testimonial: "The engine detailing was meticulous. They truly care about every part of the vehicle. My engine bay looks pristine.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg",
},
id: "st4", name: "Ethan B.", handle: "King George", testimonial: "The engine detailing was meticulous. They truly care about every part of the vehicle. My engine bay looks pristine.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg"},
{
id: "st5",
name: "Sophia R.",
handle: "Locust Grove",
testimonial: "The exterior detailing made my car sparkle. The paint is so smooth after the clay bar treatment. Fantastic results!",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-handsome-elegant-man-glasses-suit-with-beautiful-sexy-woman-colorful-dress-white_158538-11297.jpg",
},
id: "st5", name: "Sophia R.", handle: "Locust Grove", testimonial: "The exterior detailing made my car sparkle. The paint is so smooth after the clay bar treatment. Fantastic results!", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-handsome-elegant-man-glasses-suit-with-beautiful-sexy-woman-colorful-dress-white_158538-11297.jpg"},
]}
title="What Our Service Clients Say"
description="Hear from satisfied customers who trusted SKG Auto Detailing with their prized vehicles for specific services."
@@ -328,65 +208,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "sg-full",
brand: "Full Detail",
name: "Total Vehicle Renewal",
price: "View Details",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg",
imageAlt: "Full detail transformation",
},
id: "sg-full", brand: "Full Detail", name: "Total Vehicle Renewal", price: "View Details", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg", imageAlt: "Full detail transformation"},
{
id: "sg-interior",
brand: "Interior Detail",
name: "Pristine Cabin Refresh",
price: "View Details",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg",
imageAlt: "Interior detailing results",
},
id: "sg-interior", brand: "Interior Detail", name: "Pristine Cabin Refresh", price: "View Details", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg", imageAlt: "Interior detailing results"},
{
id: "sg-exterior",
brand: "Exterior Detail",
name: "Flawless Paint Finish",
price: "View Details",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg",
imageAlt: "Exterior detailing shine",
},
id: "sg-exterior", brand: "Exterior Detail", name: "Flawless Paint Finish", price: "View Details", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg", imageAlt: "Exterior detailing shine"},
{
id: "sg-claybar",
brand: "Clay Bar",
name: "Smooth Surface Treatment",
price: "View Details",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg",
imageAlt: "Clay bar treatment result",
},
id: "sg-claybar", brand: "Clay Bar", name: "Smooth Surface Treatment", price: "View Details", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg", imageAlt: "Clay bar treatment result"},
{
id: "sg-engine",
brand: "Engine Detail",
name: "Spotless Engine Bay",
price: "View Details",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/tie-tools-father_23-2148522096.jpg",
imageAlt: "Engine detailing transformation",
},
id: "sg-engine", brand: "Engine Detail", name: "Spotless Engine Bay", price: "View Details", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/tie-tools-father_23-2148522096.jpg", imageAlt: "Engine detailing transformation"},
{
id: "sg-protection",
brand: "Paint Protection",
name: "Durable Ceramic Coating",
price: "View Details",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342618.jpg",
imageAlt: "Paint protection application",
},
id: "sg-protection", brand: "Paint Protection", name: "Durable Ceramic Coating", price: "View Details", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342618.jpg", imageAlt: "Paint protection application"},
]}
title="Service Showcase: Transformations"
description="A visual journey through some of our most impressive detailing projects, categorized by service type."
@@ -397,66 +235,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"},
],
},
]}