bender/5d19a488-2747-44fd-9580-09fae9e16ec5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-06-10 00:25:47 +00:00
parent 6a182a6f4f 96feec5e19
commit 0f3d10877b
3 changed files with 55 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/layout.tsx
View File

@@ -41,13 +41,9 @@ export const metadata: Metadata = {
},
};
const manrope = Manrope({
variable: "--font-manrope",
subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export default function RootLayout({
@@ -58,7 +54,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
<body className={`${inter.variable} antialiased`}>
{children}
<script

243
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Packages",
id: "#packages",
},
name: "Packages", id: "#packages"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Book Now",
id: "#contact",
},
name: "Book Now", id: "#contact"},
]}
brandName="Classy Cars Auto Detailing"
/>
@@ -70,39 +56,23 @@ export default function LandingPage() {
description="Experience premium mobile auto detailing that brings showroom shine directly to you in Aurora, Indiana. We redefine automotive care with precision and passion."
buttons={[
{
text: "Book Your Detail",
href: "#contact",
},
text: "Book Your Detail", href: "#contact"},
{
text: "View Our Services",
href: "#services",
},
text: "View Our Services", href: "#services"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",
imageAlt: "Luxurious car being polished to a high shine",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Luxurious car being polished to a high shine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mix-blue-paint-white-foam_23-2147798184.jpg",
imageAlt: "Professional auto detailer meticulously cleaning car interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/mix-blue-paint-white-foam_23-2147798184.jpg", imageAlt: "Professional auto detailer meticulously cleaning car interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6629.jpg",
imageAlt: "Detail shot of car leather seats being conditioned",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6629.jpg", imageAlt: "Detail shot of car leather seats being conditioned"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193618.jpg",
imageAlt: "Close-up of car exterior being waxed with foam",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193618.jpg", imageAlt: "Close-up of car exterior being waxed with foam"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg",
imageAlt: "Car wheel being cleaned and shined",
},
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg", imageAlt: "Car wheel being cleaned and shined"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-new-car-cleaning-process_23-2148332888.jpg",
imageAlt: "Glossy black car after detailing, reflecting lights",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-new-car-cleaning-process_23-2148332888.jpg", imageAlt: "Glossy black car after detailing, reflecting lights"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -116,9 +86,7 @@ export default function LandingPage() {
title="Dedicated to Automotive Excellence in Aurora, Indiana"
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
/>
</div>
@@ -129,23 +97,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interior Deep Clean",
description: "Deep vacuum, shampoo, stain removal, leather conditioning, and odor elimination for a pristine cabin.",
imageSrc: "http://img.b2bpic.net/free-photo/man-vacuuming-car-seats_23-2149316438.jpg",
imageAlt: "Car interior being deep cleaned",
},
title: "Interior Deep Clean", description: "Deep vacuum, shampoo, stain removal, leather conditioning, and odor elimination for a pristine cabin.", imageSrc: "http://img.b2bpic.net/free-photo/man-vacuuming-car-seats_23-2149316438.jpg", imageAlt: "Car interior being deep cleaned"},
{
title: "Exterior Wash & Wax",
description: "Hand wash, clay bar treatment, premium wax application, and tire dressing for a brilliant, lasting shine.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg",
imageAlt: "Car exterior being washed and waxed",
},
title: "Exterior Wash & Wax", description: "Hand wash, clay bar treatment, premium wax application, and tire dressing for a brilliant, lasting shine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg", imageAlt: "Car exterior being washed and waxed"},
{
title: "Paint Correction",
description: "Removes swirl marks, scratches, and oxidation to restore your vehicle's paint to a flawless, mirror-like finish.",
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36578.jpg",
imageAlt: "Close-up of car paint being corrected",
},
title: "Paint Correction", description: "Removes swirl marks, scratches, and oxidation to restore your vehicle's paint to a flawless, mirror-like finish.", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36578.jpg", imageAlt: "Close-up of car paint being corrected"},
]}
title="Transform Your Ride with Our Expert Detailing"
description="From thorough interior cleaning to brilliant exterior polishing, our services are designed to restore and protect your vehicle's beauty. We use only premium products and techniques to deliver exceptional results."
@@ -161,53 +117,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Quick Refresh",
price: "$75",
variant: "Essential Clean",
imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg",
imageAlt: "Car getting a quick exterior wash",
},
id: "1", name: "Quick Refresh", price: "$75", variant: "Essential Clean", imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg", imageAlt: "Car getting a quick exterior wash"},
{
id: "2",
name: "Classic Detail",
price: "$150",
variant: "Interior & Exterior Balance",
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934351.jpg",
imageAlt: "Car interior being vacuumed",
},
id: "2", name: "Classic Detail", price: "$150", variant: "Interior & Exterior Balance", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934351.jpg", imageAlt: "Car interior being vacuumed"},
{
id: "3",
name: "Premium Interior",
price: "$225",
variant: "Ultimate Cabin Restore",
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg",
imageAlt: "Luxury car leather seats being cleaned",
},
id: "3", name: "Premium Interior", price: "$225", variant: "Ultimate Cabin Restore", imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg", imageAlt: "Luxury car leather seats being cleaned"},
{
id: "4",
name: "Elite Exterior",
price: "$275",
variant: "Paint Perfection",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg",
imageAlt: "Car exterior receiving paint correction",
},
id: "4", name: "Elite Exterior", price: "$275", variant: "Paint Perfection", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg", imageAlt: "Car exterior receiving paint correction"},
{
id: "5",
name: "Showroom Special",
price: "$375",
variant: "Full Transformation",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30600.jpg",
imageAlt: "Car gleaming after full detailing service",
},
id: "5", name: "Showroom Special", price: "$375", variant: "Full Transformation", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30600.jpg", imageAlt: "Car gleaming after full detailing service"},
{
id: "6",
name: "Ceramic Pro Protection",
price: "$500+",
variant: "Long-lasting Shine",
imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg",
imageAlt: "Ceramic coating being applied to a car",
},
id: "6", name: "Ceramic Pro Protection", price: "$500+", variant: "Long-lasting Shine", imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg", imageAlt: "Ceramic coating being applied to a car"},
]}
title="Tailored Detailing Packages for Every Need"
description="Choose from our expertly crafted detailing packages, designed to provide comprehensive care for your vehicle, from quick refreshes to full showroom transformations."
@@ -222,20 +142,11 @@ export default function LandingPage() {
tag="Why Choose Classy Cars?"
metrics={[
{
id: "1",
value: "15+",
description: "Years of Expertise",
},
id: "1", value: "15+", description: "Years of Expertise"},
{
id: "2",
value: "400+",
description: "Cars Detailed Annually",
},
id: "2", value: "400+", description: "Cars Detailed Annually"},
{
id: "3",
value: "99%",
description: "Customer Satisfaction",
},
id: "3", value: "99%", description: "Customer Satisfaction"},
]}
metricsAnimation="slide-up"
/>
@@ -249,59 +160,23 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Eric S.",
handle: "@AutoFanEric",
testimonial: "I had an interior detail done on my truck. I believe the interior may be cleaner now than when we bought it new! They did such an amazing job!! I absolutely recommend Classy Cars Auto Detailing!!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",
imageAlt: "Eric S. profile picture",
},
id: "1", name: "Eric S.", handle: "@AutoFanEric", testimonial: "I had an interior detail done on my truck. I believe the interior may be cleaner now than when we bought it new! They did such an amazing job!! I absolutely recommend Classy Cars Auto Detailing!!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg", imageAlt: "Eric S. profile picture"},
{
id: "2",
name: "Sydney Schmeusser",
handle: "@SydneyS",
testimonial: "Ryan and his staff did an excellent job at detailing my 21’ Tahoe. It looks straight out of the showroom. Very pleased with my experience here at Classy Cars Auto Detailing. Will be a returning customer!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager-car-dealership-posing-with-folder_651396-1163.jpg",
imageAlt: "Sydney Schmeusser profile picture",
},
id: "2", name: "Sydney Schmeusser", handle: "@SydneyS", testimonial: "Ryan and his staff did an excellent job at detailing my 21’ Tahoe. It looks straight out of the showroom. Very pleased with my experience here at Classy Cars Auto Detailing. Will be a returning customer!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager-car-dealership-posing-with-folder_651396-1163.jpg", imageAlt: "Sydney Schmeusser profile picture"},
{
id: "3",
name: "Sarah Turner",
handle: "@SarahT",
testimonial: "Just got my car done and it looks better than it did when I bought it! Outside and inside perfectly clean and nice and shiny. I bought this car used and it had a smoke smell. He has an ozone treatment that got most of the smell out on his car.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-335.jpg",
imageAlt: "Sarah Turner profile picture",
},
id: "3", name: "Sarah Turner", handle: "@SarahT", testimonial: "Just got my car done and it looks better than it did when I bought it! Outside and inside perfectly clean and nice and shiny. I bought this car used and it had a smoke smell. He has an ozone treatment that got most of the smell out on his car.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-335.jpg", imageAlt: "Sarah Turner profile picture"},
{
id: "4",
name: "Christine Gentry",
handle: "@ChristineG",
testimonial: "I have now used this shop for two cars, a Ruby Red Ford and a White Camry. I was very pleased with both cars and will continue to use this shop for future detailing. The work is very professional and is consistently done very well.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1295.jpg",
imageAlt: "Christine Gentry profile picture",
},
id: "4", name: "Christine Gentry", handle: "@ChristineG", testimonial: "I have now used this shop for two cars, a Ruby Red Ford and a White Camry. I was very pleased with both cars and will continue to use this shop for future detailing. The work is very professional and is consistently done very well.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1295.jpg", imageAlt: "Christine Gentry profile picture"},
{
id: "5",
name: "John Lanter",
handle: "@JohnL",
testimonial: "This 2009 Toyota Venza needed lots of work, this place got it done! They went above and beyond!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-older-man-city_23-2148991045.jpg",
imageAlt: "John Lanter profile picture",
},
id: "5", name: "John Lanter", handle: "@JohnL", testimonial: "This 2009 Toyota Venza needed lots of work, this place got it done! They went above and beyond!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-older-man-city_23-2148991045.jpg", imageAlt: "John Lanter profile picture"},
{
id: "6",
name: "Elizabeth Bryant",
handle: "@ElizabethB",
testimonial: "The Classy Car Detail company did an amazing job on our 2004 Mercedes. I sincerely appreciate the extra time and work they put in removing the horrible smell in the car. Charges are very reasonable and excellent service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg",
imageAlt: "Elizabeth Bryant profile picture",
},
id: "6", name: "Elizabeth Bryant", handle: "@ElizabethB", testimonial: "The Classy Car Detail company did an amazing job on our 2004 Mercedes. I sincerely appreciate the extra time and work they put in removing the horrible smell in the car. Charges are very reasonable and excellent service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg", imageAlt: "Elizabeth Bryant profile picture"},
]}
showRating={true}
title="Hear From Our Happy Customers"
@@ -315,30 +190,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I book a detailing service?",
content: "You can easily book a service by filling out the 'Book Your Shine' form at the bottom of this page. Provide your contact details and preferred date/time, and we'll get in touch to confirm your appointment.",
},
id: "1", title: "How do I book a detailing service?", content: "You can easily book a service by filling out the 'Book Your Shine' form at the bottom of this page. Provide your contact details and preferred date/time, and we'll get in touch to confirm your appointment."},
{
id: "2",
title: "What payment methods do you accept?",
content: "For your convenience, Classy Cars Auto Detailing accepts all major credit and debit card payments.",
},
id: "2", title: "What payment methods do you accept?", content: "For your convenience, Classy Cars Auto Detailing accepts all major credit and debit card payments."},
{
id: "3",
title: "What are your operating hours?",
content: "We are open Monday to Friday, from 9 AM to 5 PM. We are closed on Saturdays and Sundays to ensure our team is rested and ready to provide top-tier service.",
},
id: "3", title: "What are your operating hours?", content: "We are open Monday to Friday, from 9 AM to 5 PM. We are closed on Saturdays and Sundays to ensure our team is rested and ready to provide top-tier service."},
{
id: "4",
title: "Can you remove stubborn odors from my car?",
content: "Yes, we offer specialized ozone treatments designed to effectively remove stubborn odors, like smoke, leaving your car's interior fresh and clean.",
},
id: "4", title: "Can you remove stubborn odors from my car?", content: "Yes, we offer specialized ozone treatments designed to effectively remove stubborn odors, like smoke, leaving your car's interior fresh and clean."},
{
id: "5",
title: "What is paint correction?",
content: "Paint correction involves the meticulous removal of swirl marks, light scratches, oxidation, and other imperfections from your vehicle's paintwork, restoring it to a flawless, mirror-like finish.",
},
id: "5", title: "What is paint correction?", content: "Paint correction involves the meticulous removal of swirl marks, light scratches, oxidation, and other imperfections from your vehicle's paintwork, restoring it to a flawless, mirror-like finish."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Have questions about our mobile detailing services, booking process, or what we can do for your vehicle? Find quick answers here."
@@ -351,8 +211,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
tag="Book Your Shine"
title="Ready for a Classy Car?"
description="Fill out the form below with your vehicle details and preferred date/time, and we'll get back to you to confirm your mobile detailing appointment. Let's make your car shine!"
@@ -369,16 +228,12 @@ export default function LandingPage() {
logoAlt="Classy Cars Auto Detailing Logo"
logoText="Classy Cars Auto Detailing"
leftLink={{
text: "220 Judiciary St, Aurora, IN 47001",
href: "https://www.google.com/maps/place/220+Judiciary+St,+Aurora,+IN+47001",
}}
text: "220 Judiciary St, Aurora, IN 47001", href: "https://www.google.com/maps/place/220+Judiciary+St,+Aurora,+IN+47001"}}
rightLink={{
text: "+1 (513) 250-6491",
href: "tel:+15132506491",
}}
text: "+1 (513) 250-6491", href: "tel:+15132506491"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-manrope), sans-serif;
font-family: var(--font-inter), sans-serif;
}