Update src/app/page.tsx
This commit is contained in:
356
src/app/page.tsx
356
src/app/page.tsx
@@ -16,242 +16,146 @@ import { Award, CheckCircle, Smile } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Unlimited Lawn Care"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Unlimited Lawn Care"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Unlimited Lawn Care"
|
||||
description="Professional residential and commercial landscaping services in Boca Raton, FL (33428)."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg"
|
||||
imageAlt="Professional landscaping in Boca Raton"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Unlimited Lawn Care"
|
||||
description="Professional residential and commercial landscaping services in Boca Raton, FL (33428)."
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg"
|
||||
imageAlt="Professional landscaping in Boca Raton"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Lawn Care Experts"
|
||||
description="Based in zip code 33428, Unlimited Lawn Care is dedicated to enhancing the beauty and health of your property. From regular maintenance to custom landscape designs and efficient irrigation systems, we provide professional solutions tailored to your unique needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-pruning-hedge-with-modern-gardening-tool_7502-9837.jpg"
|
||||
imageAlt="Experienced landscaping crew"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Lawn Care Experts"
|
||||
description="Based in zip code 33428, Unlimited Lawn Care is dedicated to enhancing the beauty and health of your property. From regular maintenance to custom landscape designs and efficient irrigation systems, we provide professional solutions tailored to your unique needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-pruning-hedge-with-modern-gardening-tool_7502-9837.jpg"
|
||||
imageAlt="Experienced landscaping crew"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Regular Lawn Maintenance",
|
||||
description: "Professional mowing, edging, and trimming to keep your lawn pristine throughout the year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756538.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Landscaping Design",
|
||||
description: "Create a stunning outdoor environment with our professional landscape design and implementation services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lake-bridge-green-sunset-way_1203-4506.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg",
|
||||
buttonText: "Explore Designs",
|
||||
},
|
||||
{
|
||||
title: "Irrigation Installation",
|
||||
description: "Efficient and reliable irrigation system installations to maintain healthy gardens while saving water.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden_1157-24646.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-summer-field_1157-24232.jpg",
|
||||
buttonText: "View Options",
|
||||
},
|
||||
]}
|
||||
title="Professional Landscaping Services"
|
||||
description="Customized lawn and garden solutions for Boca Raton property owners."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Regular Lawn Maintenance", description: "Professional mowing, edging, and trimming to keep your lawn pristine throughout the year.", imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756538.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Landscaping Design", description: "Create a stunning outdoor environment with our professional landscape design and implementation services.", imageSrc: "http://img.b2bpic.net/free-photo/lake-bridge-green-sunset-way_1203-4506.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg", buttonText: "Explore Designs"},
|
||||
{
|
||||
title: "Irrigation Installation", description: "Efficient and reliable irrigation system installations to maintain healthy gardens while saving water.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden_1157-24646.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-summer-field_1157-24232.jpg", buttonText: "View Options"},
|
||||
]}
|
||||
title="Professional Landscaping Services"
|
||||
description="Customized lawn and garden solutions for Boca Raton property owners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Properties Maintained",
|
||||
value: "500+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Satisfied Customers",
|
||||
value: "99%",
|
||||
icon: Smile,
|
||||
},
|
||||
]}
|
||||
title="Results You Can Trust"
|
||||
description="We are proud to serve the Boca Raton community."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Properties Maintained", value: "500+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Years Experience", value: "10+", icon: Award },
|
||||
{ id: "m3", title: "Satisfied Customers", value: "99%", icon: Smile },
|
||||
]}
|
||||
title="Results You Can Trust"
|
||||
description="We are proud to serve the Boca Raton community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Service",
|
||||
quote: "Unlimited Lawn Care transformed my garden. Always reliable!",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4417.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top Quality",
|
||||
quote: "Their maintenance is top-notch. Very detail-oriented team.",
|
||||
name: "Michael R.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12315.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Design",
|
||||
quote: "The landscaping design was exactly what we envisioned.",
|
||||
name: "Elena D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Professionalism",
|
||||
quote: "Responsive and highly efficient. Highly recommend their services.",
|
||||
name: "Mark S.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-jolly-business-colleagues-working-report-discussing-data-city-cafe_1262-12419.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Fair Pricing",
|
||||
quote: "Great value for the professional quality delivered.",
|
||||
name: "Laura K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-telling-story-two-little-daughter-home-garden_1150-4079.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by residents and businesses across Boca Raton."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Excellent Service", quote: "Unlimited Lawn Care transformed my garden. Always reliable!", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4417.jpg"},
|
||||
{
|
||||
id: "t2", title: "Top Quality", quote: "Their maintenance is top-notch. Very detail-oriented team.", name: "Michael R.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12315.jpg"},
|
||||
{
|
||||
id: "t3", title: "Great Design", quote: "The landscaping design was exactly what we envisioned.", name: "Elena D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg"},
|
||||
{
|
||||
id: "t4", title: "Professionalism", quote: "Responsive and highly efficient. Highly recommend their services.", name: "Mark S.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/positive-jolly-business-colleagues-working-report-discussing-data-city-cafe_1262-12419.jpg"},
|
||||
{
|
||||
id: "t5", title: "Fair Pricing", quote: "Great value for the professional quality delivered.", name: "Laura K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/mother-telling-story-two-little-daughter-home-garden_1150-4079.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by residents and businesses across Boca Raton."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free estimates for all our landscaping services.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Which areas do you serve?",
|
||||
content: "We primarily serve Boca Raton and surrounding areas including zip code 33428.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, our team is fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide free estimates for all our landscaping services." },
|
||||
{ id: "q2", title: "Which areas do you serve?", content: "We primarily serve Boca Raton and surrounding areas including zip code 33428." },
|
||||
{ id: "q3", title: "Are you licensed and insured?", content: "Yes, our team is fully licensed and insured for your peace of mind." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get a Professional Quote"
|
||||
description="Reach out to us today to get your yard looking its best. Call (561) 756-4671."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5617564671",
|
||||
},
|
||||
{
|
||||
text: "Message Us",
|
||||
href: "#contact-form",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get a Professional Quote"
|
||||
description="Reach out to us today to get your yard looking its best. Call (561) 756-4671."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:5617564671" },
|
||||
{ text: "Message Us", href: "#contact-form" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Unlimited Lawn Care"
|
||||
copyrightText="© 2025 Unlimited Lawn Care. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Unlimited Lawn Care"
|
||||
copyrightText="© 2025 Unlimited Lawn Care. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user