bender/8a7c430b-8aa4-4d4b-88a8-5f56a60d8d04
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #4

Merged
bender merged 6 commits from version_3 into main 2026-03-05 22:59:50 +00:00
Conversation 0 Commits 6 Files Changed 6 +58 -78
6 changed files with 58 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/about/page.tsx
View File

@@ -23,8 +23,8 @@ export default function AboutPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="glass-elevated"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
@@ -42,7 +42,7 @@ export default function AboutPage() {
description="We're passionate about delivering premium car detailing services to Olmsted Falls and surrounding communities. With years of experience and a commitment to excellence, we've earned the trust of local vehicle owners."
tag="Our Story"
tagIcon={Award}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-af0mom89.jpg?_wi=3"
imageSrc=""
imageAlt="Professional auto detailing in Olmsted Falls"
buttons={[
{ text: "Get Started", href: "#contact" },

24
src/app/contact/page.tsx
View File

@@ -23,8 +23,8 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="glass-elevated"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
@@ -44,7 +44,7 @@ export default function ContactPage() {
tagIcon={Sparkles}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-dhgmfrrm.jpg?_wi=3"
imageSrc=""
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
@@ -60,17 +60,23 @@ export default function ContactPage() {
tag="Help"
faqs={[
{
id: "1", title: "What's the best way to contact you?", content: "You can reach us by phone at (440) 915-9869, email at chosen_detailing1@gmail.com, or submit a contact form on our website. We respond to all inquiries within 24 hours."},
id: "1", title: "What's the best way to contact you?", content: "You can reach us by phone at (440) 915-9869, email at chosen_detailing1@gmail.com, or submit a contact form on our website. We respond to all inquiries within 24 hours."
},
{
id: "2", title: "Do you offer mobile detailing?", content: "Yes! We can come to your location in Olmsted Falls and surrounding areas. Contact us to discuss mobile detailing options."},
id: "2", title: "Do you offer mobile detailing?", content: "Yes! We can come to your location in Olmsted Falls and surrounding areas. Contact us to discuss mobile detailing options."
},
{
id: "3", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and digital payments. Payment arrangements can be discussed when you book your appointment."},
id: "3", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and digital payments. Payment arrangements can be discussed when you book your appointment."
},
{
id: "4", title: "Can I schedule same-day service?", content: "Same-day appointments may be available depending on our schedule. Call us at (440) 915-9869 to check availability."},
id: "4", title: "Can I schedule same-day service?", content: "Same-day appointments may be available depending on our schedule. Call us at (440) 915-9869 to check availability."
},
{
id: "5", title: "Do you have a cancellation policy?", content: "We ask for at least 24 hours notice for cancellations. Please call us to reschedule if you need to change your appointment."},
id: "5", title: "Do you have a cancellation policy?", content: "We ask for at least 24 hours notice for cancellations. Please call us to reschedule if you need to change your appointment."
},
{
id: "6", title: "Are there any warranties on your work?", content: "Yes! We stand behind our work with a satisfaction guarantee. If you're not happy with our service, let us know and we'll make it right."},
id: "6", title: "Are there any warranties on your work?", content: "Yes! We stand behind our work with a satisfaction guarantee. If you're not happy with our service, let us know and we'll make it right."
},
]}
textboxLayout="default"
useInvertedBackground={true}

9
src/app/layout.tsx
View File

