Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -29,124 +29,46 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="A&M Motors"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We Keep You Moving."
|
||||
description="A&M Motors is your local expert for all vehicle repairs — from diagnostics to full engine work. Honest service, quality parts, fair prices."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Excellent diagnostics and fast service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg?_wi=1",
|
||||
imageAlt: "automotive repair shop tools workbench",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Honest, reliable and fairly priced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg?_wi=1",
|
||||
imageAlt: "professional mechanic smiling garage",
|
||||
},
|
||||
{
|
||||
name: "Priya L.",
|
||||
handle: "@priyal",
|
||||
testimonial: "Knowledgeable and very refreshing.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg?_wi=1",
|
||||
imageAlt: "happy customer portrait car garage",
|
||||
},
|
||||
{
|
||||
name: "James T.",
|
||||
handle: "@jamest",
|
||||
testimonial: "Professional and transparent, a rare find.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-woman-holding-wrench-fix-car_23-2148327534.jpg?_wi=1",
|
||||
imageAlt: "woman satisfied with auto service",
|
||||
},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Best service in town, never going anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg?_wi=1",
|
||||
imageAlt: "portrait of customer at garage",
|
||||
},
|
||||
{ name: "Sarah M.", handle: "@sarahm", testimonial: "Excellent diagnostics and fast service!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg", imageAlt: "automotive repair shop tools workbench" },
|
||||
{ name: "David K.", handle: "@davidk", testimonial: "Honest, reliable and fairly priced.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg", imageAlt: "professional mechanic smiling garage" },
|
||||
{ name: "Priya L.", handle: "@priyal", testimonial: "Knowledgeable and very refreshing.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg", imageAlt: "happy customer portrait car garage" },
|
||||
{ name: "James T.", handle: "@jamest", testimonial: "Professional and transparent, a rare find.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanical-woman-holding-wrench-fix-car_23-2148327534.jpg", imageAlt: "woman satisfied with auto service" },
|
||||
{ name: "Mark R.", handle: "@markr", testimonial: "Best service in town, never going anywhere else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg", imageAlt: "portrait of customer at garage" },
|
||||
]}
|
||||
tag="Trusted Vehicle Repair"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanical-woman-holding-wrench-fix-car_23-2148327534.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanical-woman-holding-wrench-fix-car_23-2148327534.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diagnostics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brake Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Oil Changes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MOT Ready",
|
||||
},
|
||||
{ type: "text", text: "Engine Repairs" },
|
||||
{ type: "text", text: "Diagnostics" },
|
||||
{ type: "text", text: "Brake Service" },
|
||||
{ type: "text", text: "Oil Changes" },
|
||||
{ type: "text", text: "MOT Ready" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,54 +79,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "General Repairs",
|
||||
description: "Full servicing for all makes and models.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg?_wi=1",
|
||||
imageAlt: "happy driver car service center",
|
||||
},
|
||||
{
|
||||
title: "Diagnostics",
|
||||
description: "Advanced computer pinpointing for issues.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg?_wi=1",
|
||||
imageAlt: "satisfied customer repair shop",
|
||||
},
|
||||
{
|
||||
title: "Tyres & Brakes",
|
||||
description: "Fitting and inspection for your safety.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg?_wi=3",
|
||||
imageAlt: "automotive repair shop tools workbench",
|
||||
},
|
||||
{
|
||||
title: "Oil & Servicing",
|
||||
description: "Routine maintenance for vehicle life.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg?_wi=2",
|
||||
imageAlt: "professional mechanic smiling garage",
|
||||
},
|
||||
{
|
||||
title: "Air Conditioning",
|
||||
description: "AC regas and leak detection.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Snowflake,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait car garage",
|
||||
},
|
||||
{
|
||||
title: "MOT Prep",
|
||||
description: "Inspection to ensure first-time pass.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Car,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-woman-holding-wrench-fix-car_23-2148327534.jpg?_wi=2",
|
||||
imageAlt: "woman satisfied with auto service",
|
||||
},
|
||||
{ title: "General Repairs", description: "Full servicing for all makes and models.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
{ title: "Diagnostics", description: "Advanced computer pinpointing for issues.", bentoComponent: "reveal-icon", icon: Search },
|
||||
{ title: "Tyres & Brakes", description: "Fitting and inspection for your safety.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
{ title: "Oil & Servicing", description: "Routine maintenance for vehicle life.", bentoComponent: "reveal-icon", icon: Droplets },
|
||||
{ title: "Air Conditioning", description: "AC regas and leak detection.", bentoComponent: "reveal-icon", icon: Snowflake },
|
||||
{ title: "MOT Prep", description: "Inspection to ensure first-time pass.", bentoComponent: "reveal-icon", icon: Car },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer comprehensive vehicle repair solutions tailored to your needs."
|
||||
@@ -223,31 +103,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-woman-holding-wrench-fix-car_23-2148327534.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg" },
|
||||
{ id: "2", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-woman-holding-wrench-fix-car_23-2148327534.jpg" },
|
||||
{ id: "3", name: "Priya L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg" },
|
||||
{ id: "4", name: "James T.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg" },
|
||||
{ id: "5", name: "Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg" },
|
||||
]}
|
||||
cardTitle="4.3 Stars · 115 Reviews"
|
||||
cardTag="What Customers Say"
|
||||
@@ -258,9 +118,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Get In Touch"
|
||||
title="Book Your Appointment"
|
||||
description="Ready to get back on the road? Send us your details below."
|
||||
@@ -272,42 +130,21 @@ export default function LandingPage() {
|
||||
logoText="A&M Motors"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "MOT",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Repairs", href: "#services" },
|
||||
{ label: "MOT", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user