176 lines
7.9 KiB
TypeScript
176 lines
7.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="SK8Revolution"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Scooter & Bike Repairs You Can Trust"
|
|
description="Fast, reliable service from friendly local experts in Oran Park. Top-quality gear and same-day repairs available."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:0200000000"},
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8107.jpg"
|
|
imageAlt="Electric scooter repair workshop mechanic"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Speed", title: "Same-Day Repairs", subtitle: "Get back on track fast.", description: "Don't wait weeks. Most repairs are done in 24 hours.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-electric-scooter-street_23-2149138622.jpg"},
|
|
{
|
|
tag: "Quality", title: "Expert Tuning", subtitle: "Precision handling.", description: "From brake adjustments to bearing replacements, we do it right.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-repair-shop_23-2149117180.jpg"},
|
|
{
|
|
tag: "Friendly", title: "Local Advice", subtitle: "Rider-to-rider.", description: "Expert guidance on parts, upgrades, and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-electric-bike-shop_23-2149117173.jpg"},
|
|
]}
|
|
title="Professional Services"
|
|
description="We keep you rolling with expert care and fast turnaround times."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "4.9+", title: "Google Rating", description: "Consistently rated 5 stars by our happy local community.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-with-fixed-scooter_23-2149117190.jpg"},
|
|
{
|
|
id: "m2", value: "500+", title: "Bikes Fixed", description: "Repairs completed successfully this year alone.", imageSrc: "http://img.b2bpic.net/free-photo/row-fixed-bikes-workshop_23-2149117178.jpg"},
|
|
{
|
|
id: "m3", value: "100%", title: "Local Trust", description: "Committed to friendly, transparent service every day.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-holding-tool-bike-shop_23-2149117185.jpg"},
|
|
]}
|
|
title="Proven Results"
|
|
description="Why riders in Oran Park choose us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "Fast turnaround!", quote: "Had my scooter fixed within the day. Friendly staff and super fair price.", name: "Sarah J.", role: "Daily Commuter", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-riding-scooter-city_23-2149138629.jpg"},
|
|
{
|
|
id: "t2", title: "Best in Oran Park", quote: "They treated my son's bike like it was their own. Will be back.", name: "Mark D.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/father-son-repairing-bike-garage_23-2149117195.jpg"},
|
|
{
|
|
id: "t3", title: "Expert Knowledge", quote: "The only guys I trust for my high-end upgrades. Real experts.", name: "Josh P.", role: "Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/young-man-inspecting-ebike-workshop_23-2149117201.jpg"},
|
|
]}
|
|
title="Trusted by Local Riders"
|
|
description="See what our community has to say about our work."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer same-day service?", content: "Yes! We strive for same-day repairs on most scooters and bikes, depending on parts availability."},
|
|
{
|
|
id: "f2", title: "Can you order parts?", content: "Absolutely. We have access to all major brands and can source specific parts for your repair."},
|
|
{
|
|
id: "f3", title: "Is my scooter/bike too old?", content: "We work on all makes and models, vintage or new. Bring it in for a check!"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-laptop-bike-repair-shop_23-2149117205.jpg"
|
|
title="Common Questions"
|
|
description="Everything you need to know about our services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Let's Connect"
|
|
title="Ready to Get Rolling?"
|
|
description="Get a free quote today or drop by the shop. We're here to help."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Scooter Repair", href: "#services" },
|
|
{ label: "Bike Maintenance", href: "#services" },
|
|
{ label: "Upgrades", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: (02) 0000 0000", href: "tel:0200000000" },
|
|
{ label: "Oran Park, NSW" },
|
|
{ label: "Get Directions" },
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 SK8Revolution. All rights reserved."
|
|
bottomRightText="Privacy Policy"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |