diff --git a/src/app/page.tsx b/src/app/page.tsx index 1fa7052..6429b09 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="mediumLargeSizeMediumTitles" - background="noise" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -48,7 +48,7 @@ export default function LandingPage() { tag="Spring Sale" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "plain" }} buttons={[ { text: "Book Your Detail", href: "#booking" }, { text: "View Services", href: "#services" }, @@ -56,17 +56,17 @@ export default function LandingPage() { buttonAnimation="slide-up" carouselItems={[ { - id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg?_wi=1", imageAlt: "luxury black car glossy paint shine"}, + id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg", imageAlt: "luxury black car glossy paint shine"}, { - id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg?_wi=2", imageAlt: "luxury black car glossy paint shine"}, + id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg", imageAlt: "luxury black car glossy paint shine"}, { - id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg?_wi=3", imageAlt: "luxury black car glossy paint shine"}, + id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg", imageAlt: "luxury black car glossy paint shine"}, { - id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg?_wi=4", imageAlt: "luxury black car glossy paint shine"}, + id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg", imageAlt: "luxury black car glossy paint shine"}, { - id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg?_wi=5", imageAlt: "luxury black car glossy paint shine"}, + id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg", imageAlt: "luxury black car glossy paint shine"}, { - id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg?_wi=6", imageAlt: "luxury black car glossy paint shine"}, + id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg", imageAlt: "luxury black car glossy paint shine"}, ]} autoPlay={true} autoPlayInterval={5000} @@ -82,17 +82,13 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "feature-1", title: "We Come To You", author: "Mobile Service", description: "Professional detailing delivered directly to your home or driveway. No need to drive anywhere.", tags: ["Convenient", "Time-Saving"], - imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-wiping-dipstick-with-napkin_1170-1458.jpg?_wi=1", imageAlt: "hand car wash exterior clean glossy"}, + id: "feature-1", title: "We Come To You", author: "Mobile Service", description: "Professional detailing delivered directly to your home or driveway. No need to drive anywhere.", tags: ["Convenient", "Time-Saving"], imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-wiping-dipstick-with-napkin_1170-1458.jpg", imageAlt: "hand car wash exterior clean glossy"}, { - id: "feature-2", title: "Professional Quality", author: "Expert Detailers", description: "Every detail completed with professional tools and premium products for a deep, lasting shine.", tags: ["Premium", "Quality"], - imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg?_wi=1", imageAlt: "car wax application protective coating"}, + id: "feature-2", title: "Professional Quality", author: "Expert Detailers", description: "Every detail completed with professional tools and premium products for a deep, lasting shine.", tags: ["Premium", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg", imageAlt: "car wax application protective coating"}, { - id: "feature-3", title: "Fast Online Booking", author: "Quick & Easy", description: "Schedule your detail in under 30 seconds with our simple, intuitive online booking system.", tags: ["Easy", "Fast"], - imageSrc: "http://img.b2bpic.net/free-photo/stylish-headlight-white-auto_23-2147963050.jpg?_wi=1", imageAlt: "headlight restoration before after comparison"}, + id: "feature-3", title: "Fast Online Booking", author: "Quick & Easy", description: "Schedule your detail in under 30 seconds with our simple, intuitive online booking system.", tags: ["Easy", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/stylish-headlight-white-auto_23-2147963050.jpg", imageAlt: "headlight restoration before after comparison"}, { - id: "feature-4", title: "Affordable Luxury", author: "Best Value", description: "High-quality detailing without expensive shop prices. Spring sale pricing available now.", tags: ["Affordable", "Value"], - imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg?_wi=7", imageAlt: "luxury black car glossy paint shine"}, + id: "feature-4", title: "Affordable Luxury", author: "Best Value", description: "High-quality detailing without expensive shop prices. Spring sale pricing available now.", tags: ["Affordable", "Value"], imageSrc: "http://img.b2bpic.net/free-photo/left-side-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17402.jpg", imageAlt: "luxury black car glossy paint shine"}, ]} animationType="slide-up" textboxLayout="default" @@ -109,13 +105,13 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "service-1", name: "Exterior Wash", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-wiping-dipstick-with-napkin_1170-1458.jpg?_wi=2", imageAlt: "hand car wash exterior clean glossy", initialQuantity: 1, + id: "service-1", name: "Exterior Wash", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-wiping-dipstick-with-napkin_1170-1458.jpg", imageAlt: "hand car wash exterior clean glossy", initialQuantity: 1, }, { - id: "service-2", name: "Clay & Wax", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg?_wi=2", imageAlt: "car wax application protective coating", initialQuantity: 1, + id: "service-2", name: "Clay & Wax", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg", imageAlt: "car wax application protective coating", initialQuantity: 1, }, { - id: "service-3", name: "Headlight Restoration", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/stylish-headlight-white-auto_23-2147963050.jpg?_wi=2", imageAlt: "headlight restoration before after comparison", initialQuantity: 1, + id: "service-3", name: "Headlight Restoration", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/stylish-headlight-white-auto_23-2147963050.jpg", imageAlt: "headlight restoration before after comparison", initialQuantity: 1, }, ]} gridVariant="three-columns-all-equal-width" @@ -153,17 +149,17 @@ export default function LandingPage() { animationType="slide-up" testimonials={[ { - id: "1", name: "Jake M.", handle: "@jake_carroll", testimonial: "My car looked brand new after the detail. Super professional and easy booking. Highly recommend Crown Coat!", imageSrc: "http://img.b2bpic.net/free-photo/friendly-calm-smiling-break-standing_1262-2738.jpg?_wi=1", imageAlt: "satisfied customer portrait professional photo"}, + id: "1", name: "Jake M.", handle: "@jake_carroll", testimonial: "My car looked brand new after the detail. Super professional and easy booking. Highly recommend Crown Coat!", imageSrc: "http://img.b2bpic.net/free-photo/friendly-calm-smiling-break-standing_1262-2738.jpg", imageAlt: "satisfied customer portrait professional photo"}, { - id: "2", name: "Sarah Johnson", handle: "@sarah_j_details", testimonial: "Best mobile detailing service in Carroll County. The team is punctual, professional, and the results are incredible.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-slim-sensual-girl-gray-dress-leaning-ag_613910-8706.jpg?_wi=1", imageAlt: "professional woman smiling portrait headshot"}, + id: "2", name: "Sarah Johnson", handle: "@sarah_j_details", testimonial: "Best mobile detailing service in Carroll County. The team is punctual, professional, and the results are incredible.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-slim-sensual-girl-gray-dress-leaning-ag_613910-8706.jpg", imageAlt: "professional woman smiling portrait headshot"}, { - id: "3", name: "Michael Chen", handle: "@michael_auto", testimonial: "Worth every penny. My headlights went from hazy to crystal clear. The wax finish is absolutely stunning.", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-posing-blurred-brick-wall_23-2148465256.jpg?_wi=1", imageAlt: "male customer happy portrait headshot"}, + id: "3", name: "Michael Chen", handle: "@michael_auto", testimonial: "Worth every penny. My headlights went from hazy to crystal clear. The wax finish is absolutely stunning.", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-posing-blurred-brick-wall_23-2148465256.jpg", imageAlt: "male customer happy portrait headshot"}, { - id: "4", name: "Emily Rodriguez", handle: "@emily_rides", testimonial: "Booked online in 30 seconds, and they arrived right on time. The attention to detail is unmatched. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/friendly-calm-smiling-break-standing_1262-2738.jpg?_wi=2", imageAlt: "satisfied customer portrait professional photo"}, + id: "4", name: "Emily Rodriguez", handle: "@emily_rides", testimonial: "Booked online in 30 seconds, and they arrived right on time. The attention to detail is unmatched. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/friendly-calm-smiling-break-standing_1262-2738.jpg", imageAlt: "satisfied customer portrait professional photo"}, { - id: "5", name: "David Park", handle: "@david_park_auto", testimonial: "Finally found a detailing service that comes to me! No more trips to the shop. Crown Coat is the future.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-slim-sensual-girl-gray-dress-leaning-ag_613910-8706.jpg?_wi=2", imageAlt: "professional woman smiling portrait headshot"}, + id: "5", name: "David Park", handle: "@david_park_auto", testimonial: "Finally found a detailing service that comes to me! No more trips to the shop. Crown Coat is the future.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-slim-sensual-girl-gray-dress-leaning-ag_613910-8706.jpg", imageAlt: "professional woman smiling portrait headshot"}, { - id: "6", name: "Jessica Martinez", handle: "@jess_detailing", testimonial: "The spring sale pricing is incredible. Professional results at prices that don't break the bank. Highly satisfied!", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-posing-blurred-brick-wall_23-2148465256.jpg?_wi=2", imageAlt: "male customer happy portrait headshot"}, + id: "6", name: "Jessica Martinez", handle: "@jess_detailing", testimonial: "The spring sale pricing is incredible. Professional results at prices that don't break the bank. Highly satisfied!", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-posing-blurred-brick-wall_23-2148465256.jpg", imageAlt: "male customer happy portrait headshot"}, ]} speed={40} /> @@ -196,7 +192,7 @@ export default function LandingPage() { tagAnimation="slide-up" title="Book Your Detail in 30 Seconds" description="Complete your booking online with our simple form. Select your service, date, and time. We'll send a confirmation email immediately." - background={{ variant: "noise" }} + background={{ variant: "plain" }} useInvertedBackground={false} imageSrc="http://img.b2bpic.net/free-vector/internet-banking-insights_53876-93196.jpg" imageAlt="luxury car contact form booking"