Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Tyres"
|
||||
/>
|
||||
@@ -53,62 +45,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Precision Care for Your Drive"
|
||||
description="From expert wheel alignment and mag rim repairs to professional tyre fitting, we keep your vehicle safe, smooth, and road-ready."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-17054.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-17054.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-stacking-car-tires-while-working-auto-repair-shop_637285-7528.jpg",
|
||||
alt: "Mechanic stacking tires",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-stacking-car-tires-while-working-auto-repair-shop_637285-7528.jpg", alt: "Mechanic stacking tires"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg",
|
||||
alt: "Mechanic checking car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg", alt: "Mechanic checking car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg",
|
||||
alt: "Tool shed and shiny car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg", alt: "Tool shed and shiny car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg",
|
||||
alt: "Workshop with pneumatic tool",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg", alt: "Workshop with pneumatic tool"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
|
||||
alt: "Happy mechanic portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", alt: "Happy mechanic portrait"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assured",
|
||||
},
|
||||
type: "text", text: "Quality Assured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Laser Alignment",
|
||||
},
|
||||
type: "text", text: "Precision Laser Alignment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Rim Restoration",
|
||||
},
|
||||
type: "text", text: "Premium Rim Restoration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Tyre Advice",
|
||||
},
|
||||
type: "text", text: "Expert Tyre Advice"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
type: "text", text: "Fast Turnaround"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,55 +89,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wheel Alignment",
|
||||
description: "Precision laser alignment for better fuel economy and even tyre wear.",
|
||||
icon: Settings,
|
||||
title: "Wheel Alignment", description: "Precision laser alignment for better fuel economy and even tyre wear.", icon: Settings,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170021.jpg",
|
||||
imageAlt: "Alignment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170021.jpg", imageAlt: "Alignment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-placing-auto-wheel-transport-nave_23-2147897837.jpg",
|
||||
imageAlt: "Alignment",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-17054.jpg?_wi=2",
|
||||
imageAlt: "tire rotation car repair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-placing-auto-wheel-transport-nave_23-2147897837.jpg", imageAlt: "Alignment"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Tyre Solutions",
|
||||
description: "New and quality used tyres tailored for all vehicle types and budgets.",
|
||||
icon: CheckCircle2,
|
||||
title: "Tyre Solutions", description: "New and quality used tyres tailored for all vehicle types and budgets.", icon: CheckCircle2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg",
|
||||
imageAlt: "Tyres",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg", imageAlt: "Tyres"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg",
|
||||
imageAlt: "Tyres",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg?_wi=1",
|
||||
imageAlt: "tire rotation car repair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg", imageAlt: "Tyres"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Mag Rim Repairs",
|
||||
description: "Expert straightening and cosmetic restoration for damaged mag rims.",
|
||||
icon: Gauge,
|
||||
title: "Mag Rim Repairs", description: "Expert straightening and cosmetic restoration for damaged mag rims.", icon: Gauge,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-outdoors_23-2149891088.jpg",
|
||||
imageAlt: "Rims",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-outdoors_23-2149891088.jpg", imageAlt: "Rims"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg",
|
||||
imageAlt: "Rims",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg?_wi=1",
|
||||
imageAlt: "tire rotation car repair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", imageAlt: "Rims"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Automotive Expert Services"
|
||||
@@ -184,59 +129,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Apex",
|
||||
name: "Performance Sport Tyre",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Apex", name: "Performance Sport Tyre", price: "$120", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Apex",
|
||||
name: "City Commuter Tyre",
|
||||
price: "$85",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-car-wheel_23-2149432974.jpg",
|
||||
},
|
||||
id: "p2", brand: "Apex", name: "City Commuter Tyre", price: "$85", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-car-wheel_23-2149432974.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Apex",
|
||||
name: "Alloy Mag Rim V1",
|
||||
price: "$250",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-film-roll_23-2150866027.jpg",
|
||||
},
|
||||
id: "p3", brand: "Apex", name: "Alloy Mag Rim V1", price: "$250", rating: 5,
|
||||
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-film-roll_23-2150866027.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Apex",
|
||||
name: "Alloy Mag Rim V2",
|
||||
price: "$275",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-brownish-vintage-car-street-near-lake_181624-59346.jpg",
|
||||
},
|
||||
id: "p4", brand: "Apex", name: "Alloy Mag Rim V2", price: "$275", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-brownish-vintage-car-street-near-lake_181624-59346.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Apex",
|
||||
name: "Premium All-Season",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg",
|
||||
},
|
||||
id: "p5", brand: "Apex", name: "Premium All-Season", price: "$150", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Apex",
|
||||
name: "Off-Road Specialist",
|
||||
price: "$190",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-side-wheel-vintage-black-sedan-car_114579-4027.jpg",
|
||||
},
|
||||
id: "p6", brand: "Apex", name: "Off-Road Specialist", price: "$190", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/back-side-wheel-vintage-black-sedan-car_114579-4027.jpg"},
|
||||
]}
|
||||
title="Premium Selection"
|
||||
description="View our current stock of tyres and quality mag rims ready for immediate installation."
|
||||
@@ -250,45 +159,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and quick turnaround on rim repairs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and quick turnaround on rim repairs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Best tyre prices in the city, really helpful staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-45045.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "Best tyre prices in the city, really helpful staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-45045.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "My car drives like new after their laser alignment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-15642.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Ross", handle: "@mikeross", testimonial: "My car drives like new after their laser alignment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-15642.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "Professional, clean workshop. Highly recommend them.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-car-mechanic-examining-stock-tires-auto-repair-shop_637285-7534.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Lee", handle: "@sarahlee", testimonial: "Professional, clean workshop. Highly recommend them.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-car-mechanic-examining-stock-tires-auto-repair-shop_637285-7534.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "Used tyres were in surprisingly great condition.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg",
|
||||
},
|
||||
id: "5", name: "David Kim", handle: "@davidk", testimonial: "Used tyres were in surprisingly great condition.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -303,22 +187,14 @@ export default function LandingPage() {
|
||||
description="Book your appointment or get a quote today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Service Required...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Service Required...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg"
|
||||
@@ -330,13 +206,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Apex Tyres"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user