Update src/app/page.tsx
This commit is contained in:
249
src/app/page.tsx
249
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="GreenLeaf Landscapes"
|
||||
/>
|
||||
@@ -54,33 +42,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevate Your Outdoor Space"
|
||||
description="Professional landscape design and maintenance services to turn your property into a breathtaking personal oasis."
|
||||
tag="Trusted Landscapes"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",
|
||||
imageAlt: "Landscaped garden path",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg", imageAlt: "Landscaped garden path"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-surrounded-with-green-tropical-trees-leading-hotel_181624-49537.jpg",
|
||||
imageAlt: "Lush garden design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",
|
||||
imageAlt: "Man cutting grass with lawn mover in the back yard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg",
|
||||
imageAlt: "Young beautiful florist taking care of flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||||
imageAlt: "Hard working man in casual outfit removing dry leaves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-surrounded-with-green-tropical-trees-leading-hotel_181624-49537.jpg", imageAlt: "Lush garden design"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,18 +65,9 @@ export default function LandingPage() {
|
||||
title="Masters of Modern Landscapes"
|
||||
description="With over 15 years of experience, our crew delivers high-quality horticulture and hardscape design solutions that stand the test of time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Design",
|
||||
description: "Tailored blueprints for your unique vision.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Eco-friendly planting and water management.",
|
||||
},
|
||||
{
|
||||
title: "Expert Crew",
|
||||
description: "Certified gardeners and stone artisans.",
|
||||
},
|
||||
{ title: "Precision Design", description: "Tailored blueprints for your unique vision." },
|
||||
{ title: "Sustainable Practices", description: "Eco-friendly planting and water management." },
|
||||
{ title: "Expert Crew", description: "Certified gardeners and stone artisans." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg"
|
||||
imageAlt="Landscape design team"
|
||||
@@ -120,24 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Weekly cuts, edging, and seasonal aeration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-worker-working-together-garden_23-2148165265.jpg",
|
||||
imageAlt: "Lawn care service",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Custom stone installations and outdoor living.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-path-way-garden_74190-3631.jpg",
|
||||
imageAlt: "Stone patio",
|
||||
},
|
||||
{
|
||||
title: "Smart Irrigation",
|
||||
description: "Automated systems for efficient garden health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060830.jpg",
|
||||
imageAlt: "Irrigation system",
|
||||
},
|
||||
{ title: "Lawn Maintenance", description: "Weekly cuts, edging, and seasonal aeration.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-worker-working-together-garden_23-2148165265.jpg", imageAlt: "Lawn care service" },
|
||||
{ title: "Hardscaping & Patios", description: "Custom stone installations and outdoor living.", imageSrc: "http://img.b2bpic.net/free-photo/stone-path-way-garden_74190-3631.jpg", imageAlt: "Stone patio" },
|
||||
{ title: "Smart Irrigation", description: "Automated systems for efficient garden health.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060830.jpg", imageAlt: "Irrigation system" }
|
||||
]}
|
||||
title="Comprehensive Landscaping Services"
|
||||
description="Whatever your outdoor needs, we provide end-to-end management."
|
||||
@@ -151,42 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium River Rock",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12326.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Evergreen Shrub",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Retaining Stone",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ornamental Grass",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-zinnia-flowers-top-view_1373-534.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Solar Path Light",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-against-red-brick-wall-night_1339-3097.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Teak Garden Bench",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-benches_1372-399.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium River Rock", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12326.jpg" },
|
||||
{ id: "p2", name: "Evergreen Shrub", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg" },
|
||||
{ id: "p3", name: "Retaining Stone", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg" }
|
||||
]}
|
||||
title="Signature Garden Essentials"
|
||||
description="Quality materials we use to ensure lasting beauty in your garden."
|
||||
@@ -199,33 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Industry Certified",
|
||||
"Insured",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Five-star Reviews",
|
||||
"Referral Rate",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Projects Completed", items: ["Residential", "Commercial"] },
|
||||
{ id: "m2", value: "15", title: "Years Experience", items: ["Industry Certified", "Insured"] },
|
||||
{ id: "m3", value: "98%", title: "Client Satisfaction", items: ["Five-star Reviews", "Referral Rate"] }
|
||||
]}
|
||||
title="Delivering Quality Results"
|
||||
description="Numbers that reflect our dedication to excellence and client trust."
|
||||
@@ -239,46 +128,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Green Haven",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Clark",
|
||||
role: "Director",
|
||||
company: "Urban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12419.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Designer",
|
||||
company: "Style Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-dressed-fashionable-clothes-round-spectacles-looks-away-considers-something_273609-55152.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Stevens",
|
||||
role: "Architect",
|
||||
company: "Modern Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256621.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Peterson",
|
||||
role: "Homeowner",
|
||||
company: "Bloom Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Green Haven", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg" },
|
||||
{ id: "t2", name: "David Clark", role: "Director", company: "Urban Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12419.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", role: "Designer", company: "Style Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-dressed-fashionable-clothes-round-spectacles-looks-away-considers-something_273609-55152.jpg" }
|
||||
]}
|
||||
title="Loved By Homeowners"
|
||||
description="See what our clients say about their new gardens."
|
||||
@@ -290,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide maintenance plans?",
|
||||
content: "Yes, we offer flexible weekly, monthly, and seasonal packages.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you insured?",
|
||||
content: "Yes, we are fully licensed and insured for all landscape services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply contact us through our website to schedule a free site consultation.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide maintenance plans?", content: "Yes, we offer flexible weekly, monthly, and seasonal packages." },
|
||||
{ id: "f2", title: "Are you insured?", content: "Yes, we are fully licensed and insured for all landscape services." },
|
||||
{ id: "f3", title: "How do I get a quote?", content: "Simply contact us through our website to schedule a free site consultation." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our landscaping process."
|
||||
@@ -315,16 +155,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to transform your garden?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Today",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Today", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -332,32 +165,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="GreenLeaf"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Lawn Care", href: "#" }, { label: "Hardscaping", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 GreenLeaf Landscapes. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user