diff --git a/src/app/page.tsx b/src/app/page.tsx index 3886694..1daf8da 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -35,7 +35,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="solid" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -51,7 +51,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "078 633 2213", href: "tel:0786332213"}} + text: "078 633 2213", href: "tel:0786332213" + }} animateOnLoad={true} /> @@ -63,18 +64,23 @@ export default function LandingPage() { tag="Durban's Trusted Auto Body Shop" tagIcon={Shield} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg", imageAlt: "Professional workshop interior with technicians"}, + imageSrc: "http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg", imageAlt: "Professional workshop interior with technicians" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg", imageAlt: "Vehicle panel beating in progress"}, + imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg", imageAlt: "Vehicle panel beating in progress" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13498.jpg", imageAlt: "Clean organized workshop environment"}, + imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13498.jpg", imageAlt: "Clean organized workshop environment" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg?_wi=1", imageAlt: "Professional spray painting booth"}, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg", imageAlt: "Professional spray painting booth" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580555.jpg", imageAlt: "Completed vehicle repair with perfect finish"}, + imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580555.jpg", imageAlt: "Completed vehicle repair with perfect finish" + }, ]} mediaAnimation="slide-up" buttons={[ @@ -99,54 +105,66 @@ export default function LandingPage() { title: "Panel Beating & Dent Removal", description: "Expert dent removal and panel straightening using advanced techniques and equipment. Precision work restores your vehicle's original contours.", icon: Hammer, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg", imageAlt: "Panel beating technician at work"}, + imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg", imageAlt: "Panel beating technician at work" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/cutting-small-piece-wood_23-2148640305.jpg", imageAlt: "Dent removal demonstration"}, + imageSrc: "http://img.b2bpic.net/free-photo/cutting-small-piece-wood_23-2148640305.jpg", imageAlt: "Dent removal demonstration" + }, ], }, { title: "Spray Painting & Color Matching", description: "Factory-quality spray painting with precise color matching. Professional finish that makes your vehicle look brand new.", icon: Palette, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg?_wi=2", imageAlt: "Spray painting in professional booth"}, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg", imageAlt: "Spray painting in professional booth" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/cooking-lollipops-shape-flag-ukraine_169016-19999.jpg", imageAlt: "Color matching equipment in action"}, + imageSrc: "http://img.b2bpic.net/free-photo/cooking-lollipops-shape-flag-ukraine_169016-19999.jpg", imageAlt: "Color matching equipment in action" + }, ], }, { title: "Accident Damage Repair", description: "Complete accident damage assessment and repair. From minor fender benders to major collision damage, we handle it all professionally.", icon: AlertTriangle, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg?_wi=1", imageAlt: "Accident damage assessment"}, + imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg", imageAlt: "Accident damage assessment" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1354.jpg", imageAlt: "Vehicle before and after repair"}, + imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1354.jpg", imageAlt: "Vehicle before and after repair" + }, ], }, { title: "Rust Removal & Prevention", description: "Specialized rust treatment and prevention services. Protect your vehicle from corrosion with professional-grade solutions.", icon: Shield, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846056.jpg", imageAlt: "Rust removal treatment process"}, + imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846056.jpg", imageAlt: "Rust removal treatment process" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg", imageAlt: "Preventative coating application"}, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg", imageAlt: "Preventative coating application" + }, ], }, { title: "Bumper & Trim Repairs", description: "Expert bumper and plastic trim repair and replacement. Seamless integration with your vehicle's bodywork.", icon: Zap, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/preparing-car-before-spray-painting_1157-36582.jpg", imageAlt: "Bumper repair and refinishing"}, + imageSrc: "http://img.b2bpic.net/free-photo/preparing-car-before-spray-painting_1157-36582.jpg", imageAlt: "Bumper repair and refinishing" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/hand-woman-master-glassmaker-work_268835-7411.jpg", imageAlt: "Plastic trim restoration"}, + imageSrc: "http://img.b2bpic.net/free-photo/hand-woman-master-glassmaker-work_268835-7411.jpg", imageAlt: "Plastic trim restoration" + }, ], }, { title: "Insurance Claims Assistance", description: "Streamlined insurance claim processing with direct insurer communication. We handle the paperwork so you don't have to.", icon: FileText, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-unrecognizable-couple-signing-contract-with-financial-advisor_637285-11092.jpg", imageAlt: "Insurance documentation support"}, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-unrecognizable-couple-signing-contract-with-financial-advisor_637285-11092.jpg", imageAlt: "Insurance documentation support" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/businessman-signing-business-contract-filling-document-form-meeting-closeup_1163-4629.jpg", imageAlt: "Claims management process"}, + imageSrc: "http://img.b2bpic.net/free-photo/businessman-signing-business-contract-filling-document-form-meeting-closeup_1163-4629.jpg", imageAlt: "Claims management process" + }, ], }, ]} @@ -168,17 +186,23 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "before-after-1", name: "Fender Damage Repair", price: "From R 1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-wheel-mud-guard_107420-94935.jpg", imageAlt: "Before and after fender repair"}, + id: "before-after-1", name: "Fender Damage Repair", price: "From R 1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-wheel-mud-guard_107420-94935.jpg", imageAlt: "Before and after fender repair" + }, { - id: "before-after-2", name: "Rear Panel Damage", price: "From R 2,800", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg", imageAlt: "Before and after panel damage repair"}, + id: "before-after-2", name: "Rear Panel Damage", price: "From R 2,800", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg", imageAlt: "Before and after panel damage repair" + }, { - id: "before-after-3", name: "Accident Damage", price: "From R 4,500", imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg?_wi=2", imageAlt: "Before and after accident repair"}, + id: "before-after-3", name: "Accident Damage", price: "From R 4,500", imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg", imageAlt: "Before and after accident repair" + }, { - id: "before-after-4", name: "Door Handle & Trim", price: "From R 800", imageSrc: "http://img.b2bpic.net/free-photo/vintage-door-with-antique-door-handle_181624-20156.jpg", imageAlt: "Before and after trim repair"}, + id: "before-after-4", name: "Door Handle & Trim", price: "From R 800", imageSrc: "http://img.b2bpic.net/free-photo/vintage-door-with-antique-door-handle_181624-20156.jpg", imageAlt: "Before and after trim repair" + }, { - id: "before-after-5", name: "Roof Damage", price: "From R 3,200", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "Before and after roof repair"}, + id: "before-after-5", name: "Roof Damage", price: "From R 3,200", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "Before and after roof repair" + }, { - id: "before-after-6", name: "Multi-Panel Restoration", price: "From R 5,800", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg", imageAlt: "Before and after complete restoration"}, + id: "before-after-6", name: "Multi-Panel Restoration", price: "From R 5,800", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg", imageAlt: "Before and after complete restoration" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -198,7 +222,8 @@ export default function LandingPage() { tagIcon={CheckCircle} tagAnimation="slide-up" names={[ - "MIWA Certified", "Insurance Approved", "4.8★ Google Rated", "500+ Vehicles Restored", "15+ Years Experience", "Same-Day Quotes", "12-Month Warranty"]} + "MIWA Certified", "Insurance Approved", "4.8★ Google Rated", "500+ Vehicles Restored", "15+ Years Experience", "Same-Day Quotes", "12-Month Warranty" + ]} textboxLayout="default" useInvertedBackground={true} speed={40} @@ -211,7 +236,8 @@ export default function LandingPage() {