Update src/app/page.tsx
This commit is contained in:
371
src/app/page.tsx
371
src/app/page.tsx
@@ -28,261 +28,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Punathil Gardens"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Punathil Gardens"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Breathe Life Into Your Garden"
|
||||
description="Expert landscape design and installation services. From rare plant selections to meticulous maintenance, Punathil Gardens brings nature to your doorstep."
|
||||
tag="Trusted Landscape Professionals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",
|
||||
imageAlt: "Lush landscape design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg",
|
||||
imageAlt: "Expert garden consultation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg",
|
||||
imageAlt: "Florist in greenhouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013383.jpg",
|
||||
imageAlt: "Gardener working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-bush_23-2148568680.jpg",
|
||||
imageAlt: "Woman trimming bush",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 43+ glowing reviews"
|
||||
tagIcon={Leaf}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Breathe Life Into Your Garden"
|
||||
description="Expert landscape design and installation services. From rare plant selections to meticulous maintenance, Punathil Gardens brings nature to your doorstep."
|
||||
tag="Trusted Landscape Professionals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg", imageAlt: "Lush landscape design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg", imageAlt: "Expert garden consultation"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 43+ glowing reviews"
|
||||
tagIcon={Leaf}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Punathil Gardens"
|
||||
title="Dedicated to creating beautiful, thriving outdoor spaces for homes across Kerala."
|
||||
tagIcon={Info}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Punathil Gardens"
|
||||
title="Dedicated to creating beautiful, thriving outdoor spaces for homes across Kerala."
|
||||
tagIcon={Info}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Landscape",
|
||||
title: "Garden Design",
|
||||
items: [
|
||||
"Conceptual layouts",
|
||||
"Plant selection",
|
||||
"Hardscaping planning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Maintenance",
|
||||
title: "Regular Upkeep",
|
||||
items: [
|
||||
"Pruning and trimming",
|
||||
"Soil care",
|
||||
"Fertilizer schedules",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Nursery",
|
||||
title: "Plant Supply",
|
||||
items: [
|
||||
"Indoor plants",
|
||||
"Outdoor ornamentals",
|
||||
"Rare collection",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Garden Services"
|
||||
description="Professional landscape management for every stage of your garden's life."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Landscape", title: "Garden Design", items: ["Conceptual layouts", "Plant selection", "Hardscaping planning"] },
|
||||
{ id: "f2", label: "Maintenance", title: "Regular Upkeep", items: ["Pruning and trimming", "Soil care", "Fertilizer schedules"] },
|
||||
{ id: "f3", label: "Nursery", title: "Plant Supply", items: ["Indoor plants", "Outdoor ornamentals", "Rare collection"] },
|
||||
]}
|
||||
title="Comprehensive Garden Services"
|
||||
description="Professional landscape management for every stage of your garden's life."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Punathil Gardens completely transformed my space. Their staff is friendly, knowledgeable, and the plants are top-notch!"
|
||||
rating={5}
|
||||
author="Happy Customer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-owner-her-nursery-standing-holding-hands-two-pots-with-red-white-flowers-greenhouse_158595-7118.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-women-balcony-with-coffee_1398-4083.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-inspired-female-florist-standing-greenhouse-holding-potted-plant-looking-purple-flowers-smiling-professional-portrait-copy-space-gardening-job-botany-concept_74855-12858.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Punathil Gardens completely transformed my space. Their staff is friendly, knowledgeable, and the plants are top-notch!"
|
||||
rating={5}
|
||||
author="Happy Customer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-business-owner-her-nursery-standing-holding-hands-two-pots-with-red-white-flowers-greenhouse_158595-7118.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/old-women-balcony-with-coffee_1398-4083.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-inspired-female-florist-standing-greenhouse-holding-potted-plant-looking-purple-flowers-smiling-professional-portrait-copy-space-gardening-job-botany-concept_74855-12858.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide plant delivery?",
|
||||
content: "Yes, we provide safe and secure plant delivery for your home garden projects.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve Koduvally, Manipuram, and surrounding areas in Kerala.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book a consultation?",
|
||||
content: "Simply click the Contact button below and let us know your requirements.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our garden design process."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you provide plant delivery?", content: "Yes, we provide safe and secure plant delivery for your home garden projects." },
|
||||
{ id: "q2", title: "What areas do you serve?", content: "We primarily serve Koduvally, Manipuram, and surrounding areas in Kerala." },
|
||||
{ id: "q3", title: "How do I book a consultation?", content: "Simply click the Contact button below and let us know your requirements." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our garden design process."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Garden Projects",
|
||||
description: "Completed beautifully",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128676.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "In professional landscaping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-flowers_329181-12483.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "43",
|
||||
title: "Google Reviews",
|
||||
description: "With a 5.0 rating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-friends-doing-peace-sign_23-2148212378.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Garden Impact"
|
||||
description="We are proud of the work we do for our local community."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", title: "Garden Projects", description: "Completed beautifully", imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128676.jpg" },
|
||||
{ id: "m2", value: "15+", title: "Years Experience", description: "In professional landscaping", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-flowers_329181-12483.jpg" },
|
||||
{ id: "m3", value: "43", title: "Google Reviews", description: "With a 5.0 rating", imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-friends-doing-peace-sign_23-2148212378.jpg" },
|
||||
]}
|
||||
title="Our Garden Impact"
|
||||
description="We are proud of the work we do for our local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to beautify your home? Get in touch with Punathil Garden Designers today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+91673572",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Ready to beautify your home? Get in touch with Punathil Garden Designers today."
|
||||
buttons={[{ text: "Call Now", href: "tel:+91673572" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Punathil Gardens"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Landscape Design",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Garden Care",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Punathil Garden Designers"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Punathil Gardens"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Landscape Design", href: "#features" },
|
||||
{ label: "Garden Care", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information", items: [
|
||||
{ label: "Location", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Punathil Garden Designers"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user