Update src/app/page.tsx
This commit is contained in:
291
src/app/page.tsx
291
src/app/page.tsx
@@ -25,220 +25,95 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="A&M Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="A&M Motors"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="A&M Motors"
|
||||
description="We Keep You Moving. Your local expert for all vehicle repairs — from diagnostics to full engine work. Honest service, quality parts, fair prices."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Us Today",
|
||||
href: "tel:+441234567890",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138492.jpg",
|
||||
imageAlt: "General Repairs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg",
|
||||
imageAlt: "Diagnostics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg",
|
||||
imageAlt: "Tyres & Brakes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-oiling-car-brake_1170-1626.jpg",
|
||||
imageAlt: "Brakes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg",
|
||||
imageAlt: "Oil Servicing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-manual-worker-industrial-production-line-facility_637285-4875.jpg",
|
||||
imageAlt: "Air Conditioning",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="A&M Motors"
|
||||
description="We Keep You Moving. Your local expert for all vehicle repairs — from diagnostics to full engine work. Honest service, quality parts, fair prices."
|
||||
buttons={[{ text: "Book a Service", href: "#contact" }, { text: "Call Us Today", href: "tel:+441234567890" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138492.jpg", imageAlt: "General Repairs" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg", imageAlt: "Diagnostics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg", imageAlt: "Tyres & Brakes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-oiling-car-brake_1170-1626.jpg", imageAlt: "Brakes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg", imageAlt: "Oil Servicing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-manual-worker-industrial-production-line-facility_637285-4875.jpg", imageAlt: "Air Conditioning" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No hidden fees or surprise costs",
|
||||
"No guesswork on diagnostics",
|
||||
"No unnecessary upselling",
|
||||
"No delayed turnaround times",
|
||||
"No low-quality generic parts",
|
||||
"No unreliable work history",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"General Mechanical Repairs",
|
||||
"Advanced Computer Diagnostics",
|
||||
"Tyres & Brake Replacement",
|
||||
"Full Oil & Filter Servicing",
|
||||
"Air Conditioning Regas",
|
||||
"MOT Preparation Inspections",
|
||||
],
|
||||
}}
|
||||
title="Our Services"
|
||||
description="Comprehensive mechanical repair and maintenance for all vehicle makes and models."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["No hidden fees or surprise costs", "No guesswork on diagnostics", "No unnecessary upselling", "No delayed turnaround times", "No low-quality generic parts", "No unreliable work history"] }}
|
||||
positiveCard={{ items: ["General Mechanical Repairs", "Advanced Computer Diagnostics", "Tyres & Brake Replacement", "Full Oil & Filter Servicing", "Air Conditioning Regas", "MOT Preparation Inspections"] }}
|
||||
title="Our Services"
|
||||
description="Comprehensive mechanical repair and maintenance for all vehicle makes and models."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Your Local Garage, Done Right"
|
||||
description="We're not a faceless chain. A&M Motors is a local, independent repair shop with a reputation built on honesty and quality work. When you bring your vehicle to us, you deal with people who genuinely care about getting you back on the road safely."
|
||||
tag="Why Choose Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Your Local Garage, Done Right"
|
||||
description="We're not a faceless chain. A&M Motors is a local, independent repair shop with a reputation built on honesty and quality work. When you bring your vehicle to us, you deal with people who genuinely care about getting you back on the road safely."
|
||||
tag="Why Choose Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Service",
|
||||
quote: "Absolutely fantastic service. They diagnosed the issue within minutes and had my car back to me the same afternoon. Will not go anywhere else.",
|
||||
name: "Sarah M.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Trusted",
|
||||
quote: "Honest, reliable and reasonably priced. Rare to find a garage you can actually trust — these guys are the real deal. Highly recommended.",
|
||||
name: "David K.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Very Helpful",
|
||||
quote: "Great team, very knowledgeable. They explained exactly what needed doing and why without trying to upsell unnecessary extras. Refreshingly honest.",
|
||||
name: "Priya L.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-car-workshop_52683-90907.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fixed First Time",
|
||||
quote: "Brought my car in with a mystery fault that two other garages couldn't fix. A&M had it sorted same day. Absolutely brilliant.",
|
||||
name: "James T.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Quality",
|
||||
quote: "Quality work and fair prices. I've been coming here for years and have never had a complaint.",
|
||||
name: "Mark R.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See why our customers trust us with their vehicles."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great Service", quote: "Absolutely fantastic service. They diagnosed the issue within minutes and had my car back to me the same afternoon. Will not go anywhere else.", name: "Sarah M.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg" },
|
||||
{ id: "2", title: "Highly Trusted", quote: "Honest, reliable and reasonably priced. Rare to find a garage you can actually trust — these guys are the real deal. Highly recommended.", name: "David K.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg" },
|
||||
{ id: "3", title: "Very Helpful", quote: "Great team, very knowledgeable. They explained exactly what needed doing and why without trying to upsell unnecessary extras. Refreshingly honest.", name: "Priya L.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-car-workshop_52683-90907.jpg" },
|
||||
{ id: "4", title: "Fixed First Time", quote: "Brought my car in with a mystery fault that two other garages couldn't fix. A&M had it sorted same day. Absolutely brilliant.", name: "James T.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg" },
|
||||
{ id: "5", title: "Top Quality", quote: "Quality work and fair prices. I've been coming here for years and have never had a complaint.", name: "Mark R.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg" }
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See why our customers trust us with their vehicles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Book Your Appointment"
|
||||
description="Fill in the details below to request a service booking. We'll be in touch shortly to confirm."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-repair-shop-using-augmented-reality-holograms-check-car-specifications-checkup-meticulous-garage-employee-using-futuristic-ar-technology-examine-defective-vehicle_482257-73060.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get In Touch"
|
||||
title="Book Your Appointment"
|
||||
description="Fill in the details below to request a service booking. We'll be in touch shortly to confirm."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-repair-shop-using-augmented-reality-holograms-check-car-specifications-checkup-meticulous-garage-employee-using-futuristic-ar-technology-examine-defective-vehicle_482257-73060.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="A&M Motors"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "General Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Tyres & Brakes",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="A&M Motors"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "General Repairs", href: "#services" }, { label: "Diagnostics", href: "#services" }, { label: "Tyres & Brakes", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Reviews", href: "#reviews" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user