@@ -16,11 +16,14 @@ const inter = Inter({
export const metadata: Metadata = {
title: "Premium Car Detailing in Olmsted Falls, Ohio | Chosen Auto Detailing", description: "Professional interior and exterior car detailing in Olmsted Falls. Expert service, quality guarantee, and fair pricing for all vehicles.", keywords: "car detailing Olmsted Falls, auto detailing Ohio, interior detailing, exterior car wash, professional detailing", metadataBase: new URL("https://chosenautodeTailing.com"),
alternates: {
canonical: "https://chosenautodeTailing.com"},
canonical: "https://chosenautodeTailing.com"
},
openGraph: {
title: "Premium Car Detailing in Olmsted Falls | Chosen Auto Detailing", description: "Professional interior and exterior car detailing services. Local expertise, quality results. Call (440) 915-9869 for a free quote.", siteName: "Chosen Auto Detailing", type: "website"},
title: "Premium Car Detailing in Olmsted Falls | Chosen Auto Detailing", description: "Professional interior and exterior car detailing services. Local expertise, quality results. Call (440) 915-9869 for a free quote.", siteName: "Chosen Auto Detailing", type: "website"
},
twitter: {
card: "summary_large_image", title: "Car Detailing Olmsted Falls | Chosen Auto Detailing", description: "Premium auto detailing services. Professional results you can trust."},
card: "summary_large_image", title: "Car Detailing Olmsted Falls | Chosen Auto Detailing", description: "Premium auto detailing services. Professional results you can trust."
},
robots: {
index: true,
follow: true,

17
src/app/page.tsx
View File

@@ -25,8 +25,8 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="glass-elevated"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
@@ -48,11 +48,14 @@ export default function HomePage() {
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-lj5vbxa9.jpg", imageAlt: "Pristine car after professional detailing"},
imageSrc: "", imageAlt: "Pristine car after professional detailing"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-dhgmfrrm.jpg?_wi=1", imageAlt: "Gleaming vehicle with premium shine"},
imageSrc: "", imageAlt: "Gleaming vehicle with premium shine"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-af0mom89.jpg?_wi=1", imageAlt: "Professional detailing showcase"},
imageSrc: "", imageAlt: "Professional detailing showcase"
},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -114,7 +117,7 @@ export default function HomePage() {
description="Your local car detailing experts serving Olmsted Falls, Ohio and surrounding communities with professional, convenient service."
tag="Local Service"
tagIcon={MapPin}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-af0mom89.jpg?_wi=2"
imageSrc=""
imageAlt="Professional auto detailing in Olmsted Falls"
buttons={[
{ text: "Call Now", href: "tel:(440) 915-9869" },
@@ -131,7 +134,7 @@ export default function HomePage() {
tagIcon={Sparkles}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-dhgmfrrm.jpg?_wi=2"
imageSrc=""
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"

37
src/app/services-pricing/page.tsx
View File

@@ -22,8 +22,8 @@ export default function ServicesPricingPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="glass-elevated"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
@@ -47,7 +47,8 @@ export default function ServicesPricingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"Pre-rinse & foam bath", "Hand wash", "Wheel & tire cleaning", "Window cleaning", "Towel dry"],
"Pre-rinse & foam bath", "Hand wash", "Wheel & tire cleaning", "Window cleaning", "Towel dry"
],
},
{
id: "basic-interior", badge: "Basic Interior", price: "$80", subtitle: "Fresh and clean cabin", buttons: [
@@ -55,7 +56,8 @@ export default function ServicesPricingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"Full interior vacuum", "Full wipe down", "Carpet cleaning", "Light stain removal", "Trash removal"],
"Full interior vacuum", "Full wipe down", "Carpet cleaning", "Light stain removal", "Trash removal"
],
},
{
id: "basic-package", badge: "Basic Package", price: "$150", subtitle: "Complete entry-level detailing", buttons: [
@@ -63,7 +65,8 @@ export default function ServicesPricingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"Full exterior wash", "Full interior clean", "Wheels & tires", "Windows cleaned", "Trash removal"],
"Full exterior wash", "Full interior clean", "Wheels & tires", "Windows cleaned", "Trash removal"
],
},
{
id: "standard-package", badge: "Standard Package", price: "$175", subtitle: "Enhanced detailing service", buttons: [
@@ -71,7 +74,8 @@ export default function ServicesPricingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"Everything in Basic", "Spray protectant", "Deep interior clean", "Deep wheel clean", "Premium finish"],
"Everything in Basic", "Spray protectant", "Deep interior clean", "Deep wheel clean", "Premium finish"
],
},
{
id: "premium-package", badge: "Premium Package", price: "$200", subtitle: "Ultimate professional detailing", buttons: [
@@ -79,7 +83,8 @@ export default function ServicesPricingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"Everything in Standard", "Pet hair removal", "Carpet shampoo", "Odor elimination", "Elite finish"],
"Everything in Standard", "Pet hair removal", "Carpet shampoo", "Odor elimination", "Elite finish"
],
},
]}
animationType="slide-up"
@@ -98,17 +103,23 @@ export default function ServicesPricingPage() {
tag="Help"
faqs={[
{
id: "1", title: "How long does a detail take?", content: "Basic exterior or interior details typically take 1-2 hours. Full package details usually take 2-3 hours depending on vehicle size and condition."},
id: "1", title: "How long does a detail take?", content: "Basic exterior or interior details typically take 1-2 hours. Full package details usually take 2-3 hours depending on vehicle size and condition."
},
{
id: "2", title: "Do you work on SUVs and trucks?", content: "Yes! We detail all vehicle types including SUVs, trucks, vans, and cars. Larger vehicles may have a small upcharge."},
id: "2", title: "Do you work on SUVs and trucks?", content: "Yes! We detail all vehicle types including SUVs, trucks, vans, and cars. Larger vehicles may have a small upcharge."
},
{
id: "3", title: "Do prices vary based on condition?", content: "Our listed prices are for standard condition vehicles. Severely soiled or neglected vehicles may require an additional assessment. Call us for details."},
id: "3", title: "Do prices vary based on condition?", content: "Our listed prices are for standard condition vehicles. Severely soiled or neglected vehicles may require an additional assessment. Call us for details."
},
{
id: "4", title: "Do you remove pet hair and stains?", content: "Yes! Our Premium Package includes pet hair removal and carpet shampooing. Excessive stains may incur an additional charge—call for a quote."},
id: "4", title: "Do you remove pet hair and stains?", content: "Yes! Our Premium Package includes pet hair removal and carpet shampooing. Excessive stains may incur an additional charge—call for a quote."
},
{
id: "5", title: "How do I book an appointment?", content: "Call us at (440) 915-9869 or submit a quote request through our website. We'll confirm your appointment and discuss any special requests."},
id: "5", title: "How do I book an appointment?", content: "Call us at (440) 915-9869 or submit a quote request through our website. We'll confirm your appointment and discuss any special requests."
},
{
id: "6", title: "What areas do you serve?", content: "We primarily serve Olmsted Falls, Ohio and nearby communities. Call to confirm if your location is within our service area."},
id: "6", title: "What areas do you serve?", content: "We primarily serve Olmsted Falls, Ohio and nearby communities. Call to confirm if your location is within our service area."
},
]}
textboxLayout="default"
useInvertedBackground={false}

