From 929c3cab3143968b133c9641103de924d6b48e07 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 23 Jun 2026 02:17:09 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 154 +++++++++-------------------------------- 1 file changed, 34 insertions(+), 120 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index f159d29..cb6c2db 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -18,14 +18,10 @@ export default function HomePage() { title="Garage Cristal: Excellence in Detail" description="Experience the ultimate protection and aesthetic renewal for your vehicle. Our experts ensure every inch shines like new." primaryButton={{ - text: "Book Your Service", - href: "#contact", - }} + text: "Book Your Service", href: "#contact"}} secondaryButton={{ - text: "View Our Services", - href: "#services", - }} - imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-car_23-2149385721.jpg?_wi=1" + text: "View Our Services", href: "#services"}} + imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-car_23-2149385721.jpg" /> @@ -36,7 +32,7 @@ export default function HomePage() { tag="OUR MISSION" title="Precision and Passion" description="At Garage Cristal, we combine artisanal techniques with premium products to restore your car's true potential. Trust us with your investment." - imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg" /> @@ -49,58 +45,34 @@ export default function HomePage() { description="Our specialized services cover every aspect of automotive care, ensuring lasting beauty and performance." features={[ { - title: "Ceramic Coating", - description: "High-durability nano-protection for your vehicle's paintwork.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Ceramic Coating", description: "High-durability nano-protection for your vehicle's paintwork.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342616.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342616.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193568.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193568.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-car_23-2149385721.jpg?_wi=2", - imageAlt: "car ceramic coating process", }, { - title: "Interior Deep Clean", - description: "Complete rejuvenation of your car's upholstery and trim.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Interior Deep Clean", description: "Complete rejuvenation of your car's upholstery and trim.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22314.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22314.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5504.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5504.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg?_wi=2", - imageAlt: "car ceramic coating process", }, { - title: "Exterior Buffing", - description: "Restoring deep gloss and mirror-like finishes.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Exterior Buffing", description: "Restoring deep gloss and mirror-like finishes.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193626.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193626.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-wearing-protective-face-mask-while-repairing-car-engine-workshop_637285-11605.jpg?_wi=1", - imageAlt: "car ceramic coating process", }, ]} /> @@ -115,40 +87,19 @@ export default function HomePage() { description="Maintain your vehicle's perfection between appointments with our premium care products." items={[ { - title: "Ceramic Kits", - description: "Home-grade protection.", - imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-wearing-protective-face-mask-while-repairing-car-engine-workshop_637285-11605.jpg?_wi=2", - }, + title: "Ceramic Kits", description: "Home-grade protection.", imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-wearing-protective-face-mask-while-repairing-car-engine-workshop_637285-11605.jpg"}, { - title: "Leather Care", - description: "Soft and supple leather.", - imageSrc: "http://img.b2bpic.net/free-photo/glass-medical-bottle_187299-46074.jpg", - }, + title: "Leather Care", description: "Soft and supple leather.", imageSrc: "http://img.b2bpic.net/free-photo/glass-medical-bottle_187299-46074.jpg"}, { - title: "Wash Soap", - description: "PH-balanced cleaning.", - imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-water-with-big-bubbles_23-2147933821.jpg", - }, + title: "Wash Soap", description: "PH-balanced cleaning.", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-water-with-big-bubbles_23-2147933821.jpg"}, { - title: "Microfiber Set", - description: "Professional tools.", - imageSrc: "http://img.b2bpic.net/free-photo/person-drying-her-hands-towel_23-2148760400.jpg", - }, + title: "Microfiber Set", description: "Professional tools.", imageSrc: "http://img.b2bpic.net/free-photo/person-drying-her-hands-towel_23-2148760400.jpg"}, { - title: "Gloss Wax", - description: "Extra deep shine.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg", - }, + title: "Gloss Wax", description: "Extra deep shine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg"}, { - title: "Tire Shine", - description: "Sleek tire finish.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg", - }, + title: "Tire Shine", description: "Sleek tire finish.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg"}, { - title: "Applicator Pad", - description: "Precision application.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg", - }, + title: "Applicator Pad", description: "Precision application.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg"}, ]} /> @@ -162,35 +113,15 @@ export default function HomePage() { description="We are proud to serve our community with honesty and professional perfection." testimonials={[ { - name: "James Smith", - role: "Collector", - quote: "My classic looks better than the day I bought it.", - imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg", - }, + name: "James Smith", role: "Collector", quote: "My classic looks better than the day I bought it.", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg"}, { - name: "Emily Davis", - role: "Owner", - quote: "Truly professional team, worth every penny.", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-taxi-driver-costume_23-2149204562.jpg", - }, + name: "Emily Davis", role: "Owner", quote: "Truly professional team, worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-taxi-driver-costume_23-2149204562.jpg"}, { - name: "Michael Reed", - role: "Manager", - quote: "The ceramic finish is absolutely outstanding.", - imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593879.jpg", - }, + name: "Michael Reed", role: "Manager", quote: "The ceramic finish is absolutely outstanding.", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593879.jpg"}, { - name: "Sarah Miller", - role: "Daily Driver", - quote: "Best interior cleaning I have ever received.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-car-garage-getting-mechanical-service-mechanic-works-hood-car_146671-13570.jpg", - }, + name: "Sarah Miller", role: "Daily Driver", quote: "Best interior cleaning I have ever received.", imageSrc: "http://img.b2bpic.net/free-photo/woman-car-garage-getting-mechanical-service-mechanic-works-hood-car_146671-13570.jpg"}, { - name: "Robert Brown", - role: "Enthusiast", - quote: "Garage Cristal brings out the best in my car.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117172.jpg", - }, + name: "Robert Brown", role: "Enthusiast", quote: "Garage Cristal brings out the best in my car.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117172.jpg"}, ]} /> @@ -203,14 +134,7 @@ export default function HomePage() { title="Industry Preferred Brands" description="We use only the most trusted detailing supplies globally." names={[ - "AutoGuard", - "CrystalCoat", - "DetailMaster", - "ShinyPaint", - "PrimeWax", - "GlossTech", - "EliteCare", - ]} + "AutoGuard", "CrystalCoat", "DetailMaster", "ShinyPaint", "PrimeWax", "GlossTech", "EliteCare"]} /> @@ -223,17 +147,11 @@ export default function HomePage() { description="Everything you need to know about our detailing processes." items={[ { - question: "How often should I detail?", - answer: "We recommend every 3-6 months for optimal protection.", - }, + question: "How often should I detail?", answer: "We recommend every 3-6 months for optimal protection."}, { - question: "Do you offer mobile services?", - answer: "Yes, our mobile team can service your vehicle at your home or office.", - }, + question: "Do you offer mobile services?", answer: "Yes, our mobile team can service your vehicle at your home or office."}, { - question: "What is the wait time?", - answer: "Average turnaround is 24 hours depending on the chosen package.", - }, + question: "What is the wait time?", answer: "Average turnaround is 24 hours depending on the chosen package."}, ]} /> @@ -245,13 +163,9 @@ export default function HomePage() { tag="BOOK YOUR SPOT" text="Ready to revitalize your vehicle? Contact our experts today to schedule an appointment." primaryButton={{ - text: "Contact Us", - href: "mailto:hello@garagecristal.com", - }} + text: "Contact Us", href: "mailto:hello@garagecristal.com"}} secondaryButton={{ - text: "Call Now", - href: "tel:+1234567890", - }} + text: "Call Now", href: "tel:+1234567890"}} /> -- 2.49.1