Merge version_2 into main #2
@@ -18,16 +18,16 @@ export default function AboutPage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
@@ -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="http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-af0mom89.jpg"
|
||||
imageAlt="Professional auto detailing in Olmsted Falls"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
@@ -59,22 +59,13 @@ export default function AboutPage() {
|
||||
tagIcon={Target}
|
||||
features={[
|
||||
{
|
||||
title: "Quality First",
|
||||
description: "Meticulous attention to every detail ensures your vehicle receives the best care possible",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
title: "Quality First", description: "Meticulous attention to every detail ensures your vehicle receives the best care possible", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Local Pride",
|
||||
description: "We're proud to serve our community with professionalism and dedication",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
title: "Local Pride", description: "We're proud to serve our community with professionalism and dedication", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Customer Focus",
|
||||
description: "Your satisfaction is our ultimate goal, and we go above and beyond to deliver results",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Target,
|
||||
title: "Customer Focus", description: "Your satisfaction is our ultimate goal, and we go above and beyond to deliver results", bentoComponent: "reveal-icon", icon: Target,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -92,4 +83,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,16 +18,16 @@ export default function ContactPage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
@@ -44,7 +44,7 @@ export default function ContactPage() {
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=5"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-dhgmfrrm.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
@@ -60,35 +60,17 @@ 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}
|
||||
@@ -106,4 +88,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,46 +1,26 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Open_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
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"),
|
||||
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,
|
||||
@@ -56,7 +36,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
|
||||
className={`${dmSans.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
@@ -1431,4 +1411,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
114
src/app/page.tsx
114
src/app/page.tsx
@@ -5,7 +5,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
@@ -21,16 +20,16 @@ export default function HomePage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
@@ -49,13 +48,11 @@ export default function HomePage() {
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1",
|
||||
imageAlt: "Pristine car after professional detailing",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-lj5vbxa9.jpg", imageAlt: "Pristine car after professional detailing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg",
|
||||
imageAlt: "Gleaming vehicle with premium shine",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-dhgmfrrm.jpg", imageAlt: "Gleaming vehicle with premium shine"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-af0mom89.jpg", imageAlt: "Professional detailing showcase"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
@@ -71,28 +68,16 @@ export default function HomePage() {
|
||||
tagIcon={Award}
|
||||
features={[
|
||||
{
|
||||
title: "Local Business",
|
||||
description: "Serving Olmsted Falls and nearby areas with 100% local commitment",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MapPin,
|
||||
title: "Local Business", description: "Serving Olmsted Falls and nearby areas with 100% local commitment", bentoComponent: "reveal-icon", icon: MapPin,
|
||||
},
|
||||
{
|
||||
title: "Professional Excellence",
|
||||
description: "Meticulous attention to detail on every vehicle",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
title: "Professional Excellence", description: "Meticulous attention to detail on every vehicle", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Interior & Exterior",
|
||||
description: "Complete packages that cover everything from wheels to cabin",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "Interior & Exterior", description: "Complete packages that cover everything from wheels to cabin", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Quality Guarantee",
|
||||
description: "We take pride in pristine, lasting results",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
title: "Quality Guarantee", description: "We take pride in pristine, lasting results", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -101,56 +86,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Customers Say"
|
||||
description="Real feedback from satisfied car owners in Olmsted Falls"
|
||||
tag="Reviews"
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael Torres",
|
||||
handle: "@mtorres_oh",
|
||||
testimonial: "Exceptional work! My car has never looked better. The attention to detail is incredible, and they really care about their craft.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Michael Torres",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahchendrive",
|
||||
testimonial: "Professional, reliable, and affordable. They made my car look brand new. Highly recommend to anyone in the area!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Rodriguez",
|
||||
handle: "@jrodriguez_auto",
|
||||
testimonial: "Best local detailing service I've found. They really know what they're doing and take pride in every job.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
imageAlt: "James Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jennifer Adams",
|
||||
handle: "@jen_drives",
|
||||
testimonial: "Amazing attention to detail, quick turnaround, and fair pricing. This is my go-to detail shop for sure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "Jennifer Adams",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureBento
|
||||
title="Simple 3-Step Process"
|
||||
@@ -158,22 +93,13 @@ export default function HomePage() {
|
||||
tag="How It Works"
|
||||
features={[
|
||||
{
|
||||
title: "Get a Quote",
|
||||
description: "Call or submit a quick form with your vehicle details",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Phone,
|
||||
title: "Get a Quote", description: "Call or submit a quick form with your vehicle details", bentoComponent: "reveal-icon", icon: Phone,
|
||||
},
|
||||
{
|
||||
title: "Schedule Your Detail",
|
||||
description: "Pick a time that works for you in Olmsted Falls",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
title: "Schedule Your Detail", description: "Pick a time that works for you in Olmsted Falls", bentoComponent: "reveal-icon", icon: Calendar,
|
||||
},
|
||||
{
|
||||
title: "Enjoy a Clean Vehicle",
|
||||
description: "Drive away with a pristine, professionally detailed car",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
title: "Enjoy a Clean Vehicle", description: "Drive away with a pristine, professionally detailed car", bentoComponent: "reveal-icon", icon: Smile,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -188,7 +114,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="http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-af0mom89.jpg"
|
||||
imageAlt="Professional auto detailing in Olmsted Falls"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:(440) 915-9869" },
|
||||
@@ -205,7 +131,7 @@ export default function HomePage() {
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX2bdjOikXopmxAsiONs0Ag5yw/uploaded-1772751313276-dhgmfrrm.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
@@ -223,4 +149,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
|
||||
@@ -17,16 +17,16 @@ export default function ServicesPricingPage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
@@ -36,90 +36,50 @@ export default function ServicesPricingPage() {
|
||||
</div>
|
||||
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
<PricingCardNine
|
||||
<PricingCardTwo
|
||||
title="Our Detailing Packages"
|
||||
description="Flexible service options designed for every vehicle and need"
|
||||
tag="Services"
|
||||
plans={[
|
||||
{
|
||||
id: "basic-exterior",
|
||||
title: "Basic Exterior",
|
||||
price: "$80",
|
||||
period: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg?_wi=1",
|
||||
imageAlt: "Professional exterior car wash",
|
||||
button: { text: "Book Service", href: "#contact" },
|
||||
features: [
|
||||
"Pre-rinse & foam bath",
|
||||
"Hand wash",
|
||||
"Wheel & tire cleaning",
|
||||
"Window cleaning",
|
||||
"Towel dry",
|
||||
id: "basic-exterior", badge: "Basic Exterior", price: "$80", subtitle: "Perfect for quick exterior shine", buttons: [
|
||||
{ text: "Book Service", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Pre-rinse & foam bath", "Hand wash", "Wheel & tire cleaning", "Window cleaning", "Towel dry"],
|
||||
},
|
||||
{
|
||||
id: "basic-interior",
|
||||
title: "Basic Interior",
|
||||
price: "$80",
|
||||
period: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=3",
|
||||
imageAlt: "Clean car interior detail",
|
||||
button: { text: "Book Service", href: "#contact" },
|
||||
features: [
|
||||
"Full interior vacuum",
|
||||
"Full wipe down",
|
||||
"Carpet cleaning",
|
||||
"Light stain removal",
|
||||
"Trash removal",
|
||||
id: "basic-interior", badge: "Basic Interior", price: "$80", subtitle: "Fresh and clean cabin", buttons: [
|
||||
{ text: "Book Service", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Full interior vacuum", "Full wipe down", "Carpet cleaning", "Light stain removal", "Trash removal"],
|
||||
},
|
||||
{
|
||||
id: "basic-package",
|
||||
title: "Basic Package",
|
||||
price: "$150",
|
||||
period: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg?_wi=2",
|
||||
imageAlt: "Complete basic detailing package",
|
||||
button: { text: "Book Service", href: "#contact" },
|
||||
features: [
|
||||
"Full exterior wash",
|
||||
"Full interior clean",
|
||||
"Wheels & tires",
|
||||
"Windows cleaned",
|
||||
"Trash removal",
|
||||
id: "basic-package", badge: "Basic Package", price: "$150", subtitle: "Complete entry-level detailing", buttons: [
|
||||
{ text: "Book Service", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Full exterior wash", "Full interior clean", "Wheels & tires", "Windows cleaned", "Trash removal"],
|
||||
},
|
||||
{
|
||||
id: "standard-package",
|
||||
title: "Standard Package",
|
||||
price: "$175",
|
||||
period: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=4",
|
||||
imageAlt: "Standard premium detailing",
|
||||
button: { text: "Book Service", href: "#contact" },
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Spray protectant",
|
||||
"Deep interior clean",
|
||||
"Deep wheel clean",
|
||||
"Premium finish",
|
||||
id: "standard-package", badge: "Standard Package", price: "$175", subtitle: "Enhanced detailing service", buttons: [
|
||||
{ text: "Book Service", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Basic", "Spray protectant", "Deep interior clean", "Deep wheel clean", "Premium finish"],
|
||||
},
|
||||
{
|
||||
id: "premium-package",
|
||||
title: "Premium Package",
|
||||
price: "$200",
|
||||
period: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
|
||||
imageAlt: "Premium luxury car detailing",
|
||||
button: { text: "Book Service", href: "#contact" },
|
||||
features: [
|
||||
"Everything in Standard",
|
||||
"Pet hair removal",
|
||||
"Carpet shampoo",
|
||||
"Odor elimination",
|
||||
"Elite finish",
|
||||
id: "premium-package", badge: "Premium Package", price: "$200", subtitle: "Ultimate professional detailing", buttons: [
|
||||
{ text: "Book Service", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Standard", "Pet hair removal", "Carpet shampoo", "Odor elimination", "Elite finish"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -138,35 +98,17 @@ 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}
|
||||
@@ -184,4 +126,4 @@ export default function ServicesPricingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-open-sans), sans-serif;
|
||||
font-family: undefined;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: undefined;
|
||||
}
|
||||
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120006e6;
|
||||
--primary-cta: #e63946;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2c2c2c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #120006e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #e2e2e2;
|
||||
--accent: #2c2c2c;
|
||||
--background-accent: #e8e8e8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user