Merge version_1 into main #1
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,42 +33,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Leaf Patio LLC"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Leaf Patio LLC"
|
||||
description="Expert landscaping solutions for your dream backyard. Professional maintenance, hardscaping, and garden design services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -80,18 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Nature's Best ",
|
||||
},
|
||||
type: "text", content: "Crafting Nature's Best "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hand-cutting-plant_23-2147768500.jpg",
|
||||
alt: "Landscaper",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/crop-hand-cutting-plant_23-2147768500.jpg", alt: "Landscaper"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Since 2010",
|
||||
},
|
||||
type: "text", content: " Since 2010"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,34 +84,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Lawn Care",
|
||||
title: "Premium Mowing",
|
||||
items: [
|
||||
"Regular mowing schedules",
|
||||
"Edge trimming",
|
||||
"Cleanup services",
|
||||
],
|
||||
id: "1", label: "Lawn Care", title: "Premium Mowing", items: [
|
||||
"Regular mowing schedules", "Edge trimming", "Cleanup services"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Hardscaping",
|
||||
title: "Patio Installation",
|
||||
items: [
|
||||
"Natural stone patios",
|
||||
"Walkway designs",
|
||||
"Retaining walls",
|
||||
],
|
||||
id: "2", label: "Hardscaping", title: "Patio Installation", items: [
|
||||
"Natural stone patios", "Walkway designs", "Retaining walls"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Gardening",
|
||||
title: "Bed Maintenance",
|
||||
items: [
|
||||
"Flower planting",
|
||||
"Mulching",
|
||||
"Weed control",
|
||||
],
|
||||
id: "3", label: "Gardening", title: "Bed Maintenance", items: [
|
||||
"Flower planting", "Mulching", "Weed control"],
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -141,26 +104,18 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Happy Clients",
|
||||
value: "350+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Happy Clients", value: "350+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Sparkles,
|
||||
title: "Years Experience",
|
||||
value: "14",
|
||||
},
|
||||
id: "m3", icon: Sparkles,
|
||||
title: "Years Experience", value: "14"},
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="With years of dedication, we have built a reputation for reliable landscape excellence."
|
||||
@@ -175,59 +130,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Leaf",
|
||||
name: "Organic Mulch",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13272.jpg",
|
||||
},
|
||||
id: "p1", brand: "Leaf", name: "Organic Mulch", price: "$15", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13272.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Stone",
|
||||
name: "River Rocks",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lake-flowing-rocks-middle-forest_181624-2602.jpg",
|
||||
},
|
||||
id: "p2", brand: "Stone", name: "River Rocks", price: "$25", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/lake-flowing-rocks-middle-forest_181624-2602.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Soil",
|
||||
name: "Premium Topsoil",
|
||||
price: "$20",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128683.jpg",
|
||||
},
|
||||
id: "p3", brand: "Soil", name: "Premium Topsoil", price: "$20", rating: 4,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128683.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Grass",
|
||||
name: "Lawn Fertilizer",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-agronomist-checking-crops-quality-field_342744-571.jpg",
|
||||
},
|
||||
id: "p4", brand: "Grass", name: "Lawn Fertilizer", price: "$30", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/farmer-agronomist-checking-crops-quality-field_342744-571.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Tool",
|
||||
name: "Garden Rake",
|
||||
price: "$45",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watering-pot-pots-with-tools_23-2147714862.jpg",
|
||||
},
|
||||
id: "p5", brand: "Tool", name: "Garden Rake", price: "$45", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/watering-pot-pots-with-tools_23-2147714862.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Seed",
|
||||
name: "Grass Seed Mix",
|
||||
price: "$35",
|
||||
rating: 5,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grass-sprout-with-ground-small-shovel-work-garden_127675-2667.jpg",
|
||||
},
|
||||
id: "p6", brand: "Seed", name: "Grass Seed Mix", price: "$35", rating: 5,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/grass-sprout-with-ground-small-shovel-work-garden_127675-2667.jpg"},
|
||||
]}
|
||||
title="Landscape Essentials"
|
||||
description="Top-tier products to enhance the health and aesthetic of your property."
|
||||
@@ -241,59 +160,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Property Manager",
|
||||
company: "Metro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12289.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Property Manager", company: "Metro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12289.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Homeowner",
|
||||
company: "Valley",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Homeowner", company: "Valley", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Business Owner",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-young-woman-hat-posing-selfie-park_1262-12670.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Business Owner", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-young-woman-hat-posing-selfie-park_1262-12670.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kelly M.",
|
||||
role: "Homeowner",
|
||||
company: "Suburbs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
id: "5", name: "Kelly M.", role: "Homeowner", company: "Suburbs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "4.9", label: "Client Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read about experiences our clients had working with our landscaping team."
|
||||
@@ -306,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide free estimates for all landscaping projects.",
|
||||
},
|
||||
id: "f1", title: "Do you offer quotes?", content: "Yes, we provide free estimates for all landscaping projects."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is maintenance weekly?",
|
||||
content: "We offer weekly, bi-weekly, or monthly maintenance plans.",
|
||||
},
|
||||
id: "f2", title: "Is maintenance weekly?", content: "We offer weekly, bi-weekly, or monthly maintenance plans."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you do hardscaping?",
|
||||
content: "Yes, we specialize in both softscaping and hardscaping design.",
|
||||
},
|
||||
id: "f3", title: "Do you do hardscaping?", content: "Yes, we specialize in both softscaping and hardscaping design."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fallen-leaves-grass-close-up-selective-focus-warm-autumn-evening-park-linden-trees-shore-pond-natural-background_166373-1668.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -333,16 +212,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Start?"
|
||||
title="Get a Consultation"
|
||||
description="Contact Leaf Patio LLC today for a free estimate on your landscaping project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send a Message",
|
||||
href: "mailto:hello@leafpatio.com",
|
||||
},
|
||||
text: "Send a Message", href: "mailto:hello@leafpatio.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -351,29 +227,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Lawn Care", href: "#features"},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Hardscaping", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user