Update src/app/page.tsx
This commit is contained in:
132
src/app/page.tsx
132
src/app/page.tsx
@@ -53,32 +53,20 @@ export default function LandingPage() {
|
||||
title="Premium Car Detailing That Speaks for Itself"
|
||||
description="Serving Vernon, BC with high-end interior and exterior detailing that elevates your driving experience."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746622.jpg", imageAlt: "Clean luxury car"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg", imageAlt: "Detailing closeup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg", imageAlt: "Exterior polish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg", imageAlt: "Polished hood"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22313.jpg", imageAlt: "Shiny rim"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-rsquo-s-leather-shoes-flat-lay-with-polishing-tools_53876-143261.jpg", imageAlt: "Interior seat"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exterior-car-detailing-process-washing-service-shiny-finish_1303-22312.jpg", imageAlt: "Professional car detailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-service-cleaning-wheels_1303-22315.jpg", imageAlt: "Wheel detailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clean-car-interior-dashboard_181624-26340.jpg", imageAlt: "Interior restoration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22313.jpg", imageAlt: "Exterior shine" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/polishing-car-hood-shiny-surface_23-2149193561.jpg", imageAlt: "Polished hood" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-car-interior-leather-seats_114579-4011.jpg", imageAlt: "Leather interior detail" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-cleaning-gym-equipment_23-2148766022.jpg", imageAlt: "Seat detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stopped-white-car-with-punctured-car-tire-roadside_651396-2398.jpg", imageAlt: "Rim detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193561.jpg", imageAlt: "Hood detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg", imageAlt: "Detailing polish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg", imageAlt: "Leather care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg", imageAlt: "Car exterior"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaning-process-car_23-2149212228.jpg", imageAlt: "Deep cleaning car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shiny-car-surface-after-detailing_23-2149193579.jpg", imageAlt: "Exterior finish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detailing-car-interior-seat_146671-16595.jpg", imageAlt: "Seat cleaning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detail-shiny-rim_181624-13746.jpg", imageAlt: "Rim polish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cleaning-car-interior-dashboard-focus_23-2148194147.jpg", imageAlt: "Dashboard detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-surface-water-drops-waxed_181624-59940.jpg", imageAlt: "Car wax protection" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
@@ -86,30 +74,13 @@ export default function LandingPage() {
|
||||
{
|
||||
text: "View Packages", href: "#services"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20877.jpg", alt: "Luxury car client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-suit-examining-auto-before-purchase_7502-9822.jpg", alt: "Luxury car client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-travelling-car_23-2147873896.jpg", alt: "Luxury car client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-car_1303-9341.jpg", alt: "Luxury car client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smart-groomed-man-coat-is-standing-near-his-new-car_613910-21513.jpg", alt: "Luxury car client"},
|
||||
]}
|
||||
avatarText="Trusted by local luxury car owners"
|
||||
carouselPosition="right"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "PRECISION CARE"},
|
||||
{
|
||||
type: "text", text: "GOLD STANDARD"},
|
||||
{
|
||||
type: "text", text: "PREMIUM FINISH"},
|
||||
{
|
||||
type: "text", text: "EXPERT TOUCH"},
|
||||
{
|
||||
type: "text", text: "REJUVENATED"},
|
||||
{ type: "text", text: "PRECISION CARE" },
|
||||
{ type: "text", text: "GOLD STANDARD" },
|
||||
{ type: "text", text: "PREMIUM FINISH" },
|
||||
{ type: "text", text: "EXPERT TOUCH" },
|
||||
{ type: "text", text: "REJUVENATED" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,46 +139,36 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Pet Hair Removal", description: "Deep removal of stubborn pet hair from carpets, seats, and tight areas.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-seat-car-with-seat-belt_181624-26340.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-seat-cleaning-shampoo-process_23-2148865578.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clean-car-seats-interior_114579-4011.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Engine Bay Cleaning", description: "Safe, careful cleaning that restores a like-new engine appearance. Most Popular.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-side-yellow-car-with-black-line-windows_181624-13746.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clean-car-engine-bay-professional_482257-108124.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/polished-engine-bay-detailing_181624-13746.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Seat & Carpet Shampoo", description: "Deep extraction cleaning to remove stains and embedded dirt.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-with-towel_23-2148865578.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cleaning-car-upholstery-shampoo_23-2148865578.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-clean-car-interior-carpet_146671-16595.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Leather Conditioning", description: "Restores softness and prevents cracking for long-lasting leather health.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/leather-car-seat-treatment-process_1157-36595.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clean-leather-interior-luxury-car_23-2149193579.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Spray Wax Protection", description: "Adds shine and a layer of protection to your paint finish.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drops-white-surface_181624-59940.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6113.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-paint-protection-wax-water-drops_181624-59940.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-waxing-final-shine_1150-6113.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -223,18 +184,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1", name: "Before / After Polish", price: "High Polish", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg"},
|
||||
{
|
||||
id: "g2", name: "Wheel Detailing", price: "Precision Cleaning", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030444.jpg"},
|
||||
{
|
||||
id: "g3", name: "Interior Restoration", price: "Deep Shampoo", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg"},
|
||||
{
|
||||
id: "g4", name: "Engine Bay", price: "Engine Care", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2246.jpg"},
|
||||
{
|
||||
id: "g5", name: "Dashboard Detail", price: "Interior Detail", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg"},
|
||||
{
|
||||
id: "g6", name: "Complete Exterior", price: "Total Shine", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg"},
|
||||
{ id: "g1", name: "Before / After Polish", price: "High Polish", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-polishing-transformation_23-2149750039.jpg" },
|
||||
{ id: "g2", name: "Wheel Detailing", price: "Precision Cleaning", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/clean-car-rims-detailing_23-2149030444.jpg" },
|
||||
{ id: "g3", name: "Interior Restoration", price: "Deep Shampoo", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/fresh-car-interior-detailing_651396-2795.jpg" },
|
||||
{ id: "g4", name: "Engine Bay", price: "Engine Care", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/clean-car-headlight-detail_1203-2246.jpg" },
|
||||
{ id: "g5", name: "Dashboard Detail", price: "Interior Detail", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/clean-car-dashboard-closeup_23-2148194147.jpg" },
|
||||
{ id: "g6", name: "Complete Exterior", price: "Total Shine", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/shiny-finished-car-detailing_23-2148332890.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="See the precision and care we put into every vehicle."
|
||||
@@ -246,16 +201,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Excellent Service", quote: "Blackline Detailing completely transformed my SUV. Professional and thorough.", name: "Sarah J.", role: "Vernon Local", imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-male-with-long-hair-car_613910-10226.jpg"},
|
||||
{
|
||||
id: "t2", title: "Premium Results", quote: "The best detailing in town. My car feels brand new again.", name: "Michael K.", role: "Luxury Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg"},
|
||||
{
|
||||
id: "t3", title: "Attention to Detail", quote: "Incredible work on the interior. Stubborn stains were gone.", name: "Emily R.", role: "Business Executive", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14877.jpg"},
|
||||
{
|
||||
id: "t4", title: "Polished to Perfection", quote: "Professional team and perfect shine. Will definitely return.", name: "David W.", role: "Sports Car Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg"},
|
||||
{
|
||||
id: "t5", title: "Highly Recommend", quote: "Worth every penny. The attention to detail is truly premium.", name: "John D.", role: "Happy Client", imageSrc: "http://img.b2bpic.net/free-photo/lady-car_1157-7445.jpg"},
|
||||
{ id: "t1", title: "Excellent Service", quote: "Blackline Detailing completely transformed my SUV. Professional and thorough.", name: "Sarah J.", role: "Vernon Local", imageSrc: "http://img.b2bpic.net/free-photo/clean-car-exterior-after-service_613910-10226.jpg" },
|
||||
{ id: "t2", title: "Premium Results", quote: "The best detailing in town. My car feels brand new again.", name: "Michael K.", role: "Luxury Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/polished-car-surface-after-detailing_23-2149193573.jpg" },
|
||||
{ id: "t3", title: "Attention to Detail", quote: "Incredible work on the interior. Stubborn stains were gone.", name: "Emily R.", role: "Business Executive", imageSrc: "http://img.b2bpic.net/free-photo/clean-interior-seats-luxury-car_146671-14877.jpg" },
|
||||
{ id: "t4", title: "Polished to Perfection", quote: "Professional team and perfect shine. Will definitely return.", name: "David W.", role: "Sports Car Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/shiny-clean-car-detailing_23-2148266222.jpg" },
|
||||
{ id: "t5", title: "Highly Recommend", quote: "Worth every penny. The attention to detail is truly premium.", name: "John D.", role: "Happy Client", imageSrc: "http://img.b2bpic.net/free-photo/professional-car-detailing-service_1157-7445.jpg" },
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Hear what our premium clients have to say."
|
||||
@@ -288,7 +238,7 @@ export default function LandingPage() {
|
||||
textarea={{
|
||||
name: "notes", placeholder: "Additional notes...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-detailing-tools-setup_23-2148256970.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -336,4 +286,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user