Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
432
src/app/page.tsx
432
src/app/page.tsx
@@ -14,307 +14,155 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="shift-hover"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Luna's Landscaping"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Luna's Landscaping"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Transforming Inglewood Yards into Beautiful Spaces"
|
||||
description="Professional, family-owned landscaping, irrigation, and hardscape services tailored to your unique needs."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=1",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=2",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=3",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=4",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=5",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=6",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=7",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=8",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=9",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=10",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=11",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg?_wi=12",
|
||||
imageAlt: "Yard Renovation",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paper-go-fashion-drink-street-hat_1303-3248.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 500 local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Drought-Tolerant Specialists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Irrigation Repair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Hardscape Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Inglewood Community Experts",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Transforming Inglewood Yards into Beautiful Spaces"
|
||||
description="Professional, family-owned landscaping, irrigation, and hardscape services tailored to your unique needs."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-garden-with-dog_23-2148256715.jpg", imageAlt: "Yard Renovation" }
|
||||
]}
|
||||
buttons={[{ text: "Request A Quote", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/paper-go-fashion-drink-street-hat_1303-3248.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by over 500 local homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Drought-Tolerant Specialists" },
|
||||
{ type: "text", text: "Expert Irrigation Repair" },
|
||||
{ type: "text", text: "Custom Hardscape Design" },
|
||||
{ type: "text", text: "Professional Maintenance" },
|
||||
{ type: "text", text: "Inglewood Community Experts" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment to Quality"
|
||||
description={[
|
||||
"Luna's Landscaping is a family-owned, Inglewood-based business dedicated to creating beautiful, efficient, and long-lasting outdoor environments.",
|
||||
"Our team prides itself on being on time, honest, and meticulous. Whether it's a drought-tolerant conversion or routine garden maintenance, we deliver results you can be proud of.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment to Quality"
|
||||
description={[
|
||||
"Luna's Landscaping is a family-owned, Inglewood-based business dedicated to creating beautiful, efficient, and long-lasting outdoor environments.", "Our team prides itself on being on time, honest, and meticulous. Whether it's a drought-tolerant conversion or routine garden maintenance, we deliver results you can be proud of."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Irrigation Installation",
|
||||
author: "Pro Team",
|
||||
description: "Expert drip irrigation system installation and repair to save water and keep your plants thriving.",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-taking-care-flowers_176420-3820.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Landscape Design",
|
||||
author: "Pro Team",
|
||||
description: "Custom drought-tolerant conversions, succulent gardens, and hardscape design tailored to your space.",
|
||||
tags: [
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-cactus-decoration-with-empty-room_1339-6438.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Lighting & Maintenance",
|
||||
author: "Pro Team",
|
||||
description: "Low voltage lighting installation and professional weekly gardening services to keep your yard immaculate.",
|
||||
tags: [
|
||||
"Lighting",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-trees-decorated-with-hanging-light-bulbs-party-night-lake-sevan-armenia_181624-60731.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive exterior services to keep your yard beautiful, sustainable, and functional all year round."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Irrigation Installation", author: "Pro Team", description: "Expert drip irrigation system installation and repair to save water and keep your plants thriving.", tags: ["Sustainable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-taking-care-flowers_176420-3820.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Landscape Design", author: "Pro Team", description: "Custom drought-tolerant conversions, succulent gardens, and hardscape design tailored to your space.", tags: ["Design"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-cactus-decoration-with-empty-room_1339-6438.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3", title: "Lighting & Maintenance", author: "Pro Team", description: "Low voltage lighting installation and professional weekly gardening services to keep your yard immaculate.", tags: ["Lighting"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-trees-decorated-with-hanging-light-bulbs-party-night-lake-sevan-armenia_181624-60731.jpg"
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive exterior services to keep your yard beautiful, sustainable, and functional all year round."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Joel Nessa",
|
||||
handle: "@joel",
|
||||
testimonial: "On Time, Honest, Quality work at a fair and reasonable price.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Susan Harrison",
|
||||
handle: "@susan",
|
||||
testimonial: "They did a fabulous job for me. Very friendly, efficient and reasonable with a beautiful outcome.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Peggy Phuong T",
|
||||
handle: "@peggy",
|
||||
testimonial: "The work was meticulously done and the result was excellent. Everyone in our neighborhood really loves what they did.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-go-fashion-drink-street-hat_1303-3248.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Thomas Fanghella",
|
||||
handle: "@thomas",
|
||||
testimonial: "Absolutely the best! I was so impressed I had them do a landscape facelift. Highly recommend them!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria Garcia",
|
||||
handle: "@maria",
|
||||
testimonial: "Friendly team, they transformed my front lawn completely in just two days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Community"
|
||||
description="See why our neighbors trust Luna's Landscaping with their exterior needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Joel Nessa", handle: "@joel", testimonial: "On Time, Honest, Quality work at a fair and reasonable price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
|
||||
{ id: "t2", name: "Susan Harrison", handle: "@susan", testimonial: "They did a fabulous job for me. Very friendly, efficient and reasonable with a beautiful outcome.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg" },
|
||||
{ id: "t3", name: "Peggy Phuong T", handle: "@peggy", testimonial: "The work was meticulously done and the result was excellent. Everyone in our neighborhood really loves what they did.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paper-go-fashion-drink-street-hat_1303-3248.jpg" },
|
||||
{ id: "t4", name: "Thomas Fanghella", handle: "@thomas", testimonial: "Absolutely the best! I was so impressed I had them do a landscape facelift. Highly recommend them!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg" },
|
||||
{ id: "t5", name: "Maria Garcia", handle: "@maria", testimonial: "Friendly team, they transformed my front lawn completely in just two days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Community"
|
||||
description="See why our neighbors trust Luna's Landscaping with their exterior needs."
|
||||
/>
|
||||
</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 thorough estimates for all potential landscaping and hardscape projects.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where do you provide services?",
|
||||
content: "We are primarily based in and serving Inglewood, California, and surrounding areas.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, Luna's Landscaping is fully licensed and insured to provide professional services safely and efficiently.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our services."
|
||||
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 thorough estimates for all potential landscaping and hardscape projects." },
|
||||
{ id: "q2", title: "Where do you provide services?", content: "We are primarily based in and serving Inglewood, California, and surrounding areas." },
|
||||
{ id: "q3", title: "Are you licensed and insured?", content: "Yes, Luna's Landscaping is fully licensed and insured to provide professional services safely and efficiently." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Transform Your Yard?"
|
||||
description="Send us a message or call today for professional landscape, irrigation, or gardening services."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Transform Your Yard?"
|
||||
description="Send us a message or call today for professional landscape, irrigation, or gardening services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Luna's Landscaping"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Luna's Landscaping"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user