Merge version_2 into main #2
179
src/app/page.tsx
179
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Rim Repair",
|
||||
id: "/rim-repair",
|
||||
},
|
||||
name: "Rim Repair", id: "/rim-repair"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/#services",
|
||||
},
|
||||
name: "Services", id: "/#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Scott Linus Tyre"
|
||||
/>
|
||||
@@ -52,29 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Scott Linus Tyre"
|
||||
description="Family-owned since 2014. Vereeniging's trusted tyre and wheel specialists — we handle everything from rim repair to wheel alignment, suspension, and car servicing. Repaired Fast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "https://wa.me/27787499491",
|
||||
},
|
||||
text: "Get Your Free Quote", href: "https://wa.me/27787499491"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-wide-shot-of-scott-linus-ty-1775562065204-2f2dde83.png?_wi=1",
|
||||
imageAlt: "Workshop Front",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-wide-shot-of-scott-linus-ty-1775562065204-2f2dde83.png?_wi=1", imageAlt: "Workshop Front"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/bmw-x5-car-on-a-professional-hunter-alig-1775562064660-afa42af8.png?_wi=1",
|
||||
imageAlt: "BMW X5 Alignment",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/bmw-x5-car-on-a-professional-hunter-alig-1775562064660-afa42af8.png?_wi=1", imageAlt: "BMW X5 Alignment"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/mechanic-working-under-a-car-on-a-hydrau-1775562066282-ebb6ffe8.png?_wi=1",
|
||||
imageAlt: "Suspension repair",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/mechanic-working-under-a-car-on-a-hydrau-1775562066282-ebb6ffe8.png?_wi=1", imageAlt: "Suspension repair"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -86,45 +69,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rim Repair",
|
||||
description: "Professional straightening and restoration.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/split-view-image-showing-a-damaged-bent--1775562064010-6c59de6a.png?_wi=1",
|
||||
},
|
||||
title: "Rim Repair", description: "Professional straightening and restoration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/split-view-image-showing-a-damaged-bent--1775562064010-6c59de6a.png?_wi=1"},
|
||||
{
|
||||
title: "Wheel Alignment",
|
||||
description: "Precision Hunter alignment technology.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/bmw-x5-car-on-a-professional-hunter-alig-1775562064660-afa42af8.png?_wi=2",
|
||||
},
|
||||
title: "Wheel Alignment", description: "Precision Hunter alignment technology.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/bmw-x5-car-on-a-professional-hunter-alig-1775562064660-afa42af8.png?_wi=2"},
|
||||
{
|
||||
title: "New Tyres",
|
||||
description: "Wide selection of leading brands.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/stacks-of-brand-new-black-tyres-in-a-cle-1775562064246-9356452d.png",
|
||||
},
|
||||
title: "New Tyres", description: "Wide selection of leading brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/stacks-of-brand-new-black-tyres-in-a-cle-1775562064246-9356452d.png"},
|
||||
{
|
||||
title: "Used Tyres",
|
||||
description: "Quality budget-friendly tyres.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/row-of-quality-second-hand-tyres-in-a-wo-1775562064873-5fbb5756.png",
|
||||
},
|
||||
title: "Used Tyres", description: "Quality budget-friendly tyres.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/row-of-quality-second-hand-tyres-in-a-wo-1775562064873-5fbb5756.png"},
|
||||
{
|
||||
title: "Aluminium Welding",
|
||||
description: "Strong, lasting alloy repairs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/macro-shot-showing-a-cracked-aluminium-r-1775562065334-1514779e.png?_wi=1",
|
||||
},
|
||||
title: "Aluminium Welding", description: "Strong, lasting alloy repairs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/macro-shot-showing-a-cracked-aluminium-r-1775562065334-1514779e.png?_wi=1"},
|
||||
{
|
||||
title: "Suspension Services",
|
||||
description: "Full diagnosis and repair.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/mechanic-working-under-a-car-on-a-hydrau-1775562066282-ebb6ffe8.png?_wi=2",
|
||||
},
|
||||
title: "Suspension Services", description: "Full diagnosis and repair.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/mechanic-working-under-a-car-on-a-hydrau-1775562066282-ebb6ffe8.png?_wi=2"},
|
||||
{
|
||||
title: "Car Servicing",
|
||||
description: "Minor and major vehicle maintenance.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-mechanic-servicing-an-open--1775562064906-6b67dab6.png",
|
||||
},
|
||||
title: "Car Servicing", description: "Minor and major vehicle maintenance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-mechanic-servicing-an-open--1775562064906-6b67dab6.png"},
|
||||
{
|
||||
title: "Panel Beating",
|
||||
description: "Professional bodywork restoration.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-wide-shot-of-scott-linus-ty-1775562065204-2f2dde83.png?_wi=2",
|
||||
},
|
||||
title: "Panel Beating", description: "Professional bodywork restoration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-wide-shot-of-scott-linus-ty-1775562065204-2f2dde83.png?_wi=2"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Fast, reliable, and affordable automotive solutions for every vehicle type."
|
||||
@@ -138,45 +97,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Best rim repair in Vereeniging. Fixed my BMW rims same day!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/happy-customer-standing-next-to-their-ve-1775562064752-08e2d7b9.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "John D.", handle: "@johnd", testimonial: "Best rim repair in Vereeniging. Fixed my BMW rims same day!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/happy-customer-standing-next-to-their-ve-1775562064752-08e2d7b9.png?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Sorted my alignment and suspension in one visit. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/close-up-professional-portrait-of-a-cust-1775562064619-e013d3ef.png?_wi=1",
|
||||
},
|
||||
id: "2", name: "Sarah K.", handle: "@sarahk", testimonial: "Sorted my alignment and suspension in one visit. Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/close-up-professional-portrait-of-a-cust-1775562064619-e013d3ef.png?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Great service, honest pricing. My go-to spot in the Vaal.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/diverse-group-of-customers-at-the-tyre-s-1775562065357-76bf096e.png",
|
||||
},
|
||||
id: "3", name: "Mike R.", handle: "@miker", testimonial: "Great service, honest pricing. My go-to spot in the Vaal.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/diverse-group-of-customers-at-the-tyre-s-1775562065357-76bf096e.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Excellent service and quick turnaround!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/happy-customer-standing-next-to-their-ve-1775562064752-08e2d7b9.png?_wi=2",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@davidl", testimonial: "Excellent service and quick turnaround!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/happy-customer-standing-next-to-their-ve-1775562064752-08e2d7b9.png?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Affordable and very professional staff.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/close-up-professional-portrait-of-a-cust-1775562064619-e013d3ef.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Emily P.", handle: "@emilyp", testimonial: "Affordable and very professional staff.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/close-up-professional-portrait-of-a-cust-1775562064619-e013d3ef.png?_wi=2"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -191,12 +125,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Drivers"
|
||||
description="Providing top-tier automotive care to the Vaal region."
|
||||
names={[
|
||||
"Vereeniging Local Community",
|
||||
"Vaal Business Association",
|
||||
"Regional Tyre Network",
|
||||
"Local Auto Repair Union",
|
||||
"Automotive Service Guild",
|
||||
]}
|
||||
"Vereeniging Local Community", "Vaal Business Association", "Regional Tyre Network", "Local Auto Repair Union", "Automotive Service Guild"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,26 +138,11 @@ export default function LandingPage() {
|
||||
description="Proven results for your vehicle's longevity."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2014",
|
||||
title: "Established",
|
||||
description: "Decade of professional service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-wide-shot-of-scott-linus-ty-1775562065204-2f2dde83.png?_wi=3",
|
||||
},
|
||||
id: "1", value: "2014", title: "Established", description: "Decade of professional service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/professional-wide-shot-of-scott-linus-ty-1775562065204-2f2dde83.png?_wi=3"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5000+",
|
||||
title: "Rims Repaired",
|
||||
description: "Expert straightening and welding.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/split-view-image-showing-a-damaged-bent--1775562064010-6c59de6a.png?_wi=2",
|
||||
},
|
||||
id: "2", value: "5000+", title: "Rims Repaired", description: "Expert straightening and welding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/split-view-image-showing-a-damaged-bent--1775562064010-6c59de6a.png?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Safety Focus",
|
||||
description: "Precision alignment and suspension.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/bmw-x5-car-on-a-professional-hunter-alig-1775562064660-afa42af8.png?_wi=3",
|
||||
},
|
||||
id: "3", value: "100%", title: "Safety Focus", description: "Precision alignment and suspension.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APGUatMlMiGdQJ2D94Dci8dEO6/bmw-x5-car-on-a-professional-hunter-alig-1775562064660-afa42af8.png?_wi=3"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -237,38 +151,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "4 Grey Avenue, Vereeniging",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "4 Grey Avenue, Vereeniging", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "078 749 9491",
|
||||
href: "tel:0787499491",
|
||||
},
|
||||
label: "078 749 9491", href: "tel:0787499491"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/27787499491",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/27787499491"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Fri: 7:30-5:30",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Fri: 7:30-5:30", href: "#"},
|
||||
{
|
||||
label: "Sun: Open call us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sun: Open call us", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -278,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user