From b99d604d02308b7345b9db4a8bec65c45a80c223 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 4 Mar 2026 12:13:43 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 89 +++++++++++++++++++++++++++++++----------------- 1 file changed, 58 insertions(+), 31 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e606005..9b820eb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -17,7 +17,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmallSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="subtle-shadow" primaryButtonStyle="gradient" secondaryButtonStyle="radial-glow" @@ -33,7 +33,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Call Now", href: "tel:089242444"}} + text: "Call Now", href: "tel:089242444" + }} animateOnLoad={true} /> @@ -45,27 +46,35 @@ export default function LandingPage() { tag="Premium Auto Service" tagIcon={Wrench} tagAnimation="slide-up" - background={{ variant: "blurBottom" }} + background={{ variant: "animated-grid" }} buttons={[ { - text: "Call Now: 089 242 4499", href: "tel:089242444"}, + text: "Call Now: 089 242 4499", href: "tel:089242444" + }, { - text: "Book Service"}, + text: "Book Service" + }, ]} buttonAnimation="slide-up" carouselItems={[ { - id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mechanic-standing-near-cars_23-2147897989.jpg?_wi=1", imageAlt: "auto repair mechanic workshop professional garage cars"}, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mechanic-standing-near-cars_23-2147897989.jpg", imageAlt: "auto repair mechanic workshop professional garage cars" + }, { - id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-diagnostic-tool_1170-1156.jpg", imageAlt: "car diagnostic auto scan mechanic tool electronic"}, + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-diagnostic-tool_1170-1156.jpg", imageAlt: "car diagnostic auto scan mechanic tool electronic" + }, { - id: "3", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg", imageAlt: "car maintenance oil change service mechanic"}, + id: "3", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg", imageAlt: "car maintenance oil change service mechanic" + }, { - id: "4", imageSrc: "http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg", imageAlt: "auto repair mechanic repairs car service workshop"}, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg", imageAlt: "auto repair mechanic repairs car service workshop" + }, { - id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg?_wi=1", imageAlt: "professional workshop garage interior auto shop modern workspace"}, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg", imageAlt: "professional workshop garage interior auto shop modern workspace" + }, { - id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mechanic-standing-near-cars_23-2147897989.jpg?_wi=2", imageAlt: "auto repair mechanic workshop professional garage cars"}, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mechanic-standing-near-cars_23-2147897989.jpg", imageAlt: "auto repair mechanic workshop professional garage cars" + }, ]} autoPlay={true} autoPlayInterval={4000} @@ -81,18 +90,22 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - title: "Diagnostics", description: "Advanced computer diagnostics to identify vehicle issues accurately", bentoComponent: "animated-bar-chart"}, + title: "Diagnostics", description: "Advanced computer diagnostics to identify vehicle issues accurately", bentoComponent: "animated-bar-chart" + }, { - title: "Maintenance", description: "Preventive maintenance to keep your vehicle running smoothly", bentoComponent: "line-chart"}, + title: "Maintenance", description: "Preventive maintenance to keep your vehicle running smoothly", bentoComponent: "line-chart" + }, { - title: "Repairs", description: "Expert repairs for all vehicle makes and models", bentoComponent: "globe"}, + title: "Repairs", description: "Expert repairs for all vehicle makes and models", bentoComponent: "globe" + }, ]} textboxLayout="default" animationType="slide-up" useInvertedBackground={false} buttons={[ { - text: "Schedule Service", href: "#contact"}, + text: "Schedule Service", href: "#contact" + }, ]} buttonAnimation="slide-up" /> @@ -106,11 +119,13 @@ export default function LandingPage() { description="Located in Jamestown Industrial Park on Kylemore Way, JMM Autos delivers professional automotive services with meticulous attention to detail. Our team combines technical expertise with customer-centric service to ensure your vehicle receives the highest standard of care." metrics={[ { - value: "15+", title: "Years Experience"}, + value: "15+", title: "Years Experience" + }, { - value: "100%", title: "Customer Satisfaction"}, + value: "100%", title: "Customer Satisfaction" + }, ]} - imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg" imageAlt="JMM Autos Professional Workshop" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -127,9 +142,11 @@ export default function LandingPage() { useInvertedBackground={false} buttons={[ { - text: "Get Directions", href: "#"}, + text: "Get Directions", href: "#" + }, { - text: "Call: 089 242 4499", href: "tel:089242444"}, + text: "Call: 089 242 4499", href: "tel:089242444" + }, ]} /> @@ -142,16 +159,18 @@ export default function LandingPage() { useInvertedBackground={true} buttons={[ { - text: "Call Now: 089 242 4499", href: "tel:089242444"}, + text: "Call Now: 089 242 4499", href: "tel:089242444" + }, { - text: "Book Appointment"}, + text: "Book Appointment" + }, ]} />