From 42fd7bc09fcbc370ca42f4cbc550416aa6558122 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 21 Jun 2026 12:02:20 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 191 ++++++++++------------------------------- 1 file changed, 45 insertions(+), 146 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 7358e1f..bbc90b2 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -18,28 +18,21 @@ export default function HomePage() { title="Protect Your Investment. Drive With Confidence." description="Nashville's trusted experts for Paint Protection Film, Ceramic Window Tint, and high-end automotive protection services." primaryButton={{ - text: "Get Free Quote", - href: "#contact", - }} + text: "Get Free Quote", href: "#contact"}} secondaryButton={{ - text: "Call Now", - href: "tel:+16158793759", - }} + text: "Call Now", href: "tel:+16158793759"}} items={[ { - text: "Certified Installers", - icon: Shield, + text: "Certified Installers", icon: Shield, }, { - text: "Premium Materials", - icon: Award, + text: "Premium Materials", icon: Award, }, { - text: "Luxury Specialists", - icon: Star, + text: "Luxury Specialists", icon: Star, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001257.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001257.jpg" /> @@ -52,58 +45,34 @@ export default function HomePage() { description="Comprehensive automotive care designed for performance vehicles." features={[ { - title: "Paint Protection Film", - description: "Industry-leading protection against rock chips and road debris.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Paint Protection Film", description: "Industry-leading protection against rock chips and road debris.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/paint-car-spacious-car-service_146671-14950.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/paint-car-spacious-car-service_146671-14950.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-inside-full-shot_23-2149385683.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-inside-full-shot_23-2149385683.jpg"}, { - 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/man-sitting-car-night_23-2149001257.jpg?_wi=2", - imageAlt: "ppf installation luxury car", }, { - title: "Ceramic Window Tint", - description: "Superior heat rejection and UV protection for a comfortable, cool drive.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Ceramic Window Tint", description: "Superior heat rejection and UV protection for a comfortable, cool drive.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212220.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212220.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193563.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193563.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-client-car-service-station_1303-26916.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-client-car-service-station_1303-26916.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342667.jpg", - imageAlt: "ppf installation luxury car", }, { - title: "Color Change Film", - description: "Transform your vehicle's look with our premium vinyl wrap options.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Color Change Film", description: "Transform your vehicle's look with our premium vinyl wrap options.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974227.jpg?_wi=1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974227.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-with-blue-cover-full-shot_23-2149385685.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-with-blue-cover-full-shot_23-2149385685.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486997.jpg?_wi=1", - imageAlt: "ppf installation luxury car", }, ]} /> @@ -118,47 +87,19 @@ export default function HomePage() { description="Explore our complete range of specialized automotive protection products." items={[ { - title: "Clear Bra", - description: "The invisible shield for your front end.", - href: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974227.jpg?_wi=2", - }, + title: "Clear Bra", description: "The invisible shield for your front end.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974227.jpg"}, { - title: "Ceramic Windshield", - description: "Crystal clear heat protection.", - href: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486997.jpg?_wi=2", - }, + title: "Ceramic Windshield", description: "Crystal clear heat protection.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486997.jpg"}, { - title: "Stealth Conversion", - description: "Matte finish PPF for a custom look.", - href: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wrapping-car-with-blue-cover_23-2149385687.jpg", - }, + title: "Stealth Conversion", description: "Matte finish PPF for a custom look.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wrapping-car-with-blue-cover_23-2149385687.jpg"}, { - title: "Light Tint", - description: "Style and protection for your lighting.", - href: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", - }, + title: "Light Tint", description: "Style and protection for your lighting.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg"}, { - title: "Carbon Fiber", - description: "High-end aesthetic protection.", - href: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg", - }, + title: "Carbon Fiber", description: "High-end aesthetic protection.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg"}, { - title: "Full Body PPF", - description: "Ultimate coverage for total peace of mind.", - href: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342639.jpg", - }, + title: "Full Body PPF", description: "Ultimate coverage for total peace of mind.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342639.jpg"}, { - title: "Enhancement Pkgs", - description: "Customized luxury vehicle treatment.", - href: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg", - }, + title: "Enhancement Pkgs", description: "Customized luxury vehicle treatment.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg"}, ]} /> @@ -172,23 +113,11 @@ export default function HomePage() { description="Our craftsmanship and service excellence speak for themselves." metrics={[ { - value: "217+", - title: "Verified Reviews", - description: "Happy clients who trust us with their vehicles.", - imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342616.jpg", - }, + value: "217+", title: "Verified Reviews", description: "Happy clients who trust us with their vehicles.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342616.jpg"}, { - value: "4.9", - title: "Star Rating", - description: "Consistently rated for premium craftsmanship.", - imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593827.jpg", - }, + value: "4.9", title: "Star Rating", description: "Consistently rated for premium craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593827.jpg"}, { - value: "100%", - title: "Customer Satisfaction", - description: "Dedicated to the best possible experience.", - imageSrc: "http://img.b2bpic.net/free-vector/wooden-x-with-pattern-dots-it_125964-4082.jpg", - }, + value: "100%", title: "Customer Satisfaction", description: "Dedicated to the best possible experience.", imageSrc: "http://img.b2bpic.net/free-vector/wooden-x-with-pattern-dots-it_125964-4082.jpg"}, ]} /> @@ -202,40 +131,20 @@ export default function HomePage() { description="Experience excellence through the lens of our valued clients." testimonials={[ { - name: "Sarah Johnson", - role: "Porsche Owner", - quote: "Exceptional communication and attention to detail. My car looks better than new!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13601.jpg", - }, + name: "Sarah Johnson", role: "Porsche Owner", quote: "Exceptional communication and attention to detail. My car looks better than new!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13601.jpg"}, { - name: "Michael Chen", - role: "Tesla Owner", - quote: "Luxury-level results. The tint quality is unmatched in Nashville.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-brutal-male-suit-near-luxury-car-outdoors-against-cityscape_613910-5973.jpg", - }, + name: "Michael Chen", role: "Tesla Owner", quote: "Luxury-level results. The tint quality is unmatched in Nashville.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-brutal-male-suit-near-luxury-car-outdoors-against-cityscape_613910-5973.jpg"}, { - name: "Emily Rodriguez", - role: "BMW Owner", - quote: "Vantage is my go-to shop for any paint protection needs. Absolutely perfect.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wink-camera_23-2148289216.jpg", - }, + name: "Emily Rodriguez", role: "BMW Owner", quote: "Vantage is my go-to shop for any paint protection needs. Absolutely perfect.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wink-camera_23-2148289216.jpg"}, { - name: "David Kim", - role: "Corvette Enthusiast", - quote: "The stealth conversion looked incredible on my car. Highly recommend.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg", - }, + name: "David Kim", role: "Corvette Enthusiast", quote: "The stealth conversion looked incredible on my car. Highly recommend.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg"}, { - name: "James Wilson", - role: "Luxury Truck Owner", - quote: "Superb turnaround time and premium materials. Truly the best.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/valet-holding-baggage-medium-shot_23-2149901450.jpg", - }, + name: "James Wilson", role: "Luxury Truck Owner", quote: "Superb turnaround time and premium materials. Truly the best.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/valet-holding-baggage-medium-shot_23-2149901450.jpg"}, ]} /> @@ -249,19 +158,13 @@ export default function HomePage() { description="Find answers to common questions about our protection services." items={[ { - question: "Why use PPF?", - answer: "PPF provides an invisible shield against rock chips, road salt, and debris, preserving your car's paintwork.", - }, + question: "Why use PPF?", answer: "PPF provides an invisible shield against rock chips, road salt, and debris, preserving your car's paintwork."}, { - question: "How long does tint last?", - answer: "Our ceramic tints are designed for long-term durability and include excellent warranty protection.", - }, + question: "How long does tint last?", answer: "Our ceramic tints are designed for long-term durability and include excellent warranty protection."}, { - question: "Can I wash my car?", - answer: "Yes! Once cured, our protection films are fully wash-friendly with proper hand washing.", - }, - ]} - imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12598.jpg" + question: "Can I wash my car?", answer: "Yes! Once cured, our protection films are fully wash-friendly with proper hand washing."}, + ], + imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12598.jpg" /> @@ -272,13 +175,9 @@ export default function HomePage() { tag="Take Action" text="Ready to Protect Your Vehicle?" primaryButton={{ - text: "Get Free Quote", - href: "#contact-form", - }} + text: "Get Free Quote", href: "#contact-form"}} secondaryButton={{ - text: "Call (615) 879-3759", - href: "tel:+16158793759", - }} + text: "Call (615) 879-3759", href: "tel:+16158793759"}} />