bender/8455a13b-2042-49af-b80a-5a191b57f524
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 19:05:14 +00:00
parent 12acd41986
commit 45a23256d3
1 changed files with 51 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -32,17 +32,11 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Garage La Macchina Sàrl"
/>
@@ -51,47 +45,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Precision and Passion for Your Vehicle"
description="Garage La Macchina Sàrl offers expert mechanical services, diagnostics, and car maintenance with the attention to detail your car deserves."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
]}
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169972.jpg?_wi=1",
imageAlt: "Automotive service bay",
},
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169972.jpg", imageAlt: "Automotive service bay"},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428338.jpg?_wi=1",
imageAlt: "Engine repair",
},
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428338.jpg", imageAlt: "Engine repair"},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-crossing-hands_23-2147897805.jpg?_wi=1",
imageAlt: "Mechanic workspace",
},
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-crossing-hands_23-2147897805.jpg", imageAlt: "Mechanic workspace"},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-digital-tablet-while-repairing-analyzing-engine-auto-repair-shop_637285-4307.jpg",
imageAlt: "Diagnostics equipment",
},
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-digital-tablet-while-repairing-analyzing-engine-auto-repair-shop_637285-4307.jpg", imageAlt: "Diagnostics equipment"},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/garage-mechanic-working-suspended-car_482257-86291.jpg",
imageAlt: "Tire maintenance",
},
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/garage-mechanic-working-suspended-car_482257-86291.jpg", imageAlt: "Tire maintenance"},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-carpark-atnight-wode-angle_1127-3163.jpg",
imageAlt: "Professional garage",
},
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/indoor-carpark-atnight-wode-angle_1127-3163.jpg", imageAlt: "Professional garage"},
]}
/>
</div>
@@ -113,46 +86,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Diagnostic Scanning",
description: "State-of-the-art diagnostic technology for precise fault identification.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1325.jpg",
imageAlt: "Diagnostics",
},
title: "Diagnostic Scanning", description: "State-of-the-art diagnostic technology for precise fault identification.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1325.jpg", imageAlt: "Diagnostics"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg",
imageAlt: "Repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169972.jpg?_wi=2",
imageAlt: "car diagnostics technology",
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg", imageAlt: "Repair"}
},
{
title: "Engine Maintenance",
description: "Thorough engine checkups and performance optimization services.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg",
imageAlt: "Engine",
},
title: "Engine Maintenance", description: "Thorough engine checkups and performance optimization services.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg", imageAlt: "Engine"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-with-documents-car-service_1303-26919.jpg",
imageAlt: "Workspace",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428338.jpg?_wi=2",
imageAlt: "car diagnostics technology",
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-with-documents-car-service_1303-26919.jpg", imageAlt: "Workspace"}
},
{
title: "Brake & Suspension",
description: "Full safety checks and repairs for braking and suspension systems.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel-disc-brake_1170-1212.jpg",
imageAlt: "Brakes",
},
title: "Brake & Suspension", description: "Full safety checks and repairs for braking and suspension systems.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel-disc-brake_1170-1212.jpg", imageAlt: "Brakes"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-mechanics-repairing-car_23-2148327563.jpg",
imageAlt: "Suspension",
},
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-crossing-hands_23-2147897805.jpg?_wi=2",
imageAlt: "car diagnostics technology",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-mechanics-repairing-car_23-2148327563.jpg", imageAlt: "Suspension"}
},
]}
showStepNumbers={true}
@@ -169,41 +118,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Full Service Oil Change",
price: "from 150 CHF",
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-man-smith-with-clipboard-workshop_146671-19700.jpg",
},
id: "p1", name: "Full Service Oil Change", price: "from 150 CHF", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-man-smith-with-clipboard-workshop_146671-19700.jpg"},
{
id: "p2",
name: "Brake Pad Check & Replace",
price: "from 250 CHF",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg",
},
id: "p2", name: "Brake Pad Check & Replace", price: "from 250 CHF", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg"},
{
id: "p3",
name: "Tire Balancing & Alignment",
price: "from 120 CHF",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-mechanic-repairing-car_23-2148327544.jpg",
},
id: "p3", name: "Tire Balancing & Alignment", price: "from 120 CHF", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-mechanic-repairing-car_23-2148327544.jpg"},
{
id: "p4",
name: "Electronic Diagnostics",
price: "from 90 CHF",
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg",
},
id: "p4", name: "Electronic Diagnostics", price: "from 90 CHF", imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg"},
{
id: "p5",
name: "Suspension System Check",
price: "from 180 CHF",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car_1170-1594.jpg",
},
id: "p5", name: "Suspension System Check", price: "from 180 CHF", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car_1170-1594.jpg"},
{
id: "p6",
name: "Battery & Electrical",
price: "from 80 CHF",
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-man-closing-vehicle-inlet-port-ev-automobile_482257-130224.jpg",
},
id: "p6", name: "Battery & Electrical", price: "from 80 CHF", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-man-closing-vehicle-inlet-port-ev-automobile_482257-130224.jpg"},
]}
title="Maintenance Packages"
description="Tailored packages to keep your vehicle in prime condition year-round."
@@ -217,59 +142,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John Doe",
role: "Owner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
id: "t1", name: "John Doe", role: "Owner", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
{
id: "t2",
name: "Jane Smith",
role: "Client",
company: "Individual",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
},
id: "t2", name: "Jane Smith", role: "Client", company: "Individual", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg"},
{
id: "t3",
name: "Marco Rossi",
role: "Driver",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
},
id: "t3", name: "Marco Rossi", role: "Driver", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg"},
{
id: "t4",
name: "Elena Weber",
role: "Commuter",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-wearing-id-card-smiling-confident-with-crossed-arms_839833-18875.jpg",
},
id: "t4", name: "Elena Weber", role: "Commuter", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-wearing-id-card-smiling-confident-with-crossed-arms_839833-18875.jpg"},
{
id: "t5",
name: "David Koch",
role: "Car Enthusiast",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
},
id: "t5", name: "David Koch", role: "Car Enthusiast", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
]}
kpiItems={[
{
value: "12+",
label: "Years Experience",
},
value: "12+", label: "Years Experience"},
{
value: "5k+",
label: "Satisfied Customers",
},
value: "5k+", label: "Satisfied Customers"},
{
value: "4.9",
label: "Avg Rating",
},
value: "4.9", label: "Avg Rating"},
]}
title="Customer Feedback"
description="See why our customers trust us with their vehicles."
@@ -283,34 +177,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Expert Certified",
items: [
"Certified Mechanics",
"Regular Training",
"Genuine Parts",
],
id: "m1", value: "100%", title: "Expert Certified", items: [
"Certified Mechanics", "Regular Training", "Genuine Parts"],
},
{
id: "m2",
value: "24h",
title: "Rapid Turnaround",
items: [
"Fast Diagnostics",
"Efficient Service",
"Timely Delivery",
],
id: "m2", value: "24h", title: "Rapid Turnaround", items: [
"Fast Diagnostics", "Efficient Service", "Timely Delivery"],
},
{
id: "m3",
value: "99%",
title: "Client Retention",
items: [
"Trust & Quality",
"Fair Pricing",
"Transparent Care",
],
id: "m3", value: "99%", title: "Client Retention", items: [
"Trust & Quality", "Fair Pricing", "Transparent Care"],
},
]}
title="Quality by Numbers"
@@ -324,20 +200,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you handle electric vehicles?",
content: "Yes, our certified technicians are trained for EV maintenance.",
},
id: "f1", title: "Do you handle electric vehicles?", content: "Yes, our certified technicians are trained for EV maintenance."},
{
id: "f2",
title: "Do you offer loaner cars?",
content: "We offer a courtesy fleet for longer repair sessions.",
},
id: "f2", title: "Do you offer loaner cars?", content: "We offer a courtesy fleet for longer repair sessions."},
{
id: "f3",
title: "Are your parts guaranteed?",
content: "All replaced parts come with a 12-month manufacturer guarantee.",
},
id: "f3", title: "Are your parts guaranteed?", content: "All replaced parts come with a 12-month manufacturer guarantee."},
]}
title="Common Questions"
description="Find answers to our most frequently asked questions."
@@ -349,8 +216,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Ready for Service?"
description="Drop us a message or give us a call to book your next garage visit."
@@ -363,13 +229,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="La Macchina Sàrl"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>