Update src/app/page.tsx
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user