1 Commits

Author SHA1 Message Date
3d41fe5e6e Update src/app/page.tsx 2026-04-06 09:06:43 +00:00

View File

@@ -8,7 +8,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Clock, Leaf } from "lucide-react"; import { Award, Clock, Leaf } from "lucide-react";
@@ -28,28 +28,13 @@ export default function LandingPage() {
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Services", id: "features" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Contact", id: "contact" },
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Sri Ayyappa Landscaping" brandName="Sri Ayyappa Landscaping"
/> />
@@ -58,76 +43,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Transforming Landscapes, Cultivating Beauty" title="Transforming Landscapes, Cultivating Beauty"
description="Professional landscaping services for Sri Ayyappa, dedicated to creating pristine outdoor spaces that thrive throughout the seasons." description="Professional landscaping services for Sri Ayyappa, dedicated to creating pristine outdoor spaces that thrive throughout the seasons."
kpis={[ kpis={[
{ {
value: "15+", value: "15+", label: "Years Experience"},
label: "Years Experience",
},
{ {
value: "500+", value: "500+", label: "Projects Completed"},
label: "Projects Completed",
},
{ {
value: "100%", value: "100%", label: "Customer Satisfaction"},
label: "Customer Satisfaction",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ {
text: "Get a Free Quote", text: "Get a Free Quote", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/fresh-park-nature-beautiful-backgrounds_1122-1735.jpg" imageSrc="http://img.b2bpic.net/free-photo/fresh-park-nature-beautiful-backgrounds_1122-1735.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg", src: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg", alt: "Client 1"},
alt: "Client 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg", src: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg", alt: "Client 2"},
alt: "Client 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg", alt: "Client 3"},
alt: "Client 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg", src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg", alt: "Client 4"},
alt: "Client 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg", src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg", alt: "Client 5"},
alt: "Client 5",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Sustainable Garden Design" },
type: "text", { type: "text", text: "Professional Lawn Care" },
text: "Sustainable Garden Design", { type: "text", text: "Expert Hardscaping" },
}, { type: "text", text: "Seasonal Maintenance" },
{ { type: "text", text: "Quality Craftsmanship" },
type: "text",
text: "Professional Lawn Care",
},
{
type: "text",
text: "Expert Hardscaping",
},
{
type: "text",
text: "Seasonal Maintenance",
},
{
type: "text",
text: "Quality Craftsmanship",
},
]} ]}
/> />
</div> </div>
@@ -137,21 +88,9 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Our Professional Dedication" title="Our Professional Dedication"
metrics={[ metrics={[
{ { icon: Leaf, label: "Eco-friendly Care", value: "Sustainable" },
icon: Leaf, { icon: Clock, label: "Timely Delivery", value: "On Schedule" },
label: "Eco-friendly Care", { icon: Award, label: "Professionalism", value: "Certified" },
value: "Sustainable",
},
{
icon: Clock,
label: "Timely Delivery",
value: "On Schedule",
},
{
icon: Award,
label: "Professionalism",
value: "Certified",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -165,20 +104,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Lawn Maintenance", title: "Lawn Maintenance", description: "Weekly mowing, edging, and seasonal care to keep your turf looking its best all year.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg"},
description: "Weekly mowing, edging, and seasonal care to keep your turf looking its best all year.",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg",
},
{ {
title: "Hardscaping & Patios", title: "Hardscaping & Patios", description: "Custom stone designs and patio installations to create elegant outdoor living areas.", imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg"},
description: "Custom stone designs and patio installations to create elegant outdoor living areas.",
imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg",
},
{ {
title: "Garden Design", title: "Garden Design", description: "Expert plant selection and layout planning for flourishing, beautiful flower beds.", imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500845.jpg"},
description: "Expert plant selection and layout planning for flourishing, beautiful flower beds.",
imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500845.jpg",
},
]} ]}
title="Comprehensive Services" title="Comprehensive Services"
description="Tailored landscaping solutions designed to enhance your property's value and visual appeal." description="Tailored landscaping solutions designed to enhance your property's value and visual appeal."
@@ -192,45 +122,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and attention to detail. My lawn has never looked better!", rating: 5,
name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg"},
handle: "@johndoe",
testimonial: "Excellent service and attention to detail. My lawn has never looked better!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg",
},
{ {
id: "2", id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "Very professional and friendly team. The garden design exceeded our expectations.", rating: 5,
name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg"},
handle: "@janesmith",
testimonial: "Very professional and friendly team. The garden design exceeded our expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg",
},
{ {
id: "3", id: "3", name: "Robert Brown", handle: "@robertb", testimonial: "Reliable and hardworking. They are our go-to for all landscaping needs.", rating: 5,
name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg"},
handle: "@robertb",
testimonial: "Reliable and hardworking. They are our go-to for all landscaping needs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg",
},
{ {
id: "4", id: "4", name: "Alice Green", handle: "@aliceg", testimonial: "Great experience. Quick, professional, and excellent quality of work.", rating: 5,
name: "Alice Green", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg"},
handle: "@aliceg",
testimonial: "Great experience. Quick, professional, and excellent quality of work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-life-field-with-flowers-nature-beauty-blue-cloudy-sky-colorful-field-with-flowers-outdoor-lifestyle-freedom-concept-woman-summer-field_1391-668.jpg",
},
{ {
id: "5", id: "5", name: "David Wilson", handle: "@dwilson", testimonial: "Highly recommended for their consistent high-quality results throughout the seasons.", rating: 5,
name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg"},
handle: "@dwilson",
testimonial: "Highly recommended for their consistent high-quality results throughout the seasons.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg",
},
]} ]}
showRating={true} showRating={true}
title="What Our Clients Say" title="What Our Clients Say"
@@ -244,20 +149,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation quotes for all landscaping projects."},
title: "Do you offer free estimates?",
content: "Yes, we provide free, no-obligation quotes for all landscaping projects.",
},
{ {
id: "q2", id: "q2", title: "How long does a typical project take?", content: "Timelines vary depending on the scope of the project, but we provide clear estimates at the start."},
title: "How long does a typical project take?",
content: "Timelines vary depending on the scope of the project, but we provide clear estimates at the start.",
},
{ {
id: "q3", id: "q3", title: "Do you offer year-round maintenance?", content: "Yes, we offer comprehensive seasonal maintenance plans."},
title: "Do you offer year-round maintenance?",
content: "Yes, we offer comprehensive seasonal maintenance plans.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Have questions about our process? We have the answers." description="Have questions about our process? We have the answers."
@@ -269,8 +165,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Let's Get Started" tag="Let's Get Started"
title="Schedule Your Consultation" title="Schedule Your Consultation"
description="Contact us today for a free quote or to discuss your landscaping requirements." description="Contact us today for a free quote or to discuss your landscaping requirements."
@@ -284,26 +179,14 @@ export default function LandingPage() {
columns={[ columns={[
{ {
items: [ items: [
{ { label: "Home", href: "#hero" },
label: "Home", { label: "Services", href: "#features" },
href: "#hero",
},
{
label: "Services",
href: "#features",
},
], ],
}, },
{ {
items: [ items: [
{ { label: "Contact Us", href: "#contact" },
label: "Contact Us", { label: "Privacy Policy", href: "#" },
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
], ],
}, },
]} ]}
@@ -313,4 +196,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }