diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 0abfc6c..fbae936 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -20,52 +20,24 @@ export default function HomePage() { title="Give Your Car the Shine It Deserves" description="Professional mobile and studio detailing services for discerning car enthusiasts in your city. From interior deep cleaning to ceramic coatings." primaryButton={{ - text: "Book Appointment", - href: "#contact", - }} + text: "Book Appointment", href: "#contact"}} secondaryButton={{ - text: "View Packages", - href: "#pricing", - }} + text: "View Packages", href: "#pricing"}} leftItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg?_wi=1", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12608.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12608.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg" }, ]} rightItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194145.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34261.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/man-vacuuming-car-seats_23-2149316438.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194092.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194145.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34261.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-vacuuming-car-seats_23-2149316438.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194092.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg" }, ]} /> @@ -78,9 +50,7 @@ export default function HomePage() { title="We Take Pride in Perfection" description="With over 10 years of experience, DetailPro has been setting the standard in high-end automotive care. We treat every vehicle as if it were our own." primaryButton={{ - text: "Learn More", - href: "#", - }} + text: "Learn More", href: "#"}} imageSrc="http://img.b2bpic.net/free-photo/man-wash-car-using-shampoo_1150-6983.jpg" /> @@ -94,25 +64,13 @@ export default function HomePage() { description="We offer a range of specialized services to keep your vehicle looking factory new inside and out." features={[ { - title: "Ceramic Coating", - description: "Long-lasting protection and mirror-like shine.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-car-s-modern-interior_181624-25418.jpg", - }, + title: "Ceramic Coating", description: "Long-lasting protection and mirror-like shine.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-car-s-modern-interior_181624-25418.jpg"}, { - title: "Interior Deep Clean", - description: "Steam cleaning, vacuuming, and fabric protection.", - imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22320.jpg", - }, + title: "Interior Deep Clean", description: "Steam cleaning, vacuuming, and fabric protection.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22320.jpg"}, { - title: "Paint Correction", - description: "Removing swirl marks and light scratches.", - imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26052.jpg", - }, + title: "Paint Correction", description: "Removing swirl marks and light scratches.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26052.jpg"}, { - title: "Exterior Hand Wash", - description: "Gentle, non-abrasive foam wash and wax.", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552221.jpg", - }, + title: "Exterior Hand Wash", description: "Gentle, non-abrasive foam wash and wax.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552221.jpg"}, ]} /> @@ -126,52 +84,23 @@ export default function HomePage() { description="Transparent pricing for high-quality results. Pick a package that fits your needs." plans={[ { - tag: "Essential", - price: "$150", - period: "/session", - features: [ - "Hand Wash", - "Interior Vacuum", - "Window Cleaning", - ], + tag: "Essential", price: "$150", period: "/session", features: [ + "Hand Wash", "Interior Vacuum", "Window Cleaning"], primaryButton: { - text: "Book Now", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/background-rain-drops-close-up_23-2148900913.jpg", - }, + text: "Book Now", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/background-rain-drops-close-up_23-2148900913.jpg"}, { - tag: "Premium", - price: "$300", - period: "/session", - features: [ - "Essential Features", - "Clay Bar Treatment", - "Leather Conditioning", - "Waxing", - ], + tag: "Premium", price: "$300", period: "/session", features: [ + "Essential Features", "Clay Bar Treatment", "Leather Conditioning", "Waxing"], primaryButton: { - text: "Book Now", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-gas-station_23-2150697583.jpg", - }, + text: "Book Now", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-gas-station_23-2150697583.jpg"}, { - tag: "Ultimate", - price: "$550", - period: "/session", - features: [ - "Premium Features", - "Ceramic Coating", - "Engine Bay Clean", - "Odour Removal", - ], + tag: "Ultimate", price: "$550", period: "/session", features: [ + "Premium Features", "Ceramic Coating", "Engine Bay Clean", "Odour Removal"], primaryButton: { - text: "Book Now", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212221.jpg", - }, + text: "Book Now", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212221.jpg"}, ]} /> @@ -185,29 +114,16 @@ export default function HomePage() { description="Thousands of satisfied clients trust us with their vehicles." metrics={[ { - value: "1500+", - title: "Cars Detailed", - features: [ - "Sedans", - "SUVs", - "Luxury", - ], + value: "1500+", title: "Cars Detailed", features: [ + "Sedans", "SUVs", "Luxury"], }, { - value: "100%", - title: "Customer Satisfaction", - features: [ - "Quality Guarantee", - "Expert Technicians", - ], + value: "100%", title: "Customer Satisfaction", features: [ + "Quality Guarantee", "Expert Technicians"], }, { - value: "10", - title: "Years Experience", - features: [ - "Proven Results", - "Reliability", - ], + value: "10", title: "Years Experience", features: [ + "Proven Results", "Reliability"], }, ]} /> @@ -222,23 +138,12 @@ export default function HomePage() { description="Passion and precision in every swipe." groups={[ { - title: "Management", - members: [ + title: "Management", members: [ { - name: "John Doe", - role: "Head Detailer", - detail: "Lead technician with 10+ years experience in auto finishes.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg", - }, + name: "John Doe", role: "Head Detailer", detail: "Lead technician with 10+ years experience in auto finishes.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg"}, { - name: "Jane Smith", - role: "Operations Manager", - detail: "Ensuring every client gets world-class customer service.", - imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3865.jpg", - }, + name: "Jane Smith", role: "Operations Manager", detail: "Ensuring every client gets world-class customer service.", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3865.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg?_wi=2", - imageAlt: "car detailing expert portrait", }, ]} /> @@ -253,40 +158,20 @@ export default function HomePage() { description="Don't just take our word for it." testimonials={[ { - name: "Alice R.", - role: "Client", - quote: "My car looks brand new! Highly professional service.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193198.jpg", - }, + name: "Alice R.", role: "Client", quote: "My car looks brand new! Highly professional service.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193198.jpg"}, { - name: "Bob S.", - role: "Client", - quote: "Best interior detailing I've ever had done.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg", - }, + name: "Bob S.", role: "Client", quote: "Best interior detailing I've ever had done.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg"}, { - name: "Charlie T.", - role: "Client", - quote: "Fantastic attention to detail on the ceramic coating.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21779.jpg", - }, + name: "Charlie T.", role: "Client", quote: "Fantastic attention to detail on the ceramic coating.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21779.jpg"}, { - name: "David W.", - role: "Client", - quote: "Convenient, professional, and great value.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg", - }, + name: "David W.", role: "Client", quote: "Convenient, professional, and great value.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg"}, { - name: "Eva L.", - role: "Client", - quote: "They turned my neglected SUV into a showstopper.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/small-family-travelling-holiday-trip-with-inflatable-baggage-automobile-trunk-mother-with-young-kid-going-summer-vacation-seaside-going-journey-adventure-with-vehicle_482257-48334.jpg", - }, + name: "Eva L.", role: "Client", quote: "They turned my neglected SUV into a showstopper.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/small-family-travelling-holiday-trip-with-inflatable-baggage-automobile-trunk-mother-with-young-kid-going-summer-vacation-seaside-going-journey-adventure-with-vehicle_482257-48334.jpg"}, ]} /> @@ -299,14 +184,7 @@ export default function HomePage() { title="Trusted by Top Local Brands" description="We are proud to serve our community." names={[ - "AutoTech Solutions", - "Luxury Wheels", - "City Renters", - "FastDrive Inc", - "Prime Motors", - "Speedy Garage", - "Green Car Wash", - ]} + "AutoTech Solutions", "Luxury Wheels", "City Renters", "FastDrive Inc", "Prime Motors", "Speedy Garage", "Green Car Wash"]} /> @@ -319,17 +197,11 @@ export default function HomePage() { description="Everything you need to know about our detailing process." items={[ { - question: "How long does a detailing take?", - answer: "Typical detailing takes between 2 to 6 hours depending on the package.", - }, + question: "How long does a detailing take?", answer: "Typical detailing takes between 2 to 6 hours depending on the package."}, { - question: "Do you come to my location?", - answer: "Yes, we offer mobile services for your convenience.", - }, + question: "Do you come to my location?", answer: "Yes, we offer mobile services for your convenience."}, { - question: "Is your process environmentally friendly?", - answer: "We use eco-friendly cleaning solutions for all our services.", - }, + question: "Is your process environmentally friendly?", answer: "We use eco-friendly cleaning solutions for all our services."}, ]} /> @@ -341,13 +213,9 @@ export default function HomePage() { tag="Get in touch" text="Ready to get started? Schedule your detailing today." primaryButton={{ - text: "Call Now", - href: "tel:+15550123456", - }} + text: "Call Now", href: "tel:+15550123456"}} secondaryButton={{ - text: "Email Us", - href: "mailto:hello@detailpro.com", - }} + text: "Email Us", href: "mailto:hello@detailpro.com"}} />