bender/f67ec037-49fa-42d1-b1d5-730f705b2a2f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 6 commits from version_2 into main 2026-03-10 19:50:19 +00:00
Conversation 0 Commits 6 Files Changed 6 +567 -46
6 changed files with 567 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,77 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Complete Detail"
navItems={[
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="OUR STORY"
description="Complete Detail & Car Wash was founded on a simple passion: the love of cars and the commitment to excellence in every detail."
background={{ variant: "animated-grid" }}
buttons={[
{ text: "Learn More", href: "#our-story" },
{ text: "Book Service", href: "#contact" }
]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/mixing-black-white-liquid-with-foam-blobs_23-2147934171.jpg"
imageAlt="Complete Detail team passion for cars"
frameStyle="browser"
mediaAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
<div id="our-story" data-section="our-story">
<TextSplitAbout
title="Complete Detail & Car Wash: Our Journey"
description={[
"Complete Detail & Car Wash was born from a genuine passion for automobiles. We believe that every vehicle tells a story, and that story deserves to be protected and celebrated. Our founders came together with a shared vision: to bring professional-grade detailing services to San Marcos with uncompromising quality and integrity.", "Our pride in craftsmanship is evident in every project we undertake. We don't just wash cars—we restore them. Every stroke, every polish, every protective coating application is executed with meticulous attention to detail and genuine care. We treat each vehicle as if it were our own, because we understand that your car is more than transportation; it's an investment and a reflection of who you are.", "At the heart of everything we do is a commitment to customer satisfaction. We listen to your needs, we respect your time, we deliver exceptional results, and we build lasting relationships with our clients. From the first consultation to the final shine, our team is dedicated to exceeding your expectations and proving why Complete Detail & Car Wash is San Marcos' trusted choice for professional automotive care."
]}
buttons={[
{ text: "Schedule Service", href: "#contact" }
]}
useInvertedBackground={false}
showBorder={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Complete Detail"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ThemeProvider>
);
}

67
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,67 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Complete Detail"
navItems={[
{ name: "Services", id: "services" },
{ name: "Why Us", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Contact Complete Detail"
description="Get in touch with our professional detailing team in San Marcos, TX. We're ready to answer your questions and schedule your vehicle's transformation."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "(512) 557-7649", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "vehicle", type: "text", placeholder: "Vehicle Make & Model", required: true }
]}
textarea={{
name: "message", placeholder: "Tell us about your detailing needs and preferred appointment time...", rows: 5,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg"
imageAlt="Professional detailing equipment and products"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Complete Detail"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Home", href: "/" }}
/>
</div>
</ThemeProvider>
);
}