43
src/app/styles/variables.css
View File

@@ -2,14 +2,6 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--secondary-cta: #ecebea;
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1a1a1a;
@@ -20,22 +12,6 @@
--accent: #2c2c2c;
--background-accent: #e8e8e8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--text-xs: clamp(0.54rem, 0.72vw, 0.72rem);
--text-sm: clamp(0.615rem, 0.82vw, 0.82rem);
--text-base: clamp(0.69rem, 0.92vw, 0.92rem);
--text-lg: clamp(0.75rem, 1vw, 1rem);
--text-xl: clamp(0.825rem, 1.1vw, 1.1rem);
--text-2xl: clamp(0.975rem, 1.3vw, 1.3rem);
--text-3xl: clamp(1.2rem, 1.6vw, 1.6rem);
--text-4xl: clamp(1.5rem, 2vw, 2rem);
--text-5xl: clamp(2.025rem, 2.75vw, 2.75rem);
--text-6xl: clamp(2.475rem, 3.3vw, 3.3rem);
--text-7xl: clamp(3rem, 4vw, 4rem);
--text-8xl: clamp(3.5rem, 4.5vw, 4.5rem);
--text-9xl: clamp(5.25rem, 7vw, 7rem); */
/* Base spacing units */
--vw-0_25: calc(var(--vw) * 0.25);
--vw-0_5: calc(var(--vw) * 0.5);
@@ -130,24 +106,6 @@
@media (max-width: 767px) {
:root {
/* --vw and text sizing are set by ThemeProvider */
/* --vw: 3vw;
--text-2xs: 2.5vw;
--text-xs: 2.75vw;
--text-sm: 3vw;
--text-base: 3.25vw;
--text-lg: 3.5vw;
--text-xl: 4.25vw;
--text-2xl: 5vw;
--text-3xl: 6vw;
--text-4xl: 7vw;
--text-5xl: 7.5vw;
--text-6xl: 8.5vw;
--text-7xl: 10vw;
--text-8xl: 12vw;
--text-9xl: 14vw; */
--width-5: 5vw;
--width-7_5: 7.5vw;
--width-10: 10vw;
@@ -187,7 +145,6 @@
--width-95: 95vw;
--width-97_5: 97.5vw;
--width-100: 100vw;
/* --width-content-width and --width-content-width-expanded are set by ThemeProvider */
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));