bender/8d2e6808-192b-458c-98e8-e6b13926323f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

6 Commits
version_1 ... main

Author SHA1 Message Date
bender
14c9238bbe Merge version_2 into main 
Merge version_2 into main
 2026-04-13 14:10:52 +00:00
bender
3381f7b00b Update src/app/page.tsx 2026-04-13 14:10:46 +00:00
bender
abfa6fccb1 Merge version_2 into main 
Merge version_2 into main
 2026-04-13 14:10:18 +00:00
bender
589bec5393 Update src/app/page.tsx 2026-04-13 14:10:15 +00:00
bender
ea3e4b3c47 Merge version_1 into main 
Merge version_1 into main
 2026-04-13 14:09:03 +00:00
bender
a531f73753 Merge version_1 into main 
Merge version_1 into main
 2026-04-13 14:08:31 +00:00
1 changed files with 42 additions and 119 deletions
Expand all files Collapse all files

161
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { CheckCircle2, Gauge, Settings } from "lucide-react";
import { CheckCircle2, Gauge, Settings, Wrench, CircleDot } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,14 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "Inventory", id: "inventory"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Inventory", id: "inventory" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Apex Tyres"
/>
@@ -44,41 +41,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
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"},
]}
background={{ variant: "plain" }}
title="Your Complete Automotive & Tyre Partner"
description="From expert wheel alignment and mag rim repairs to professional tyre fitting and suspension services, we keep your vehicle safe, smooth, and road-ready."
buttons={[{ 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"
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/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/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"},
]}
avatarText="Join 500+ satisfied customers"
marqueeItems={[
{
type: "text", text: "Quality Assured"},
{
type: "text", text: "Precision Laser Alignment"},
{
type: "text", text: "Premium Rim Restoration"},
{
type: "text", text: "Expert Tyre Advice"},
{
type: "text", text: "Fast Turnaround"},
]}
/>
</div>
@@ -89,35 +57,24 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
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/car-mechanic-placing-auto-wheel-transport-nave_23-2147897837.jpg", imageAlt: "Alignment"},
]
title: "Wheel Alignment & Suspension", description: "Expert laser alignment and suspension checks for better handling and even tyre wear.", icon: Settings,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170021.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-placing-auto-wheel-transport-nave_23-2147897837.jpg" }]
},
{
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/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg", imageAlt: "Tyres"},
]
title: "New & Used Tyres", description: "Premium selection of new tyres and high-quality used options for every budget.", icon: CircleDot,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg" }]
},
{
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/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", imageAlt: "Rims"},
]
title: "Mag Rim Repairs", description: "Professional straightening and cosmetic restoration to bring your rims back to life.", icon: Gauge,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-outdoors_23-2149891088.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg" }]
},
{
title: "General Services", description: "Comprehensive vehicle maintenance to ensure road safety and performance.", icon: Wrench,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg" }]
}
]}
title="Automotive Expert Services"
description="We specialize in comprehensive vehicle handling and tyre management to ensure optimal safety and driving performance."
title="Comprehensive Vehicle Care"
description="Our dedicated workshop provides end-to-end solutions for all your automotive needs."
/>
</div>
@@ -128,27 +85,13 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
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"},
{
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: "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: "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: "p1", brand: "Elite", name: "Performance Sport Tyre", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg", rating: 5, reviewCount: "120" },
{ id: "p2", brand: "Value", name: "City Commuter Tyre", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-car-wheel_23-2149432974.jpg", rating: 4, reviewCount: "85" },
{ id: "p3", brand: "Premium", name: "Alloy Mag Rim", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-film-roll_23-2150866027.jpg", rating: 5, reviewCount: "45" },
{ id: "p4", brand: "Heavy", name: "All-Terrain Specialist", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/back-side-wheel-vintage-black-sedan-car_114579-4027.jpg", rating: 5, reviewCount: "210" }
]}
title="Premium Selection"
description="View our current stock of tyres and quality mag rims ready for immediate installation."
title="Inventory & Rims"
description="Explore our curated selection of high-performance tyres and alloy rims ready for fitment."
/>
</div>
@@ -158,45 +101,27 @@ export default function LandingPage() {
textboxLayout="split"
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"},
{
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: "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: "1", name: "Alex P.", handle: "@alexp", testimonial: "The wheel alignment service was fast and incredibly precise. Great experience.", rating: 5 },
{ id: "2", name: "Maria G.", handle: "@mariag", testimonial: "Expert rim repair! My alloy looks brand new again. Highly recommend.", rating: 5 },
{ id: "3", name: "Tom B.", handle: "@tomb", testimonial: "Best selection of used tyres in town. Affordable and reliable.", rating: 4 }
]}
showRating={true}
title="Customer Stories"
description="Trusted by hundreds of drivers to keep their vehicles moving smoothly."
title="What Our Clients Say"
description="Join hundreds of drivers who trust Apex Tyres for their vehicle maintenance."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Our Workshop"
description="Book your appointment or get a quote today."
title="Book Your Appointment"
description="Ready to service your vehicle? Reach out to us today."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "service", type: "text", placeholder: "Type of Service Required" }
]}
textarea={{
name: "message", placeholder: "Service Required...", rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Additional details...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg"
mediaPosition="right"
/>
@@ -205,13 +130,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Apex Tyres"
leftLink={{
text: "Terms of Service", href: "#"}}
rightLink={{
text: "Privacy Policy", href: "#"}}
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}