Merge version_2 into main #1
300
src/app/page.tsx
300
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenLeaf"
|
||||
/>
|
||||
@@ -56,78 +48,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Transforming Your Outdoors Into Masterpieces"
|
||||
description="Professional landscaping services that combine bold design with sustainable maintenance to elevate your home."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Landscaping Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-group-green-leaves_23-2148211865.jpg"
|
||||
imageAlt="professional landscaping service residential garden"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/meadow_1136-294.jpg",
|
||||
alt: "meadow",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/meadow_1136-294.jpg", alt: "meadow"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-tea-garden-hill-cultivation_1127-3484.jpg",
|
||||
alt: "Green tea garden, hill cultivation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/green-tea-garden-hill-cultivation_1127-3484.jpg", alt: "Green tea garden, hill cultivation"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spring-nature-outdoors-backgrounds-fresh_1122-1734.jpg",
|
||||
alt: "spring nature outdoors backgrounds fresh",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spring-nature-outdoors-backgrounds-fresh_1122-1734.jpg", alt: "spring nature outdoors backgrounds fresh"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pine-tree_74190-416.jpg",
|
||||
alt: "Pine Tree",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pine-tree_74190-416.jpg", alt: "Pine Tree"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-forest-with-river-filtered-image-processed-vintage-effe_1232-2818.jpg",
|
||||
alt: "Autumn forest with river ( Filtered image processed vintage effe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-forest-with-river-filtered-image-processed-vintage-effe_1232-2818.jpg", alt: "Autumn forest with river ( Filtered image processed vintage effe"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Lawn Care",
|
||||
type: "text", text: "Lawn Care"},
|
||||
{
|
||||
type: "text", text: "Design"},
|
||||
{
|
||||
type: "text-icon", text: "Tree Care", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
type: "text", text: "Pavers"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tree Care",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pavers",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hardscaping",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "Hardscaping", icon: Wrench,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -140,13 +103,9 @@ export default function LandingPage() {
|
||||
description="With a focus on bold, creative solutions, our team treats every garden like a blank canvas. We believe that professional landscaping should be as sustainable as it is beautiful."
|
||||
metrics={[
|
||||
{
|
||||
value: "50+",
|
||||
title: "Team Experts",
|
||||
},
|
||||
value: "50+", title: "Team Experts"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Available",
|
||||
},
|
||||
value: "24/7", title: "Support Available"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-raising-spade-with-clippers_141793-89501.jpg"
|
||||
imageAlt="landscaper working garden tools"
|
||||
@@ -162,29 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Garden Design",
|
||||
descriptions: [
|
||||
"Expert garden design for residential and commercial spaces.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg",
|
||||
},
|
||||
id: "f1", title: "Garden Design", descriptions: [
|
||||
"Expert garden design for residential and commercial spaces."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Lawn Maintenance",
|
||||
descriptions: [
|
||||
"Mowing, weeding, and edge care.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-gardener-orange-gloves-are-trimming-overgrown-green-shrub-using-hedge-shears-sunny-backyard-worker-landscaping-garden-close-up_639032-841.jpg",
|
||||
},
|
||||
id: "f2", title: "Lawn Maintenance", descriptions: [
|
||||
"Mowing, weeding, and edge care."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-gardener-orange-gloves-are-trimming-overgrown-green-shrub-using-hedge-shears-sunny-backyard-worker-landscaping-garden-close-up_639032-841.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Tree Care",
|
||||
descriptions: [
|
||||
"Professional trimming and pruning services.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-853.jpg",
|
||||
},
|
||||
id: "f3", title: "Tree Care", descriptions: [
|
||||
"Professional trimming and pruning services."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-853.jpg"},
|
||||
]}
|
||||
title="Our Landscaping Services"
|
||||
description="Comprehensive care to ensure your outdoor environment thrives in every season."
|
||||
@@ -199,47 +146,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Garden Pavers",
|
||||
price: "$150",
|
||||
variant: "Stone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013403.jpg",
|
||||
},
|
||||
id: "p1", name: "Garden Pavers", price: "$150", variant: "Stone", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148013403.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Organic Mulch",
|
||||
price: "$25",
|
||||
variant: "50L",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-671.jpg",
|
||||
},
|
||||
id: "p2", name: "Organic Mulch", price: "$25", variant: "50L", imageSrc: "http://img.b2bpic.net/free-photo/closeup-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-671.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Decorative Stones",
|
||||
price: "$80",
|
||||
variant: "Small",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12278.jpg",
|
||||
},
|
||||
id: "p3", name: "Decorative Stones", price: "$80", variant: "Small", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12278.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Evergreen Shrubs",
|
||||
price: "$45",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-holding-seeding-tray_23-2148224061.jpg",
|
||||
},
|
||||
id: "p4", name: "Evergreen Shrubs", price: "$45", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-holding-seeding-tray_23-2148224061.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Growth Fertilizer",
|
||||
price: "$30",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arranged-spade-with-soil-plant_23-2148028966.jpg",
|
||||
},
|
||||
id: "p5", name: "Growth Fertilizer", price: "$30", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/arranged-spade-with-soil-plant_23-2148028966.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lawn Edging",
|
||||
price: "$12",
|
||||
variant: "5m Pack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131210.jpg",
|
||||
},
|
||||
id: "p6", name: "Lawn Edging", price: "$12", variant: "5m Pack", imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131210.jpg"},
|
||||
]}
|
||||
title="Garden Supplies & Hardscape"
|
||||
description="Premium materials to enhance your landscape design."
|
||||
@@ -253,52 +170,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Seasonal",
|
||||
price: "$199",
|
||||
period: "/mo",
|
||||
description: "Basic lawn mowing and trimming.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Cleanup",
|
||||
],
|
||||
id: "basic", tag: "Seasonal", price: "$199", period: "/mo", description: "Basic lawn mowing and trimming.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Mowing", "Edging", "Cleanup"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Best Value",
|
||||
price: "$349",
|
||||
period: "/mo",
|
||||
description: "Full maintenance including garden care.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Pruning",
|
||||
"Fertilizer",
|
||||
],
|
||||
id: "pro", tag: "Best Value", price: "$349", period: "/mo", description: "Full maintenance including garden care.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Basic", "Pruning", "Fertilizer"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Complete",
|
||||
price: "$599",
|
||||
period: "/mo",
|
||||
description: "Professional landscape management.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Tree trimming",
|
||||
"Pest control",
|
||||
],
|
||||
id: "premium", tag: "Complete", price: "$599", period: "/mo", description: "Professional landscape management.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Pro", "Tree trimming", "Pest control"],
|
||||
},
|
||||
]}
|
||||
title="Maintenance Plans"
|
||||
@@ -314,25 +201,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2000+",
|
||||
title: "Lawns Mowed",
|
||||
description: "Perfectly cut lawns.",
|
||||
icon: Sparkles,
|
||||
id: "m1", value: "2000+", title: "Lawns Mowed", description: "Perfectly cut lawns.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120",
|
||||
title: "Trees Planted",
|
||||
description: "Sustainability at heart.",
|
||||
icon: Leaf,
|
||||
id: "m2", value: "120", title: "Trees Planted", description: "Sustainability at heart.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85",
|
||||
title: "Garden Makeovers",
|
||||
description: "Complete renovations.",
|
||||
icon: Palette,
|
||||
id: "m3", value: "85", title: "Garden Makeovers", description: "Complete renovations.", icon: Palette,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -347,40 +222,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and prompt delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-farmer-working-her-greenhouse_23-2149072105.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and prompt delivery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-farmer-working-her-greenhouse_23-2149072105.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
handle: "@markl",
|
||||
testimonial: "My garden never looked better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark L.", handle: "@markl", testimonial: "My garden never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Professional and courteous team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-greenhouse_23-2149098326.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Professional and courteous team.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-greenhouse_23-2149098326.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "They transformed our backyard perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-blonde-blogger-woman-posing-near-old-luxury-hotel-house-wearing-white-shorts-blouse-elegant-style_291049-2772.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davidw", testimonial: "They transformed our backyard perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-blonde-blogger-woman-posing-near-old-luxury-hotel-house-wearing-white-shorts-blouse-elegant-style_291049-2772.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloeb",
|
||||
testimonial: "Highly recommended for all landscaping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discussion-cafe_1098-15915.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe B.", handle: "@chloeb", testimonial: "Highly recommended for all landscaping.", imageSrc: "http://img.b2bpic.net/free-photo/discussion-cafe_1098-15915.jpg"},
|
||||
]}
|
||||
title="Loved By Locals"
|
||||
description="Hear what our clients say."
|
||||
@@ -394,16 +244,10 @@ export default function LandingPage() {
|
||||
description="Contact us today for a free design consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-city-park_1127-3464.jpg"
|
||||
@@ -416,29 +260,19 @@ export default function LandingPage() {
|
||||
logoText="GreenLeaf"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design", href: "#"},
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#",
|
||||
},
|
||||
label: "Lawn Care", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -447,4 +281,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user