From 503757aab90c2851eb51d00755faeadfec8a29e1 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 00:18:57 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 56 +++++++++++++++++++++++++----------------------- 1 file changed, 29 insertions(+), 27 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 18826b6..eed6b03 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ContactSplit from '@/components/sections/contact/ContactSplit'; import FooterMedia from '@/components/sections/footer/FooterMedia'; -import { Sparkles, Quote, Star, Clock, MapPin, Users, DollarSign } from 'lucide-react'; +import { Sparkles, Quote, Star, Clock, MapPin, Users, DollarSign, Calendar } from 'lucide-react'; export default function LandingPage() { return ( @@ -50,30 +50,30 @@ export default function LandingPage() { background={{ variant: "plain" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=1", imageAlt: "Luxury car detailing showcase" + imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", imageAlt: "Luxury car detailing showcase" }, { - imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1", imageAlt: "Professional interior detailing" + imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Professional interior detailing" }, { - imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=1", imageAlt: "Premium exterior car wash" + imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Premium exterior car wash" }, { - imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=2", imageAlt: "Deep cleaning service" + imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Deep cleaning service" } ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=1", imageAlt: "Stain and odor removal" + imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg", imageAlt: "Stain and odor removal" }, { - imageSrc: "http://img.b2bpic.net/free-photo/two-asian-brothers-man-wear-all-black-posed-near-suv-cars-smoke-hookah_627829-3723.jpg?_wi=1", imageAlt: "Mobile on-site detailing" + imageSrc: "http://img.b2bpic.net/free-photo/two-asian-brothers-man-wear-all-black-posed-near-suv-cars-smoke-hookah_627829-3723.jpg", imageAlt: "Mobile on-site detailing" }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=1", imageAlt: "Before and after transformation" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg", imageAlt: "Before and after transformation" }, { - imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg?_wi=1", imageAlt: "Car detailing results" + imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg", imageAlt: "Car detailing results" } ]} buttons={[ @@ -95,23 +95,23 @@ export default function LandingPage() { features={[ { id: 1, - tag: "Interior Care", title: "Full Interior Detailing", subtitle: "Deep clean your vehicle's interior", description: "We meticulously vacuum, shampoo, and condition every surface inside your car. From carpets to upholstery, our professional-grade products and attention to detail ensure your interior looks and feels pristine.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=3", imageAlt: "Full interior detailing service" + tag: "Interior Care", title: "Full Interior Detailing", subtitle: "Deep clean your vehicle's interior", description: "We meticulously vacuum, shampoo, and condition every surface inside your car. From carpets to upholstery, our professional-grade products and attention to detail ensure your interior looks and feels pristine.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Full interior detailing service" }, { id: 2, - tag: "Exterior Excellence", title: "Exterior Wash & Wax", subtitle: "Professional shine and protection", description: "Our exterior service includes thorough washing, clay treatment, and premium wax application. We use only professional-grade products to protect your vehicle's paint and deliver a showroom-quality shine.", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=2", imageAlt: "Exterior wash and wax service" + tag: "Exterior Excellence", title: "Exterior Wash & Wax", subtitle: "Professional shine and protection", description: "Our exterior service includes thorough washing, clay treatment, and premium wax application. We use only professional-grade products to protect your vehicle's paint and deliver a showroom-quality shine.", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Exterior wash and wax service" }, { id: 3, - tag: "Premium Treatment", title: "Deep Cleaning Packages", subtitle: "Comprehensive restoration service", description: "Our deep cleaning packages combine interior and exterior services with advanced treatments. Perfect for vehicles needing full restoration or maintenance. Includes engine bay cleaning and comprehensive detailing.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=4", imageAlt: "Deep cleaning package" + tag: "Premium Treatment", title: "Deep Cleaning Packages", subtitle: "Comprehensive restoration service", description: "Our deep cleaning packages combine interior and exterior services with advanced treatments. Perfect for vehicles needing full restoration or maintenance. Includes engine bay cleaning and comprehensive detailing.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Deep cleaning package" }, { id: 4, - tag: "Specialized Care", title: "Stain & Odor Removal", subtitle: "Eliminate stubborn issues", description: "We tackle tough stains and odors with professional-grade treatments. Whether it's pet odors, spills, or lingering smells, our specialized solutions restore your car to like-new condition.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=2", imageAlt: "Stain and odor removal service" + tag: "Specialized Care", title: "Stain & Odor Removal", subtitle: "Eliminate stubborn issues", description: "We tackle tough stains and odors with professional-grade treatments. Whether it's pet odors, spills, or lingering smells, our specialized solutions restore your car to like-new condition.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg", imageAlt: "Stain and odor removal service" }, { id: 5, - tag: "Convenience", title: "Mobile On-Site Service", subtitle: "We come directly to you", description: "Skip the drive to a detail shop. Our mobile service comes to your home or workplace with full equipment and professional supplies. Same exceptional quality, maximum convenience.", imageSrc: "http://img.b2bpic.net/free-photo/two-asian-brothers-man-wear-all-black-posed-near-suv-cars-smoke-hookah_627829-3723.jpg?_wi=2", imageAlt: "Mobile on-site detailing service" + tag: "Convenience", title: "Mobile On-Site Service", subtitle: "We come directly to you", description: "Skip the drive to a detail shop. Our mobile service comes to your home or workplace with full equipment and professional supplies. Same exceptional quality, maximum convenience.", imageSrc: "http://img.b2bpic.net/free-photo/two-asian-brothers-man-wear-all-black-posed-near-suv-cars-smoke-hookah_627829-3723.jpg", imageAlt: "Mobile on-site detailing service" } ]} /> @@ -125,8 +125,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} imagePosition="right" - imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" imageAlt="Premium OnSpot detailing results" + mediaAnimation="none" bulletPoints={[ { title: "5-Star Rating", description: "28 verified reviews showcasing our commitment to excellence and customer satisfaction", icon: Star @@ -160,27 +161,27 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "James Mitchell", handle: "@jamesmitch", testimonial: "Fantastic and responsible services for years. Very pleased. Like driving a new car every time.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "James Mitchell" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Mitchell" }, { id: "2", name: "Sarah Johnson", handle: "@sarahj_ottawa", testimonial: "Outstanding service! My car came out spotless, inside and out. Professional team, highly recommended.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Sarah Johnson" + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Johnson" }, { id: "3", name: "Michael Chen", handle: "@mchen_cars", testimonial: "Best detailing service in Ottawa. The attention to detail is incredible. Worth every penny!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Chen" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen" }, { id: "4", name: "Emily Rodriguez", handle: "@emilyrodz", testimonial: "Convenient mobile service saved me so much time. My car looks brand new and they were incredibly professional.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "Emily Rodriguez" + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Emily Rodriguez" }, { id: "5", name: "David Thompson", handle: "@dthompson_ottawa", testimonial: "Exceeded my expectations. Professional, punctual, and exceptional results. Will definitely use again!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Thompson" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Thompson" }, { id: "6", name: "Lisa Anderson", handle: "@lisaanderson", testimonial: "Finally found a detailing service that cares. 24/7 availability is perfect for my schedule. Highly recommend!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3", imageAlt: "Lisa Anderson" + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Lisa Anderson" } ]} /> @@ -197,10 +198,10 @@ export default function LandingPage() { animationType="slide-up" products={[ { - id: "1", name: "Luxury SUV Transformation", price: "Complete Detail", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=2", imageAlt: "Luxury SUV before and after detailing" + id: "1", name: "Luxury SUV Transformation", price: "Complete Detail", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg", imageAlt: "Luxury SUV before and after detailing" }, { - id: "2", name: "Executive Sedan Shine", price: "Premium Service", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg?_wi=2", imageAlt: "Executive sedan before and after detailing" + id: "2", name: "Executive Sedan Shine", price: "Premium Service", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg", imageAlt: "Executive sedan before and after detailing" }, { id: "3", name: "Interior Restoration", price: "Deep Clean", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/man-hoovering-car-cabin-garage_1157-36597.jpg", imageAlt: "Interior restoration before and after" @@ -217,21 +218,22 @@ export default function LandingPage() { tag="Book Your Service" title="Ready to Make Your Car Look Brand New?" description="Schedule your mobile detailing appointment in just a few clicks. We're available 24/7 to serve you." - tagIcon={Sparkles} + tagIcon={Calendar} background={{ variant: "plain" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" imageAlt="OnSpot mobile detailing service" inputPlaceholder="Enter your email" buttonText="Book Now" termsText="By booking, you agree to our service terms. We respect your privacy." + mediaAnimation="none" onSubmit={(email: string) => { console.log('Booking inquiry from:', email); }} />