Update src/app/page.tsx
This commit is contained in:
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user