Merge version_1 into main #1
283
src/app/page.tsx
283
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Leaf Patio LLC"
|
||||
/>
|
||||
@@ -59,63 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Elevating Your Outdoor Living Experience"
|
||||
description="Leaf Patio LLC transforms ordinary backyards into extraordinary landscapes. Professional, reliable, and artisanal landscaping tailored for the discerning homeowner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg"
|
||||
imageAlt="Luxury patio landscape design"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3427.jpg",
|
||||
alt: "Satisfied homeowner with lush garden",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architecture-blends-with-nature-s-vibrant-colors-generated-by-ai_188544-30782.jpg",
|
||||
alt: "Client looking at backyard design",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg",
|
||||
alt: "Professional designer discussing project",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",
|
||||
alt: "Gardening expert at work",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-greenhouse_23-2149098326.jpg",
|
||||
alt: "Happy client reviewing final landscaping",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3427.jpg", alt: "Satisfied homeowner with lush garden" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-architecture-blends-with-nature-s-vibrant-colors-generated-by-ai_188544-30782.jpg", alt: "Client looking at backyard design" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg", alt: "Professional designer discussing project" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", alt: "Gardening expert at work" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-greenhouse_23-2149098326.jpg", alt: "Happy client reviewing final landscaping" }
|
||||
]}
|
||||
avatarText="Trusted by 250+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Landscaping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Hardscaping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Garden Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Maintenance",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Artisanal Landscaping" },
|
||||
{ type: "text", text: "Premium Hardscaping" },
|
||||
{ type: "text", text: "Expert Garden Care" },
|
||||
{ type: "text", text: "Seasonal Maintenance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,18 +75,9 @@ export default function LandingPage() {
|
||||
title="Artistry in Every Leaf"
|
||||
description="With over 15 years of experience, we take pride in our precision-focused approach. Our team balances botanical expertise with structural elegance to deliver gardens that flourish through the seasons."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Design",
|
||||
description: "Every element is meticulously placed for maximum impact.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Eco-friendly landscaping that respects local ecosystems.",
|
||||
},
|
||||
{
|
||||
title: "Dedicated Support",
|
||||
description: "Ongoing care and seasonal maintenance packages available.",
|
||||
},
|
||||
{ title: "Precision Design", description: "Every element is meticulously placed for maximum impact." },
|
||||
{ title: "Sustainable Practices", description: "Eco-friendly landscaping that respects local ecosystems." },
|
||||
{ title: "Dedicated Support", description: "Ongoing care and seasonal maintenance packages available." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-woman-running-flower-business-medium-shot_23-2149871117.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -152,21 +91,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Garden Maintenance",
|
||||
description: "Consistent care for your shrubs and flowers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-lawn-mower-logo_23-2149206321.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Construction of durable stone and paver structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg",
|
||||
},
|
||||
{
|
||||
title: "Planting & Design",
|
||||
description: "Strategic placement of premium foliage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-trimming-seedling-plant-with-secateurs_23-2148165188.jpg",
|
||||
},
|
||||
{ title: "Garden Maintenance", description: "Consistent care for your shrubs and flowers.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-lawn-mower-logo_23-2149206321.jpg" },
|
||||
{ title: "Hardscaping & Patios", description: "Construction of durable stone and paver structures.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg" },
|
||||
{ title: "Planting & Design", description: "Strategic placement of premium foliage.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-trimming-seedling-plant-with-secateurs_23-2148165188.jpg" }
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive landscaping solutions, from design through installation."
|
||||
@@ -178,43 +105,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custom Water Feature",
|
||||
price: "Starting at $4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817459.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Stone Fire Pit Area",
|
||||
price: "Starting at $3,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698292.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Decorative Paver Path",
|
||||
price: "Starting at $2,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ambient LED Lighting",
|
||||
price: "Starting at $1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-trees-decorated-with-hanging-light-bulbs-party-night-lake-sevan-armenia_181624-60731.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cedar Pergola Build",
|
||||
price: "Starting at $5,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables_1127-3405.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Floral Design",
|
||||
price: "Starting at $800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flowers-garden_23-2148905220.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Custom Water Feature", price: "Starting at $4,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817459.jpg" },
|
||||
{ id: "p2", name: "Stone Fire Pit Area", price: "Starting at $3,200", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698292.jpg" },
|
||||
{ id: "p3", name: "Decorative Paver Path", price: "Starting at $2,800", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg" },
|
||||
{ id: "p4", name: "Ambient LED Lighting", price: "Starting at $1,500", imageSrc: "http://img.b2bpic.net/free-photo/row-trees-decorated-with-hanging-light-bulbs-party-night-lake-sevan-armenia_181624-60731.jpg" },
|
||||
{ id: "p5", name: "Cedar Pergola Build", price: "Starting at $5,900", imageSrc: "http://img.b2bpic.net/free-photo/vegetables_1127-3405.jpg" },
|
||||
{ id: "p6", name: "Seasonal Floral Design", price: "Starting at $800", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flowers-garden_23-2148905220.jpg" }
|
||||
]}
|
||||
title="Curated Portfolio Features"
|
||||
description="Highlights of our recent residential transformations."
|
||||
@@ -228,27 +126,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "250+",
|
||||
title: "Projects Completed",
|
||||
description: "Custom landscapes crafted",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Artisan landscaping heritage",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Repeat clients and referrals",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "250+", title: "Projects Completed", description: "Custom landscapes crafted", icon: CheckCircle },
|
||||
{ id: "m2", value: "15", title: "Years Experience", description: "Artisan landscaping heritage", icon: Award },
|
||||
{ id: "m3", value: "98%", title: "Client Satisfaction", description: "Repeat clients and referrals", icon: Star }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to quality, backed by years of success."
|
||||
@@ -261,41 +141,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Exceptional service and stunning patio design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert D.",
|
||||
handle: "Developer",
|
||||
testimonial: "Professional, punctual, and high quality work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-using-tablet-picnic_23-2147779580.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah W.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "My garden has never looked more vibrant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus L.",
|
||||
handle: "Landscape Designer",
|
||||
testimonial: "True artistry in every plant placement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earth-day-child-garden_169016-5993.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jenny H.",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Transformed our office grounds beautifully.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30882.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", handle: "Homeowner", testimonial: "Exceptional service and stunning patio design.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg" },
|
||||
{ id: "2", name: "Robert D.", handle: "Developer", testimonial: "Professional, punctual, and high quality work.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-using-tablet-picnic_23-2147779580.jpg" },
|
||||
{ id: "3", name: "Sarah W.", handle: "Homeowner", testimonial: "My garden has never looked more vibrant.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg" },
|
||||
{ id: "4", name: "Marcus L.", handle: "Landscape Designer", testimonial: "True artistry in every plant placement.", imageSrc: "http://img.b2bpic.net/free-photo/earth-day-child-garden_169016-5993.jpg" },
|
||||
{ id: "5", name: "Jenny H.", handle: "Business Owner", testimonial: "Transformed our office grounds beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30882.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners choose Leaf Patio LLC for their projects."
|
||||
@@ -306,21 +156,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide complimentary consultations for all new projects.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, Leaf Patio LLC is fully licensed and insured.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does a patio install take?",
|
||||
content: "Depending on size, most projects are completed within 5-10 business days.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer quotes?", content: "Yes, we provide complimentary consultations for all new projects." },
|
||||
{ id: "q2", title: "Are you licensed and insured?", content: "Yes, Leaf Patio LLC is fully licensed and insured." },
|
||||
{ id: "q3", title: "How long does a patio install take?", content: "Depending on size, most projects are completed within 5-10 business days." }
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Everything you need to know about our landscaping process."
|
||||
@@ -331,16 +169,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to bring your vision to life? Let's discuss your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "mailto:hello@leafpatio.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Our Team", href: "mailto:hello@leafpatio.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -348,32 +179,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Leaf Patio LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user