Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -8,6 +8,10 @@ import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles, Zap, Droplets, Shield, Wind, Sun, Award, Star, Tag, Users, HelpCircle, Phone, Mail } from "lucide-react";
|
||||
|
||||
@@ -21,8 +25,7 @@ const navItems = [
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Exterior Wash", href: "/services" },
|
||||
{ label: "Interior Detail", href: "/services" },
|
||||
{ label: "Wax & Coating", href: "/services" },
|
||||
@@ -30,8 +33,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Meet Our Team", href: "#team" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
@@ -39,8 +41,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Book Appointment", href: "/contact" },
|
||||
{ label: "Message Us", href: "https://wa.me/+15550100" },
|
||||
@@ -48,8 +49,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Booking Terms", href: "#" },
|
||||
@@ -65,7 +65,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmall"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -91,38 +91,20 @@ export default function HomePage() {
|
||||
{ text: "View Services", href: "/services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-washing_23-2149172890.jpg",
|
||||
imageAlt: "Professional car wash in action",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-washing_23-2149172890.jpg", imageAlt: "Professional car wash in action"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg?_wi=1",
|
||||
imageAlt: "Exterior car washing",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg", imageAlt: "Exterior car washing"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1",
|
||||
imageAlt: "Interior car detailing",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Interior car detailing"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=1",
|
||||
imageAlt: "Professional wax coating",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Professional wax coating"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-men-plastic-garbage-collecting-polluted-park_1268-20117.jpg",
|
||||
imageAlt: "Eco-friendly car wash",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/three-men-plastic-garbage-collecting-polluted-park_1268-20117.jpg", imageAlt: "Eco-friendly car wash"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958788.jpg",
|
||||
imageAlt: "Express car wash service",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958788.jpg", imageAlt: "Express car wash service"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -133,13 +115,8 @@ export default function HomePage() {
|
||||
<FeatureCardTen
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exterior Wash",
|
||||
description: "Professional exterior washing with premium soap and spot-free rinse. We use eco-friendly products and advanced water recycling systems to protect both your car and the environment.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg?_wi=2",
|
||||
imageAlt: "Exterior car washing",
|
||||
},
|
||||
id: "1", title: "Exterior Wash", description: "Professional exterior washing with premium soap and spot-free rinse. We use eco-friendly products and advanced water recycling systems to protect both your car and the environment.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg", imageAlt: "Exterior car washing"},
|
||||
items: [
|
||||
{ icon: Droplets, text: "Spot-free rinse" },
|
||||
{ icon: Shield, text: "Eco-friendly products" },
|
||||
@@ -148,13 +125,8 @@ export default function HomePage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Interior Detailing",
|
||||
description: "Deep clean your car's interior with vacuum, steam cleaning, and protective treatments. Removes dirt, allergens, and odors for a fresh, healthy cabin environment.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=2",
|
||||
imageAlt: "Interior car detailing",
|
||||
},
|
||||
id: "2", title: "Interior Detailing", description: "Deep clean your car's interior with vacuum, steam cleaning, and protective treatments. Removes dirt, allergens, and odors for a fresh, healthy cabin environment.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Interior car detailing"},
|
||||
items: [
|
||||
{ icon: Wind, text: "Deep vacuuming" },
|
||||
{ icon: Droplets, text: "Steam cleaning" },
|
||||
@@ -163,13 +135,8 @@ export default function HomePage() {
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wax & Coating",
|
||||
description: "Premium wax and ceramic coating services that protect your paint and enhance shine. Long-lasting protection against UV rays, salt, and environmental contaminants.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=2",
|
||||
imageAlt: "Professional wax coating",
|
||||
},
|
||||
id: "3", title: "Wax & Coating", description: "Premium wax and ceramic coating services that protect your paint and enhance shine. Long-lasting protection against UV rays, salt, and environmental contaminants.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Professional wax coating"},
|
||||
items: [
|
||||
{ icon: Sun, text: "UV protection" },
|
||||
{ icon: Shield, text: "Long-lasting gloss" },
|
||||
@@ -213,26 +180,11 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "10+ Years Experience",
|
||||
subtitle: "Serving the community with dedication and expertise",
|
||||
category: "Milestone",
|
||||
value: "Est. 2014",
|
||||
},
|
||||
id: "1", title: "10+ Years Experience", subtitle: "Serving the community with dedication and expertise", category: "Milestone", value: "Est. 2014"},
|
||||
{
|
||||
id: "2",
|
||||
title: "5,000+ Happy Customers",
|
||||
subtitle: "Trusted by families across the region",
|
||||
category: "Satisfied",
|
||||
value: "★★★★★",
|
||||
},
|
||||
id: "2", title: "5,000+ Happy Customers", subtitle: "Trusted by families across the region", category: "Satisfied", value: "★★★★★"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert Technicians",
|
||||
subtitle: "Fully trained and certified professionals",
|
||||
category: "Team",
|
||||
value: "15+ Staff",
|
||||
},
|
||||
id: "3", title: "Expert Technicians", subtitle: "Fully trained and certified professionals", category: "Team", value: "15+ Staff"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -244,29 +196,13 @@ export default function HomePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "David Kim"},
|
||||
]}
|
||||
cardTitle="Over 5,000 customers trust Jack's Car Wash for premium auto care"
|
||||
cardTag="Read customer reviews"
|
||||
@@ -276,6 +212,143 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Transparent Pricing"
|
||||
description="Choose the perfect plan for your car care needs"
|
||||
tag="Affordable & Fair"
|
||||
tagIcon={Tag}
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "basic", price: "$19.99", name: "Basic Wash", buttons: [
|
||||
{ text: "Book Now", href: "/contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Exterior wash with soap", "Spot-free rinse", "Vacuum interior", "Air freshener"],
|
||||
},
|
||||
{
|
||||
id: "standard", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$39.99", name: "Premium Detail", buttons: [
|
||||
{ text: "Book Now", href: "/contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Full exterior wash", "Interior deep clean", "Dashboard detail", "Premium wax", "Hand dry & buff"],
|
||||
},
|
||||
{
|
||||
id: "premium", price: "$69.99", name: "Ultimate Package", buttons: [
|
||||
{ text: "Book Now", href: "/contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Premium", "Ceramic coating", "Leather conditioning", "Engine bay cleaning", "Paint protection", "3-month warranty"],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Team"
|
||||
description="Expert technicians dedicated to making your car shine"
|
||||
tag="Our Experts"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Jack Martin", role: "Owner & Head Technician", description: "20+ years of auto detailing expertise. Founder of Jack's Car Wash with a passion for perfection and customer satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg", imageAlt: "Jack Martin, Owner", socialLinks: [
|
||||
{ icon: Phone, url: "tel:+1-555-0100" },
|
||||
{ icon: Mail, url: "mailto:jack@jackscarwash.biz" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", name: "Maria Santos", role: "Lead Detailer", description: "Expert in interior and exterior detailing with certified training in ceramic coating and paint protection.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Maria Santos, Lead Detailer", socialLinks: [
|
||||
{ icon: Phone, url: "tel:+1-555-0101" },
|
||||
{ icon: Mail, url: "mailto:maria@jackscarwash.biz" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", name: "Alex Rivera", role: "Senior Technician", description: "Specialized in premium wax coating and eco-friendly washing techniques. Committed to environmental responsibility.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageAlt: "Alex Rivera, Senior Technician", socialLinks: [
|
||||
{ icon: Phone, url: "tel:+1-555-0102" },
|
||||
{ icon: Mail, url: "mailto:alex@jackscarwash.biz" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services and booking"
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Can't find answer?", href: "/contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does a car wash take?", content: "Our Basic Wash typically takes 20-30 minutes, Premium Detail takes 45-60 minutes, and Ultimate Package takes 90-120 minutes. We offer express services available upon request for an additional fee."},
|
||||
{
|
||||
id: "2", title: "Do you offer mobile car wash services?", content: "Yes! We offer mobile car wash services for commercial fleets and corporate clients. Contact us for fleet pricing and scheduling. Mobile services are available Monday through Friday with a minimum of 5 vehicles."},
|
||||
{
|
||||
id: "3", title: "Are your products eco-friendly?", content: "Absolutely. We use biodegradable, non-toxic cleaning products and our water recycling system recycles 80% of water used. We're committed to protecting the environment while delivering excellent results."},
|
||||
{
|
||||
id: "4", title: "Can I book same-day appointments?", content: "Same-day appointments are available based on current availability. We recommend booking through our website or calling us directly. During peak times (weekends), advance booking is recommended."},
|
||||
{
|
||||
id: "5", title: "What payment methods do you accept?", content: "We accept cash, credit cards (Visa, Mastercard, American Express), debit cards, and digital payments (Apple Pay, Google Pay). We also offer package deals and loyalty discounts for regular customers."},
|
||||
{
|
||||
id: "6", title: "Do you warranty your work?", content: "Yes! Our Premium Detail and Ultimate Package come with a satisfaction guarantee. Ultimate Package includes a 3-month protection warranty on ceramic coating. If you're not satisfied, contact us within 48 hours."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Ready to schedule your car wash? Fill out the form below or call us directly. We're here to answer questions and book your appointment."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "your@email.com", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "(555) 123-4567", required: true,
|
||||
},
|
||||
{
|
||||
name: "service", type: "text", placeholder: "Select Service (Basic / Premium / Ultimate)", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your vehicle or special requests...", rows: 5,
|
||||
required: false,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desktop-with-computer-headphones_23-2148110271.jpg"
|
||||
imageAlt="Contact us"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Book Appointment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
|
||||
Reference in New Issue
Block a user