Merge version_1 into main #2
@@ -5,109 +5,57 @@ import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Award, CheckCircle, Clock } from "lucide-react";
|
||||
import { Users, Wrench, Heart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-body" data-section="about-body">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Walden Ridge Service Station?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Same-Day Turnaround",
|
||||
value: "80%",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Local Trusted",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-body" data-section="about-body">
|
||||
<AboutMetric
|
||||
title="Built on Trust. Backed by Experience."
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ icon: Users, label: "Locally Owned", value: "Yes" },
|
||||
{ icon: Wrench, label: "Mechanical Experience", value: "20+ Yrs" },
|
||||
{ icon: Heart, label: "Commitment", value: "100%" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Mowers",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Chainsaws",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Blowers",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Walden Ridge"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Lawn Mowers", href: "/services" }, { label: "Chainsaws", href: "/services" }, { label: "Blowers", href: "/services" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -5,97 +5,53 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need a Repair? Let’s Get It Done."
|
||||
description="Call us, stop by, or send us a message. We're here to keep your equipment running."
|
||||
tagIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactCenter
|
||||
title="Need a Repair? Let’s Get It Done."
|
||||
description="Call us, stop by, or send us a message. We're here to keep your equipment running."
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Mowers",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Chainsaws",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Blowers",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Walden Ridge"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Lawn Mowers", href: "/services" }, { label: "Chainsaws", href: "/services" }, { label: "Blowers", href: "/services" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
295
src/app/page.tsx
295
src/app/page.tsx
@@ -13,215 +13,106 @@ import { Award, CheckCircle, Clock } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Signal Mountain’s Most Trusted Small Engine Repair"
|
||||
description="Fast, reliable repairs for lawn equipment, chainsaws, and outdoor tools — done right the first time."
|
||||
tag="Same-Day Repairs Available"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
text: "Get a Repair Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg?_wi=1",
|
||||
imageAlt: "Small engine repair work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150376994.jpg",
|
||||
imageAlt: "Expert mechanic at work",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rating on Google Reviews"
|
||||
tagIcon={Clock}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Signal Mountain’s Most Trusted Small Engine Repair"
|
||||
description="Fast, reliable repairs for lawn equipment, chainsaws, and outdoor tools — done right the first time."
|
||||
tag="Same-Day Repairs Available"
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg", imageAlt: "lawn mower repair professional workbench" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150376994.jpg", imageAlt: "professional small engine service shop" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.4}
|
||||
ratingText="Rating on Google Reviews"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
{ text: "Get a Repair Quote", href: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Lawn Mower Repair",
|
||||
description: "Professional maintenance and engine restoration for all major brands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Chainsaw Repair",
|
||||
description: "Sharp chains, tension adjustments, and reliable power starts every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-tractor-with-mobile-phone-hand_627829-11387.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Trimmer & Blower Service",
|
||||
description: "Tune-ups and performance checks to keep your yard looking pristine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-tractor_23-2150454937.jpg",
|
||||
},
|
||||
]}
|
||||
title="Expert Repairs. Honest Work."
|
||||
description="Whether it’s a quick fix or a full rebuild, our experienced technicians diagnose and repair your equipment with precision and care."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardThree
|
||||
title="Expert Repairs. Honest Work."
|
||||
description="Whether it’s a quick fix or a full rebuild, our experienced technicians diagnose and repair your equipment with precision and care."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Lawn Mower Repair", description: "Professional maintenance and engine restoration.", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg" },
|
||||
{ id: "s2", title: "Chainsaw Repair", description: "Sharp chains and reliable power starts.", imageSrc: "http://img.b2bpic.net/free-photo/beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-tractor-with-mobile-phone-hand_627829-11387.jpg" },
|
||||
{ id: "s3", title: "Trimmer & Blower Service", description: "Keep your yard looking pristine.", imageSrc: "http://img.b2bpic.net/free-photo/person-tractor_23-2150454937.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark S.",
|
||||
handle: "@signal-resident",
|
||||
testimonial: "Had my mower fixed the same day. Honest pricing and great people.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-blurred-nature-background_23-2148232290.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
handle: "@mtn-local",
|
||||
testimonial: "Only place I trust on the mountain. They know their stuff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-traveller-with-hat_23-2148588478.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David R.",
|
||||
handle: "@farmer-jim",
|
||||
testimonial: "Friendly, fast, and reliable every time. Truly a local gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mountaineer-girl_1385-529.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily K.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "The best repair service in the area, hands down. My trimmer runs like new.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2978.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Your Neighbors"
|
||||
description="Hear what the Signal Mountain community says about our repair services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Trusted by Your Neighbors"
|
||||
description="Hear what the Signal Mountain community says about our repair services."
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Mark S.", handle: "@signal-resident", testimonial: "Had my mower fixed the same day. Honest pricing and great people.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-blurred-nature-background_23-2148232290.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", handle: "@mtn-local", testimonial: "Only place I trust on the mountain. They know their stuff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-traveller-with-hat_23-2148588478.jpg" },
|
||||
{ id: "t3", name: "David R.", handle: "@farmer-jim", testimonial: "Friendly, fast, and reliable every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mountaineer-girl_1385-529.jpg" },
|
||||
{ id: "t4", name: "Emily K.", handle: "@homeowner", testimonial: "The best repair service in the area, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2978.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Walden Ridge Service Station?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Same-Day Turnaround",
|
||||
value: "80%",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Local Trusted",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
title="Why Walden Ridge Service Station?"
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "20+" },
|
||||
{ icon: Clock, label: "Same-Day Turnaround", value: "80%" },
|
||||
{ icon: CheckCircle, label: "Local Trusted", value: "100%" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Mowers",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Chainsaws",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Blowers",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Walden Ridge"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Lawn Mowers", href: "/services" }, { label: "Chainsaws", href: "/services" }, { label: "Blowers", href: "/services" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,138 +2,66 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Walden Ridge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-hero" data-section="services-hero">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Expert Small Engine Maintenance & Repair"
|
||||
description="At Walden Ridge Service Station, we specialize in keeping your outdoor power equipment running at peak performance. From routine tune-ups to major engine overhauls, our certified technicians ensure your tools are ready for the job."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Lawn Mower Service",
|
||||
description: "Complete diagnostic, blade sharpening, and oil changes for all walk-behind and riding mowers.",
|
||||
},
|
||||
{
|
||||
title: "Chainsaw Sharpening & Repair",
|
||||
description: "Chain sharpening, bar maintenance, and engine tuning for both electric and gas-powered chainsaws.",
|
||||
},
|
||||
{
|
||||
title: "Trimmer & Blower Care",
|
||||
description: "Carburetor cleaning, fuel line replacement, and spark plug services for string trimmers and leaf blowers.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg?_wi=2"
|
||||
imageAlt="professional small engine service shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="services-hero" data-section="services-hero">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Expert Small Engine Maintenance & Repair"
|
||||
description="At Walden Ridge Service Station, we specialize in keeping your outdoor power equipment running at peak performance. From routine tune-ups to major engine overhauls, our certified technicians ensure your tools are ready for the job."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Lawn Mower Service", description: "Complete diagnostic, blade sharpening, and oil changes for all walk-behind and riding mowers."},
|
||||
{
|
||||
title: "Chainsaw Sharpening & Repair", description: "Chain sharpening, bar maintenance, and engine tuning for both electric and gas-powered chainsaws."},
|
||||
{
|
||||
title: "Trimmer & Blower Care", description: "Carburetor cleaning, fuel line replacement, and spark plug services for string trimmers and leaf blowers."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg"
|
||||
imageAlt="professional small engine service shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your turnaround time?",
|
||||
content: "Standard maintenance services are typically completed within 3-5 business days, depending on part availability.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide pickup services?",
|
||||
content: "Yes, for riding lawn mowers and heavy equipment, we offer pickup and delivery services on Signal Mountain.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your repairs warrantied?",
|
||||
content: "All labor performed by our team comes with a 30-day service guarantee.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our repair process and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Mower Repair",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Chainsaw Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Trimmer Repair",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Book Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Walden Ridge Service Station"
|
||||
copyrightText="© 2025 | Signal Mountain’s Most Trusted Small Engine Repair"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Walden Ridge"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Lawn Mowers", href: "/services" }, { label: "Chainsaws", href: "/services" }, { label: "Blowers", href: "/services" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user