Merge version_1 into main #1
308
src/app/page.tsx
308
src/app/page.tsx
@@ -16,219 +16,117 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Scott Linus Tyre"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Scott Linus Tyre"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Scott Linus Tyre"
|
||||
description="Built on Trust. Driven by Precision. Serving the Vaal region with expert fitment and repair since 2014."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Scott Linus Tyre"
|
||||
description="Built on Trust. Driven by Precision. Serving the Vaal region with expert fitment and repair since 2014."
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" },
|
||||
{ text: "Get a Free Quote", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Family-owned and operated since 2014, Scott Linus Tyre provides honest, high-quality automotive repair services you can depend on in the Vaal region."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Family-owned and operated since 2014, Scott Linus Tyre provides honest, high-quality automotive repair services you can depend on in the Vaal region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Wheel Alignment",
|
||||
description: "Passenger/Bakkies: R250+ | SUVs: R300+. Book now for precision alignment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163671.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rim Welding",
|
||||
description: "Expert rim welding solutions. Price: from R300+. Get a free quote via WhatsApp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2519.jpg",
|
||||
},
|
||||
{
|
||||
title: "Used Tyres",
|
||||
description: "12-16\": R400+ | 17\": R450+ | 18\": R650+ | 19\": R800+. Get a quote for 20\"+.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-environment-with-grunge-aesthetic_23-2150943442.jpg",
|
||||
},
|
||||
{
|
||||
title: "Engine Servicing",
|
||||
description: "Comprehensive car servicing for optimal performance. Contact us for a quote.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36598.jpg",
|
||||
},
|
||||
{
|
||||
title: "Suspension Repairs",
|
||||
description: "Quality checks and repairs for your vehicle's suspension system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg",
|
||||
},
|
||||
{
|
||||
title: "New Tyres",
|
||||
description: "Premium new tyres for all vehicle types. Contact us for availability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Expert solutions for your vehicle's safety and performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment via WhatsApp",
|
||||
href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Wheel Alignment", description: "Passenger/Bakkies: R250+ | SUVs: R300+. Book now for precision alignment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163671.jpg" },
|
||||
{ title: "Rim Welding", description: "Expert rim welding solutions. Price: from R300+. Get a free quote via WhatsApp.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2519.jpg" },
|
||||
{ title: "Used Tyres", description: "12-16\": R400+ | 17\": R450+ | 18\": R650+ | 19\": R800+. Get a quote for 20\"+.", imageSrc: "http://img.b2bpic.net/free-photo/urban-environment-with-grunge-aesthetic_23-2150943442.jpg" },
|
||||
{ title: "Engine Servicing", description: "Comprehensive car servicing for optimal performance. Contact us for a quote.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36598.jpg" },
|
||||
{ title: "Suspension Repairs", description: "Quality checks and repairs for your vehicle's suspension system.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg" },
|
||||
{ title: "New Tyres", description: "Premium new tyres for all vehicle types. Contact us for availability.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg" }
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Expert solutions for your vehicle's safety and performance."
|
||||
buttons={[{ text: "Book Appointment via WhatsApp", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Danie Botha",
|
||||
role: "Local Customer",
|
||||
company: "Vereeniging",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tires-auto-service-workshop_637285-7524.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Mokoena",
|
||||
role: "Local Customer",
|
||||
company: "Vaal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-trying-repair-car_23-2148514928.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Johan van Wyk",
|
||||
role: "Local Customer",
|
||||
company: "Gauteng",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairmen-examining-car-bottom_23-2147897937.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thandi Nkosi",
|
||||
role: "Local Customer",
|
||||
company: "Vereeniging",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-girl-jeans-jacket-head-scarf-tire-fitting-zone_627829-9503.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pieter Smit",
|
||||
role: "Local Customer",
|
||||
company: "Vaal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1653.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by our local community in Vereeniging."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Danie Botha", role: "Local Customer", company: "Vereeniging", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tires-auto-service-workshop_637285-7524.jpg" },
|
||||
{ id: "2", name: "Sarah Mokoena", role: "Local Customer", company: "Vaal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-trying-repair-car_23-2148514928.jpg" },
|
||||
{ id: "3", name: "Johan van Wyk", role: "Local Customer", company: "Gauteng", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/repairmen-examining-car-bottom_23-2147897937.jpg" },
|
||||
{ id: "4", name: "Thandi Nkosi", role: "Local Customer", company: "Vereeniging", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-girl-jeans-jacket-head-scarf-tire-fitting-zone_627829-9503.jpg" },
|
||||
{ id: "5", name: "Pieter Smit", role: "Local Customer", company: "Vaal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1653.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by our local community in Vereeniging."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Visit us at 4 Grey Avenue, Vereeniging, Gauteng. Open Monday to Saturday. WhatsApp us for a free quote at 0787499491."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us at 4 Grey Avenue, Vereeniging, Gauteng. Open Monday to Saturday. WhatsApp us for a free quote at 0787499491."
|
||||
buttons={[{ text: "WhatsApp Us", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881889.jpg"
|
||||
logoText="Scott Linus Tyre"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Scott Linus Tyre. Established 2014."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881889.jpg"
|
||||
logoText="Scott Linus Tyre"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{ title: "Connect", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/27787499491?text=Hi+Scott+Linus+Tyre+I+would+like+a+free+quote" },
|
||||
{ label: "Facebook", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Scott Linus Tyre. Established 2014."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user