91
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,91 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Complete Detail"
navItems={[
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="BEFORE & AFTER GALLERY"
description="See the transformation. Professional detailing results that speak for themselves. From deep stain removal to complete restoration, witness the Complete Detail difference."
background={{ variant: "animated-grid" }}
buttons={[
{ text: "Book Appointment", href: "#contact" },
{ text: "View Services", href: "/" }
]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/mixing-black-white-liquid-with-foam-blobs_23-2147934171.jpg"
imageAlt="Before and after car detailing transformation"
frameStyle="browser"
mediaAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyFour
title="Professional Detailing Transformations"
description="Comprehensive before and after gallery showcasing our expert detailing work"
features={[
{
id: "interior-cleaning-1", title: "Interior Deep Clean", author: "Complete Transformation", description: "Heavily soiled interior completely restored. Professional vacuuming, carpet shampooing, upholstery treatment, and dashboard detailing reveal a like-new interior.", tags: ["Interior Care", "Deep Clean", "Before & After"],
imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg", imageAlt: "Interior deep cleaning before and after"
},
{
id: "paint-restoration-1", title: "Paint Restoration & Protection", author: "Professional Polish & Coating", description: "Dull, oxidized paint transformed through professional polish and ceramic coating application. Paint now exhibits brilliant shine, depth, and UV protection.", tags: ["Paint Correction", "Ceramic Coating", "Premium Results"],
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-mixed-paint_23-2147798179.jpg", imageAlt: "Paint restoration and ceramic coating before and after"
},
{
id: "stain-removal-1", title: "Deep Stain & Spot Removal", author: "Expert Stain Treatment", description: "Stubborn stains, tree sap, and tar removed using professional-grade techniques. Exterior surfaces restored to pristine condition without paint damage.", tags: ["Stain Removal", "Exterior Detail", "Expert Care"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-gloves_23-2149714334.jpg", imageAlt: "Deep stain removal before and after"
},
{
id: "full-detail-1", title: "Full Detail Service Results", author: "Complete Vehicle Restoration", description: "Full-service detailing including exterior wash, interior deep clean, paint correction, and protective coating. Every surface meticulously restored to showroom condition.", tags: ["Full Detail", "Complete Service", "Premium Finish"],
imageSrc: "http://img.b2bpic.net/free-photo/mixing-black-white-liquid-with-foam-blobs_23-2147934171.jpg", imageAlt: "Complete full detail service before and after"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Complete Detail"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ThemeProvider>
);
}

124
src/app/page.tsx
View File

@@ -10,8 +10,17 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { MapPin, Phone, Clock, MapPinIcon } from "lucide-react";
export default function LandingPage() {
const handleCallClick = () => {
window.location.href = "tel:+15551234567";
};
const handleMapClick = () => {
window.open("https://maps.google.com/?q=Complete+Detail+Car+Wash+San+Marcos+TX", "_blank");
};
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
@@ -41,7 +50,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="COMPLETE DETAIL"
description="Professional auto detailing and car wash services in San Marcos, TX. We restore and protect your vehicle with industry-approved products, professional equipment, and proven techniques."
description="Professional auto detailing and car wash services in San Marcos, TX. Specializing in car detailing San Marcos, interior car detailing San Marcos, and full-service auto detailing San Marcos Texas. We restore and protect your vehicle with industry-approved products, professional equipment, and proven techniques for the San Marcos community."
background={{ variant: "animated-grid" }}
buttons={[
{ text: "Book Appointment", href: "#contact" },
@@ -58,20 +67,20 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardTwentyFour
title="Full-Service Detailing Solutions"
description="Comprehensive vehicle care using professional-grade products and equipment"
title="Full-Service Detailing Solutions in San Marcos"
description="Comprehensive vehicle care using professional-grade products and equipment. Serving San Marcos with industry-leading auto detailing and car wash services."
features={[
{
id: "exterior-detail", title: "Exterior Detailing", author: "Professional Grade", description: "Paint correction, ceramic coating, wax application, and full exterior restoration using industry-approved techniques and premium products.", tags: ["Paint Protection", "Premium", "Ceramic Coating"],
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-mixed-paint_23-2147798179.jpg", imageAlt: "Professional exterior car detailing service"
id: "exterior-detail", title: "Exterior Detailing", author: "Professional Grade", description: "Paint correction, ceramic coating, wax application, and full exterior restoration using industry-approved techniques and premium products. Expert exterior car detailing San Marcos TX service.", tags: ["Paint Protection", "Premium", "Ceramic Coating"],
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-mixed-paint_23-2147798179.jpg", imageAlt: "Professional exterior car detailing service in San Marcos"
},
{
id: "interior-detail", title: "Interior Detailing", author: "Deep Clean", description: "Complete interior restoration including vacuuming, carpet cleaning, upholstery treatment, leather conditioning, and dashboard detailing.", tags: ["Interior Care", "Deep Clean", "Leather Conditioning"],
imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg", imageAlt: "Professional interior car detailing and cleaning"
id: "interior-detail", title: "Interior Detailing", author: "Deep Clean", description: "Complete interior restoration including vacuuming, carpet cleaning, upholstery treatment, leather conditioning, and dashboard detailing. Interior car detailing San Marcos specialists.", tags: ["Interior Care", "Deep Clean", "Leather Conditioning"],
imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg", imageAlt: "Professional interior car detailing and cleaning in San Marcos"
},
{
id: "wheels-tires", title: "Wheels & Tires", author: "Specialty Service", description: "Professional wheel cleaning, brake dust removal, tire shine application, and tire dressing to restore that showroom appearance.", tags: ["Wheel Care", "Tire Shine", "Protection"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-gloves_23-2149714334.jpg", imageAlt: "Professional wheel and tire detailing"
id: "wheels-tires", title: "Wheels & Tires", author: "Specialty Service", description: "Professional wheel cleaning, brake dust removal, tire shine application, and tire dressing to restore that showroom appearance. San Marcos car wash specialists.", tags: ["Wheel Care", "Tire Shine", "Protection"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-gloves_23-2149714334.jpg", imageAlt: "Professional wheel and tire detailing in San Marcos"
}
]}
animationType="slide-up"
@@ -82,12 +91,13 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextSplitAbout
title="Why Choose Complete Detail?"
title="Why Choose Complete Detail in San Marcos, Texas?"
description={[
"We are San Marcos' trusted leader in professional automotive detailing and car wash services. Our team is dedicated to restoring and protecting your vehicle with the highest standards of care.", "We use only industry-approved products, professional-grade equipment, and proven detailing techniques. Every vehicle receives personalized attention and expert craftsmanship.", "With years of experience and a commitment to customer satisfaction, we've built our reputation on delivering exceptional results and building lasting relationships with our community."
"We are San Marcos' trusted leader in professional automotive detailing and car wash services. Serving the San Marcos, TX community with full-service auto detailing, our team is dedicated to restoring and protecting your vehicle with the highest standards of care.", "We use only industry-approved products, professional-grade equipment, and proven detailing techniques. Every vehicle receives personalized attention and expert craftsmanship. Located conveniently in San Marcos for easy access to quality car detailing services.", "With years of experience and a commitment to customer satisfaction, we've built our reputation on delivering exceptional results and building lasting relationships with our San Marcos community. Whether you need interior car detailing San Marcos or full-service detail San Marcos TX, we're your trusted choice."
]}
buttons={[
{ text: "Schedule Service", href: "#contact" }
{ text: "Schedule Service", href: "#contact" },
{ text: "Call Now", onClick: handleCallClick }
]}
useInvertedBackground={false}
showBorder={true}
@@ -96,23 +106,23 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Service Pricing"
description="Transparent pricing for all your vehicle detailing needs"
title="Car Detailing & Wash Pricing in San Marcos, TX"
description="Transparent pricing for all your vehicle detailing needs. Professional auto detailing services available for San Marcos residents."
plans={[
{
id: "basic-wash", tag: "Basic Car Wash", price: "$25", period: "/vehicle", description: "Professional exterior wash with high-pressure rinse and hand dry.", button: { text: "Book Now", href: "#contact" },
id: "basic-wash", tag: "Basic Car Wash", price: "$25", period: "/vehicle", description: "Professional exterior wash with high-pressure rinse and hand dry. Quick car wash San Marcos service.", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes:", features: ["Exterior hand wash", "High-pressure rinse", "Hand dry service", "Tire cleaning"]
},
{
id: "express-detail", tag: "Express Detail", price: "$79", period: "/vehicle", description: "Quick detailing service including exterior wash, interior vacuum, and wax application.", button: { text: "Book Now", href: "#contact" },
id: "express-detail", tag: "Express Detail", price: "$79", period: "/vehicle", description: "Quick detailing service including exterior wash, interior vacuum, and wax application. Express auto detailing San Marcos.", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes:", features: ["Exterior detail wash", "Interior vacuum", "Dashboard wipe", "Wax application", "Tire shine"]
},
{
id: "premium-detail", tag: "Premium Detail", price: "$149", period: "/vehicle", description: "Comprehensive full-service detailing with paint correction, ceramic coating, and interior deep clean.", button: { text: "Book Now", href: "#contact" },
id: "premium-detail", tag: "Premium Detail", price: "$149", period: "/vehicle", description: "Comprehensive full-service detailing with paint correction, ceramic coating, and interior deep clean. Full service detail San Marcos TX.", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes:", features: ["Complete exterior detail", "Paint correction", "Ceramic coating", "Interior deep clean", "Leather conditioning", "Wheel restoration"]
},
{
id: "ceramic-coating", tag: "Ceramic Coating", price: "$299", period: "/vehicle", description: "Premium paint protection with long-term durability and hydrophobic properties.", button: { text: "Book Now", href: "#contact" },
id: "ceramic-coating", tag: "Ceramic Coating", price: "$299", period: "/vehicle", description: "Premium paint protection with long-term durability and hydrophobic properties. Professional ceramic coating San Marcos.", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes:", features: ["Paint prep and polish", "Professional ceramic coating", "Paint protection warranty", "12-month durability", "Water beading guarantee"]
}
]}
@@ -124,26 +134,26 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Customers Say"
description="Real feedback from satisfied vehicle owners in San Marcos"
title="What Our San Marcos Customers Say"
description="Real feedback from satisfied vehicle owners in San Marcos, TX who have experienced our professional detailing and car wash services."
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarahj_sanmarcos", testimonial: "Complete Detail transformed my truck! The ceramic coating has kept it looking showroom fresh for months. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", imageAlt: "Sarah Johnson testimonial"
id: "1", name: "Sarah Johnson", handle: "@sarahj_sanmarcos", testimonial: "Complete Detail transformed my truck! The ceramic coating has kept it looking showroom fresh for months. Best car detailing in San Marcos!", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", imageAlt: "Sarah Johnson testimonial - San Marcos car detailing"
},
{
id: "2", name: "Michael Chen", handle: "@mchen_automotive", testimonial: "Best detailing service in San Marcos. Professional team, attention to detail, and fair pricing. My car has never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Michael Chen testimonial"
id: "2", name: "Michael Chen", handle: "@mchen_automotive", testimonial: "Best auto detailing service in San Marcos. Professional team, attention to detail, and fair pricing. My car has never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Michael Chen testimonial - San Marcos auto detailing"
},
{
id: "3", name: "Emily Rodriguez", handle: "@emily_detail_lover", testimonial: "The interior detailing service is incredible. My car's leather seats look brand new. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", imageAlt: "Emily Rodriguez testimonial"
id: "3", name: "Emily Rodriguez", handle: "@emily_detail_lover", testimonial: "The interior detailing service is incredible. My car's leather seats look brand new. Worth every penny! Highly recommend for San Marcos residents.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", imageAlt: "Emily Rodriguez testimonial - San Marcos interior detailing"
},
{
id: "4", name: "David Kim", handle: "@david_km_sm", testimonial: "Outstanding customer service and professional work. They really care about their customers and it shows in their results.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "David Kim testimonial"
id: "4", name: "David Kim", handle: "@david_km_sm", testimonial: "Outstanding customer service and professional work. They really care about their customers and it shows in their results. Top car wash San Marcos!", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "David Kim testimonial - San Marcos car wash"
},
{
id: "5", name: "Jessica Martinez", handle: "@jessica_automotive", testimonial: "I've tried other detailers, but Complete Detail is consistently the best. They handle my car like it's their own.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", imageAlt: "Jessica Martinez testimonial"
id: "5", name: "Jessica Martinez", handle: "@jessica_automotive", testimonial: "I've tried other detailers, but Complete Detail is consistently the best. They handle my car like it's their own. Best in San Marcos, TX!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", imageAlt: "Jessica Martinez testimonial - Complete Detail San Marcos"
},
{
id: "6", name: "James Wilson", handle: "@james_detailing", testimonial: "The team knows their craft. Professional, friendly, and they deliver results. My car looks pristine every time.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-giving-card-waiter-cafe_1262-1968.jpg", imageAlt: "James Wilson testimonial"
id: "6", name: "James Wilson", handle: "@james_detailing", testimonial: "The team knows their craft. Professional, friendly, and they deliver results. My car looks pristine every time. Recommended for all San Marcos vehicle owners!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-giving-card-waiter-cafe_1262-1968.jpg", imageAlt: "James Wilson testimonial - San Marcos auto detailing expert"
}
]}
animationType="slide-up"
@@ -155,26 +165,32 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Find answers to common questions about our detailing services"
title="Frequently Asked Questions About Car Detailing in San Marcos"
description="Find answers to common questions about our professional detailing and car wash services in San Marcos, TX."
faqs={[
{
id: "1", title: "How long does a typical detailing service take?", content: "Basic car wash typically takes 30-45 minutes. Express detail takes 1-2 hours, and premium full detail services take 3-4 hours depending on the vehicle's condition and size."
id: "1", title: "How long does a typical detailing service take in San Marcos?", content: "Basic car wash typically takes 30-45 minutes. Express detail takes 1-2 hours, and premium full detail services take 3-4 hours depending on the vehicle's condition and size. Our San Marcos location accommodates quick service times."
},
{
id: "2", title: "What is ceramic coating and how long does it last?", content: "Ceramic coating is a professional paint protection that bonds to your vehicle's clear coat. It provides superior protection against UV damage, contaminants, and water spots. Our ceramic coating typically lasts 12+ months with proper maintenance."
id: "2", title: "What is ceramic coating and how long does it last?", content: "Ceramic coating is a professional paint protection that bonds to your vehicle's clear coat. It provides superior protection against UV damage, contaminants, and water spots. Our ceramic coating in San Marcos typically lasts 12+ months with proper maintenance."
},
{
id: "3", title: "Do you offer mobile detailing services?", content: "Currently, all services are provided at our San Marcos location. However, we are happy to discuss your needs. Please contact us to inquire about special arrangements."
id: "3", title: "Do you offer mobile detailing services in San Marcos?", content: "Currently, all services are provided at our San Marcos, TX location. However, we are happy to discuss your needs for auto detailing in San Marcos. Please contact us to inquire about special arrangements."
},
{
id: "4", title: "What products do you use?", content: "We exclusively use industry-approved, professional-grade products that are safe for all vehicle types. All our products are environmentally conscious and deliver superior results."
id: "4", title: "What products do you use for auto detailing?", content: "We exclusively use industry-approved, professional-grade products that are safe for all vehicle types and approved for use in San Marcos. All our products are environmentally conscious and deliver superior results."
},
{
id: "5", title: "How often should I detail my vehicle?", content: "We recommend a basic wash every 2-4 weeks and a full detail every 3-6 months. If you have ceramic coating, less frequent detailing is needed. We can customize a maintenance plan for your vehicle."
id: "5", title: "How often should I detail my vehicle?", content: "We recommend a basic wash every 2-4 weeks and a full detail every 3-6 months for San Marcos drivers. If you have ceramic coating, less frequent detailing is needed. We can customize a maintenance plan for your vehicle."
},
{
id: "6", title: "What areas of San Marcos do you serve?", content: "We serve the entire San Marcos area and surrounding regions. Our location is conveniently situated for easy access. Call us for directions and parking information."
id: "6", title: "What areas of San Marcos do you serve?", content: "We serve the entire San Marcos area and surrounding regions in Texas. Our location is conveniently situated for easy access for car wash and detailing services. Call us for directions, hours, and parking information."
},
{
id: "7", title: "How do I book a car detailing appointment?", content: "You can book your appointment by filling out our online form below, calling us directly, or visiting our San Marcos location. We offer flexible scheduling to accommodate your busy lifestyle."
},
{
id: "8", title: "Do you warranty your detailing work?", content: "Yes! Our ceramic coating service includes a paint protection warranty. We stand behind our work and guarantee customer satisfaction on all car detailing and car wash services in San Marcos, TX."
}
]}
faqsAnimation="slide-up"
@@ -186,27 +202,57 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Book Your Detailing Appointment"
description="Schedule your vehicle detailing service with our professional team. We're dedicated to delivering exceptional results for your car in San Marcos, TX."
title="Book Your Auto Detailing Appointment in San Marcos, TX"
description="Schedule your professional vehicle detailing and car wash service with our expert team. We're dedicated to delivering exceptional results for car detailing San Marcos residents trust. Conveniently located in San Marcos, Texas."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "vehicle", type: "text", placeholder: "Vehicle Make & Model", required: true }
{ name: "vehicle", type: "text", placeholder: "Vehicle Make & Model", required: true },
{ name: "serviceType", type: "text", placeholder: "Service Type (e.g., Express Detail, Ceramic Coating)", required: false }
]}
textarea={{
name: "message", placeholder: "Describe your detailing needs and preferred service date...", rows: 5,
name: "message", placeholder: "Describe your detailing needs and preferred service date. Include any special requests for your San Marcos auto detailing appointment...", rows: 5,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg"
imageAlt="Professional detailing equipment and products"
imageAlt="Professional detailing equipment and products in San Marcos"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Schedule Appointment"
onSubmit={(data) => {
console.log("Booking data:", data);
// Handle form submission - could send to backend or email service
}}
/>
</div>
<div id="location-info" data-section="location-info" className="py-20">
<div className="w-full max-w-4xl mx-auto px-4">
<h2 className="text-4xl font-bold mb-8 text-center">Visit Our San Marcos Location</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<div className="text-center">
<MapPin className="w-8 h-8 mx-auto mb-3" />
<h3 className="font-semibold mb-2">Address</h3>
<p>123 Detailing Lane<br />San Marcos, TX 78666</p>
<button onClick={handleMapClick} className="text-blue-600 hover:underline mt-2">View on Maps</button>
</div>
<div className="text-center">
<Phone className="w-8 h-8 mx-auto mb-3" />
<h3 className="font-semibold mb-2">Phone</h3>
<p>(555) 123-4567</p>
<button onClick={handleCallClick} className="text-blue-600 hover:underline mt-2">Click to Call</button>
</div>
<div className="text-center">
<Clock className="w-8 h-8 mx-auto mb-3" />
<h3 className="font-semibold mb-2">Hours</h3>
<p>Mon-Fri: 9AM - 6PM<br />Sat: 10AM - 4PM<br />Sun: Closed</p>
</div>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Complete Detail"

240
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,240 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Complete Detail"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "services" },
{ name: "Why Us", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="OUR SERVICES"
description="Comprehensive detailing solutions tailored to restore and protect your vehicle. From exterior paint protection to complete interior restoration, we offer professional-grade services using industry-approved products."
background={{ variant: "animated-grid" }}
buttons={[
{ text: "Book Appointment", href: "#contact" },
{ text: "View Pricing", href: "/" }
]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/mixing-black-white-liquid-with-foam-blobs_23-2147934171.jpg"
imageAlt="Professional car detailing services overview"
frameStyle="browser"
mediaAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
<div id="exterior-services" data-section="exterior-services">
<FeatureCardTwentyFour
title="Exterior Detailing Services"
description="Professional exterior restoration and protection services to keep your vehicle looking pristine"
features={[
{
id: "hand-wash", title: "Professional Hand Wash", author: "Foundation Service", description: "Gentle hand wash using premium soaps and techniques that protect your vehicle's finish. Perfect maintenance between full details.", tags: ["Regular Maintenance", "Paint Safe", "Professional Grade"],
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-mixed-paint_23-2147798179.jpg", imageAlt: "Professional hand wash service"
},
{
id: "clay-bar", title: "Clay Bar Treatment", author: "Paint Prep", description: "Removes embedded contaminants, overspray, and industrial fallout from your paint surface. Leaves paint smooth and primed for wax or coating application.", tags: ["Contaminant Removal", "Paint Prep", "Essential Service"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-gloves_23-2149714334.jpg", imageAlt: "Clay bar paint treatment process"
},
{
id: "paint-decon", title: "Paint Decontamination", author: "Deep Cleaning", description: "Advanced chemical treatment to remove brake dust, tree sap, tar, and other stubborn contaminants that regular washing cannot address.", tags: ["Deep Clean", "Chemical Treatment", "Restoration"],
imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg", imageAlt: "Paint decontamination service"
},
{
id: "wax-sealant", title: "Wax & Sealant Protection", author: "Long-Term Protection", description: "Professional-grade wax and sealant application provides UV protection, water beading, and maintains your vehicle's shine for months.", tags: ["Paint Protection", "UV Defense", "Hydrophobic"],
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", imageAlt: "Wax and sealant application"
},
{
id: "tire-rim", title: "Tire & Rim Cleaning", author: "Wheel Care", description: "Professional wheel cleaning removes brake dust and contaminants. Includes tire shine application for a polished, showroom finish.", tags: ["Wheel Care", "Brake Dust Removal", "Shine Protection"],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Professional tire and rim cleaning"
},
{
id: "trim-restoration", title: "Trim Restoration", author: "Appearance Enhancement", description: "Restoration of exterior trim, moldings, and accents. Restores color and provides UV protection to keep trim looking like new.", tags: ["Trim Care", "UV Protection", "Detail Work"],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", imageAlt: "Exterior trim restoration service"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="interior-services" data-section="interior-services">
<FeatureCardTwentyFour
title="Interior Detailing Services"
description="Complete interior restoration to refresh and protect your vehicle's cabin"
features={[
{
id: "deep-vacuum", title: "Deep Vacuum & Cleaning", author: "Foundation Clean", description: "Professional-grade vacuuming removes dirt, dust, and debris from carpets, floor mats, and hard-to-reach areas. Deep clean throughout the cabin.", tags: ["Deep Clean", "Dust Removal", "Thorough"],
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Deep vacuum and interior cleaning"
},
{
id: "shampoo-seats", title: "Shampoo Seats & Carpets", author: "Fabric Care", description: "Professional shampoo and extraction treatment for all fabric surfaces. Removes stains, odors, and leaves upholstery fresh and clean.", tags: ["Stain Removal", "Odor Control", "Fabric Care"],
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", imageAlt: "Upholstery and carpet shampooing service"
},
{
id: "leather-cleaning", title: "Leather Cleaning & Conditioning", author: "Premium Care", description: "Specialized cleaning and conditioning for leather surfaces. Restores suppleness, prevents cracking, and maintains that luxury feel.", tags: ["Leather Care", "Premium Service", "Restoration"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-giving-card-waiter-cafe_1262-1968.jpg", imageAlt: "Leather cleaning and conditioning service"
},
{
id: "dashboard-restoration", title: "Dashboard & Console Restoration", author: "Detail Work", description: "Complete cleaning and protection of dashboard, steering wheel, and center console. Removes dust and restores original appearance.", tags: ["Detail Work", "Protection", "Appearance"],
imageSrc: "http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg", imageAlt: "Dashboard and console restoration"
},
{
id: "odor-removal", title: "Odor Removal & Freshening", author: "Specialized Treatment", description: "Advanced odor elimination treatments to remove persistent smells from pets, smoke, food, or moisture. Professional-grade solutions for lasting freshness.", tags: ["Odor Control", "Air Quality", "Advanced Treatment"],
imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg", imageAlt: "Odor removal and air freshening service"
},
{
id: "window-detailing", title: "Window & Glass Detailing", author: "Crystal Clear", description: "Professional window and glass cleaning inside and out. Crystal clear visibility with streak-free finish.", tags: ["Glass Cleaning", "Visibility", "Detail Work"],
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-mixed-paint_23-2147798179.jpg", imageAlt: "Professional window and glass detailing"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="package-services" data-section="package-services">
<FeatureCardTwentyFour
title="Package & Express Services"
description="Complete packages and quick services designed for your convenience"
features={[
{
id: "full-detail-package", title: "Full Detail Package", author: "Complete Solution", description: "Our most comprehensive service combining exterior detailing, interior deep clean, leather conditioning, and all finishing touches. Perfect for showroom-quality results.", tags: ["Complete Package", "Interior & Exterior", "Premium"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-gloves_23-2149714334.jpg", imageAlt: "Full detail package service"
},
{
id: "express-wash", title: "Express Wash Service", author: "Quick Service", description: "Quick 30-45 minute service including exterior wash, interior vacuum, and basic wipe-down. Perfect for maintaining your vehicle between full details.", tags: ["Quick Service", "Maintenance", "Affordable"],
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Express car wash service"
},
{
id: "add-on-headlight", title: "Headlight Restoration", author: "Add-On Service", description: "Professional restoration of oxidized and cloudy headlights. Removes yellowing and restores clarity for improved visibility and appearance.", tags: ["Add-On", "Headlight Care", "Safety"],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Headlight restoration service"
},
{
id: "add-on-engine-bay", title: "Engine Bay Cleaning", author: "Add-On Service", description: "Professional cleaning and detailing of your engine bay. Removes dirt and grime while protecting sensitive components.", tags: ["Add-On", "Engine Care", "Maintenance"],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", imageAlt: "Engine bay cleaning service"
},
{
id: "add-on-pet-hair", title: "Pet Hair Removal", author: "Add-On Service", description: "Specialized service to remove pet hair from upholstery and carpets. Uses professional equipment and techniques for complete removal.", tags: ["Add-On", "Pet Care", "Specialized"],
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", imageAlt: "Pet hair removal service"
},
{
id: "add-on-paint-protection", title: "Paint Protection Film", author: "Add-On Service", description: "Professional application of clear protective film on high-impact areas. Shields paint from stone chips, scratches, and environmental damage.", tags: ["Add-On", "Paint Protection", "Premium"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-giving-card-waiter-cafe_1262-1968.jpg", imageAlt: "Paint protection film application"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Service FAQs"
description="Common questions about our detailing services and process"
faqs={[
{
id: "1", title: "What is included in the Full Detail Package?", content: "The Full Detail Package includes: professional hand wash, clay bar treatment, paint decontamination, wax/sealant application, tire and rim cleaning, trim restoration, deep vacuum, upholstery shampooing, leather conditioning, dashboard restoration, and odor removal. It's our most comprehensive service."
},
{
id: "2", title: "How long does the Full Detail Package take?", content: "The Full Detail Package typically takes 3-4 hours depending on your vehicle's size and condition. We recommend scheduling an appointment to ensure we have adequate time to provide the quality service you deserve."
},
{
id: "3", title: "What is Clay Bar Treatment and why do I need it?", content: "Clay Bar Treatment removes contaminants like industrial fallout, overspray, and tree sap that regular washing cannot remove. It leaves your paint smooth and prepares it for wax or ceramic coating application, extending the life of your finish."
},
{
id: "4", title: "How long does Wax & Sealant Protection last?", content: "Professional wax typically lasts 3-4 months with proper care. Our premium sealants can last 6-12 months depending on weather conditions and maintenance. We recommend reapplication based on the water beading test."
},
{
id: "5", title: "Can you remove pet hair from my vehicle's interior?", content: "Yes! Our Pet Hair Removal add-on service uses professional-grade equipment and extraction techniques to completely remove pet hair from upholstery and carpets. We can combine this with our shampoo and odor removal services."
},
{
id: "6", title: "Do you offer Headlight Restoration?", content: "Yes, Headlight Restoration is available as an add-on service. We professionally remove oxidation and yellowing from your headlights, restoring clarity and improving visibility. This is often more affordable than replacing entire headlight assemblies."
},
{
id: "7", title: "What is Paint Decontamination and is it necessary?", content: "Paint Decontamination removes stubborn contaminants like brake dust, tar, tree sap, and industrial fallout using specialized chemical treatments. It's recommended for vehicles exposed to harsh conditions or those that haven't been detailed in a long time."
},
{
id: "8", title: "Can you handle leather cleaning on high-end vehicles?", content: "Absolutely. Our Leather Cleaning and Conditioning service uses premium products and techniques suitable for all leather types, including luxury vehicles. We're trained in leather care and restoration to maintain that luxury feel."
},
{
id: "9", title: "How often should I get the Express Wash Service?", content: "The Express Wash Service is perfect for maintenance between full details. We recommend every 2-4 weeks depending on your area's climate and driving conditions. It keeps your vehicle looking great without the time commitment of a full detail."
},
{
id: "10", title: "Do you offer Paint Protection Film as an add-on?", content: "Yes! Paint Protection Film is available as an add-on service. We professionally apply clear protective film to high-impact areas of your vehicle. It shields your paint from stone chips, scratches, and environmental damage while remaining virtually invisible."
}
]}
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Ready to Restore Your Vehicle?"
description="Schedule your detailing service appointment today. Our team is ready to transform your vehicle with professional care and attention to detail."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "vehicle", type: "text", placeholder: "Vehicle Make & Model", required: true }
]}
textarea={{
name: "message", placeholder: "Select services you're interested in and any special requests...", rows: 5,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg"
imageAlt="Professional detailing equipment and products"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Book Your Service"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Complete Detail"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ThemeProvider>
);
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4f0;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #2c2c2c;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #1f7cff;
--primary-cta-text: #f5f4f0;
--secondary-cta: #f5f4f0;
--secondary-cta: #010101;
--secondary-cta-text: #1a1a1a;
--accent: #8a8a8a;
--background-accent: #e8e6e1;
--accent: #1f7cff;
--background-accent: #f96b2f;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);