From ae3140371080e3115b0e90863a02d5bcc15d5571 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 5 May 2026 08:59:44 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 316 ++++++++--------------------------------------- 1 file changed, 51 insertions(+), 265 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 33bc4c3..5827531 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,93 +19,49 @@ export default function LandingPage() { defaultButtonVariant="elastic-effect" defaultTextAnimation="entrance-slide" borderRadius="rounded" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" >
@@ -116,18 +72,9 @@ export default function LandingPage() { title="Crafting Perfection, One Panel at a Time" description="Our team uses only industry-leading vinyl materials to ensure long-lasting protection and stunning finishes. We combine technical expertise with artistic vision to deliver flawless results every single time." metrics={[ - { - value: "10+", - title: "Years Experience", - }, - { - value: "2000+", - title: "Vehicles Wrapped", - }, - { - value: "99%", - title: "Satisfaction", - }, + { value: "10+", title: "Years Experience" }, + { value: "2000+", title: "Vehicles Wrapped" }, + { value: "99%", title: "Satisfaction" } ]} imageSrc="http://img.b2bpic.net/free-photo/hey-look-what-i-did-cheerful-dark-skinned-ethnic-woman-points-shows-how-she-painted-walls-apartment-surrounded-with-paint-tools-busy-doing-repairing-home-room-redecoration_273609-45160.jpg" mediaAnimation="slide-up" @@ -143,47 +90,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Paint Protection", - description: "High-end protection against rock chips, debris, and UV rays.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-electric-car-s-door_23-2149458001.jpg", - imageAlt: "Paint protection detail", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", - imageAlt: "Surface protection finish", - }, - imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", - imageAlt: "paint protection film applied", + title: "Paint Protection", description: "High-end protection against rock chips, debris, and UV rays.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-electric-car-s-door_23-2149458001.jpg", imageAlt: "Paint protection detail" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", imageAlt: "Surface protection finish" } }, { - title: "Full Custom Wraps", - description: "Change your vehicle's look with thousands of colors and finishes.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", - imageAlt: "Full color wrap", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wrapping-car_23-2149385680.jpg", - imageAlt: "Stunning car wrap", - }, - imageSrc: "http://img.b2bpic.net/free-photo/happy-driver-with-safety-belt-fastened_158595-4223.jpg", - imageAlt: "paint protection film applied", + title: "Full Custom Wraps", description: "Change your vehicle's look with thousands of colors and finishes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Full color wrap" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wrapping-car_23-2149385680.jpg", imageAlt: "Stunning car wrap" } }, { - title: "Fleet Branding", - description: "Professional advertising solutions for your commercial fleet.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-vector/car-van-mockup-livery-wrap-design-realistic-set-isolated-angle-views-automobile-branding-vector-illustration_1284-76018.jpg", - imageAlt: "Commercial wrap", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car_23-2149385703.jpg", - imageAlt: "Fleet branding detail", - }, - imageSrc: "http://img.b2bpic.net/free-photo/emotional-cheerful-woman-with-curly-bushy-hair-triumphs-something-clenches-fists-stares-camera-smiles-broadly-wears-casual-red-turtleneck-isolated-white-background-hooray-i-did-it_273609-57912.jpg", - imageAlt: "paint protection film applied", - }, + title: "Fleet Branding", description: "Professional advertising solutions for your commercial fleet.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/car-van-mockup-livery-wrap-design-realistic-set-isolated-angle-views-automobile-branding-vector-illustration_1284-76018.jpg", imageAlt: "Commercial wrap" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car_23-2149385703.jpg", imageAlt: "Fleet branding detail" } + } ]} showStepNumbers={true} title="Why Choose WrapMasters?" @@ -198,48 +115,12 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" useInvertedBackground={false} products={[ - { - id: "p1", - name: "Satin Black Sports Car", - price: "From $2,500", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg", - }, - { - id: "p2", - name: "Color Flip Truck", - price: "From $3,200", - variant: "Advanced", - imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862134.jpg", - }, - { - id: "p3", - name: "Gloss White Luxury", - price: "From $2,800", - variant: "Standard", - imageSrc: "http://img.b2bpic.net/free-photo/arrow-symbol-illustrated_23-2151909745.jpg", - }, - { - id: "p4", - name: "Commercial Fleet Wrap", - price: "Inquire", - variant: "Fleet", - imageSrc: "http://img.b2bpic.net/free-vector/geometric-modern-web-banners-set-three_1017-25736.jpg", - }, - { - id: "p5", - name: "Carbon Fiber Trim", - price: "From $500", - variant: "Accent", - imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg", - }, - { - id: "p6", - name: "Matte Grey SUV", - price: "From $2,700", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-vector/abstract-smooth-shapes-dark-black-backdrop-design_1017-50931.jpg", - }, + { id: "p1", name: "Satin Black Sports Car", price: "From $2,500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg" }, + { id: "p2", name: "Color Flip Truck", price: "From $3,200", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862134.jpg" }, + { id: "p3", name: "Gloss White Luxury", price: "From $2,800", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/arrow-symbol-illustrated_23-2151909745.jpg" }, + { id: "p4", name: "Commercial Fleet Wrap", price: "Inquire", variant: "Fleet", imageSrc: "http://img.b2bpic.net/free-vector/geometric-modern-web-banners-set-three_1017-25736.jpg" }, + { id: "p5", name: "Carbon Fiber Trim", price: "From $500", variant: "Accent", imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg" }, + { id: "p6", name: "Matte Grey SUV", price: "From $2,700", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/abstract-smooth-shapes-dark-black-backdrop-design_1017-50931.jpg" } ]} title="Our Recent Projects" description="Browse our gallery of custom vehicle transformations." @@ -252,59 +133,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} plans={[ - { - id: "standard", - tag: "Entry Level", - price: "$1,999", - period: "starting", - description: "Essential color change wrap.", - button: { - text: "Get Started", - href: "#contact", - }, - featuresTitle: "Includes", - features: [ - "Standard gloss/matte vinyl", - "2-year warranty", - "Panel cleaning", - ], - }, - { - id: "premium", - tag: "Most Popular", - price: "$2,999", - period: "starting", - description: "High-end protection & aesthetics.", - button: { - text: "Get Started", - href: "#contact", - }, - featuresTitle: "Includes", - features: [ - "Premium metallic/satin vinyl", - "5-year warranty", - "Ceramic coating", - "Detail deep clean", - ], - }, - { - id: "custom", - tag: "Full Custom", - price: "$4,500", - period: "starting", - description: "Ultimate bespoke styling.", - button: { - text: "Get Started", - href: "#contact", - }, - featuresTitle: "Includes", - features: [ - "Custom design & print", - "Lifetime warranty", - "Door jambs included", - "Ceramic coating", - ], - }, + { id: "standard", tag: "Entry Level", price: "$1,999", period: "starting", description: "Essential color change wrap.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes", features: ["Standard gloss/matte vinyl", "2-year warranty", "Panel cleaning"] }, + { id: "premium", tag: "Most Popular", price: "$2,999", period: "starting", description: "High-end protection & aesthetics.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes", features: ["Premium metallic/satin vinyl", "5-year warranty", "Ceramic coating", "Detail deep clean"] }, + { id: "custom", tag: "Full Custom", price: "$4,500", period: "starting", description: "Ultimate bespoke styling.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes", features: ["Custom design & print", "Lifetime warranty", "Door jambs included", "Ceramic coating"] } ]} title="Wrapping Packages" description="Transparent pricing for all vehicle types." @@ -318,46 +149,11 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" useInvertedBackground={false} testimonials={[ - { - id: "1", - name: "Alex R.", - role: "Owner", - company: "Sports Car Club", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg", - }, - { - id: "2", - name: "Sarah J.", - role: "Manager", - company: "Local Fleet", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", - }, - { - id: "3", - name: "Mark D.", - role: "Enthusiast", - company: "Auto Life", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-hugging-his-new-car-car-salon_1303-28480.jpg", - }, - { - id: "4", - name: "Lisa T.", - role: "Collector", - company: "Vintage Car Co", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", - }, - { - id: "5", - name: "Tom B.", - role: "Professional", - company: "Daily Commuter", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-tram_641386-883.jpg", - }, + { id: "1", name: "Alex R.", role: "Owner", company: "Sports Car Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg" }, + { id: "2", name: "Sarah J.", role: "Manager", company: "Local Fleet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" }, + { id: "3", name: "Mark D.", role: "Enthusiast", company: "Auto Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-hugging-his-new-car-car-salon_1303-28480.jpg" }, + { id: "4", name: "Lisa T.", role: "Collector", company: "Vintage Car Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" }, + { id: "5", name: "Tom B.", role: "Professional", company: "Daily Commuter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-tram_641386-883.jpg" } ]} title="What Our Clients Say" description="See why our clients trust us with their vehicles." @@ -368,15 +164,7 @@ export default function LandingPage() { @@ -385,9 +173,7 @@ export default function LandingPage() {