bender/b09e4af3-6979-4ccc-ae1f-41d0f53762fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 21:27:34 +00:00
parent e07d35a788
commit 0cf3b79876
1 changed files with 53 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

336
src/app/page.tsx
View File

@@ -31,135 +31,46 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Projects",
id: "projects",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" },
]}
brandName="GreenLeaf Landscapes"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Transform Your Outdoors into a Masterpiece"
description="Professional landscape design and maintenance services to make your home look stunning year-round."
testimonials={[
{
name: "Jane Smith",
handle: "@janesmith",
testimonial: "Excellent service and stunning results. My garden looks beautiful!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg?_wi=1",
imageAlt: "beautiful landscaped garden design",
},
{
name: "John Doe",
handle: "@johndoe",
testimonial: "Professional and fast. Highly recommend their design team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg?_wi=1",
imageAlt: "beautiful landscaped garden design",
},
{
name: "Alice Brown",
handle: "@aliceb",
testimonial: "Transformed my backyard completely. It's now my favorite place.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg?_wi=1",
imageAlt: "beautiful landscaped garden design",
},
{
name: "Bob Green",
handle: "@bobgreen",
testimonial: "Reliable maintenance every week. Great communication.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg?_wi=1",
imageAlt: "beautiful landscaped garden design",
},
{
name: "Charlie White",
handle: "@cwhite",
testimonial: "Exceptional craftsmanship in every detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg?_wi=1",
imageAlt: "beautiful landscaped garden design",
},
{ name: "Jane Smith", handle: "@janesmith", testimonial: "Excellent service and stunning results. My garden looks beautiful!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg", imageAlt: "beautiful landscaped garden design" },
{ name: "John Doe", handle: "@johndoe", testimonial: "Professional and fast. Highly recommend their design team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg", imageAlt: "beautiful landscaped garden design" },
{ name: "Alice Brown", handle: "@aliceb", testimonial: "Transformed my backyard completely. It's now my favorite place.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg", imageAlt: "beautiful landscaped garden design" },
{ name: "Bob Green", handle: "@bobgreen", testimonial: "Reliable maintenance every week. Great communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg", imageAlt: "beautiful landscaped garden design" },
{ name: "Charlie White", handle: "@cwhite", testimonial: "Exceptional craftsmanship in every detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg", imageAlt: "beautiful landscaped garden design" },
]}
buttons={[
{
text: "Start Project",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg?_wi=2"
buttons={[{ text: "Start Project", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1500.jpg",
alt: "green park view",
},
{
src: "http://img.b2bpic.net/free-photo/white-wooden-gates-with-trees-tropical-park-resort-turkey_627829-7136.jpg",
alt: "White wooden gates with trees at tropical park resort in Turkey",
},
{
src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1501.jpg",
alt: "green park view",
},
{
src: "http://img.b2bpic.net/free-photo/vacation-decorative-plam-outdoor-travel_1232-3764.jpg",
alt: "vacation decorative plam outdoor travel",
},
{
src: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg",
alt: "beautiful landscaped garden design",
},
{ src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1500.jpg", alt: "green park view" },
{ src: "http://img.b2bpic.net/free-photo/white-wooden-gates-with-trees-tropical-park-resort-turkey_627829-7136.jpg", alt: "White wooden gates with trees at tropical park resort in Turkey" },
{ src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1501.jpg", alt: "green park view" },
{ src: "http://img.b2bpic.net/free-photo/vacation-decorative-plam-outdoor-travel_1232-3764.jpg", alt: "vacation decorative plam outdoor travel" },
{ src: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg", alt: "beautiful landscaped garden design" },
]}
marqueeItems={[
{
type: "text",
text: "Professional",
},
{
type: "text",
text: "Reliable",
},
{
type: "text",
text: "Creative",
},
{
type: "text",
text: "Sustainable",
},
{
type: "text",
text: "Stunning",
},
{ type: "text", text: "Professional" },
{ type: "text", text: "Reliable" },
{ type: "text", text: "Creative" },
{ type: "text", text: "Sustainable" },
{ type: "text", text: "Stunning" },
]}
/>
</div>
@@ -169,7 +80,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Passion for Quality Landscaping"
description="With over 15 years of experience, our team specializes in creating sustainable, beautiful outdoor spaces tailored to your vision."
imageSrc="http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg"
/>
</div>
@@ -179,39 +90,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "1",
title: "Garden Design",
author: "Pro Team",
description: "Customized plans for your property.",
tags: [
"design",
"creative",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg?_wi=2",
},
{
id: "2",
title: "Lawn Care",
author: "Pro Team",
description: "Weekly mowing and fertilization.",
tags: [
"lawn",
"maintenance",
],
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg",
},
{
id: "3",
title: "Hardscaping",
author: "Pro Team",
description: "Patios, walkways, and retaining walls.",
tags: [
"stone",
"construction",
],
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg",
},
{ id: "1", title: "Garden Design", author: "Pro Team", description: "Customized plans for your property.", tags: ["design", "creative"], imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg" },
{ id: "2", title: "Lawn Care", author: "Pro Team", description: "Weekly mowing and fertilization.", tags: ["lawn", "maintenance"], imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg" },
{ id: "3", title: "Hardscaping", author: "Pro Team", description: "Patios, walkways, and retaining walls.", tags: ["stone", "construction"], imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg" },
]}
title="Comprehensive Landscape Solutions"
description="From design to maintenance, we offer everything needed to build and sustain your perfect outdoor space."
@@ -224,27 +105,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
description: "Of professional service",
imageSrc: "http://img.b2bpic.net/free-photo/green-leafed-trees_417767-148.jpg",
},
{
id: "m2",
value: "500+",
title: "Happy Clients",
description: "Completed projects",
imageSrc: "http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg",
},
{
id: "m3",
value: "24/7",
title: "Support",
description: "Always here to help",
imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6119.jpg",
},
{ id: "m1", value: "15+", title: "Years Experience", description: "Of professional service", imageSrc: "http://img.b2bpic.net/free-photo/green-leafed-trees_417767-148.jpg" },
{ id: "m2", value: "500+", title: "Happy Clients", description: "Completed projects", imageSrc: "http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg" },
{ id: "m3", value: "24/7", title: "Support", description: "Always here to help", imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6119.jpg" },
]}
title="Proven Landscaping Excellence"
description="We follow a clear process to ensure every project meets our quality standards."
@@ -253,52 +116,17 @@ export default function LandingPage() {
<div id="projects" data-section="projects">
<ProductCardFour
animationType="blur-reveal"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Modern Backyard Patio",
price: "Custom Pricing",
variant: "Hardscaping",
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg?_wi=2",
},
{
id: "p2",
name: "Front Yard Flower Garden",
price: "Custom Pricing",
variant: "Gardening",
imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg",
},
{
id: "p3",
name: "Luxury Turf Installation",
price: "Custom Pricing",
variant: "Lawn Care",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-beautiful-small-flower-bouquet-wooden-surface_181624-38109.jpg",
},
{
id: "p4",
name: "Garden Lighting Upgrade",
price: "Custom Pricing",
variant: "Lighting",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17275.jpg",
},
{
id: "p5",
name: "Walkway Installation",
price: "Custom Pricing",
variant: "Hardscaping",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg",
},
{
id: "p6",
name: "Landscape Maintenance",
price: "Custom Pricing",
variant: "Maintenance",
imageSrc: "http://img.b2bpic.net/free-photo/green-grass_1417-1672.jpg",
},
{ id: "p1", name: "Modern Backyard Patio", price: "Custom Pricing", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg" },
{ id: "p2", name: "Front Yard Flower Garden", price: "Custom Pricing", variant: "Gardening", imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg" },
{ id: "p3", name: "Luxury Turf Installation", price: "Custom Pricing", variant: "Lawn Care", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-beautiful-small-flower-bouquet-wooden-surface_181624-38109.jpg" },
{ id: "p4", name: "Garden Lighting Upgrade", price: "Custom Pricing", variant: "Lighting", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17275.jpg" },
{ id: "p5", name: "Walkway Installation", price: "Custom Pricing", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg" },
{ id: "p6", name: "Landscape Maintenance", price: "Custom Pricing", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/green-grass_1417-1672.jpg" },
]}
title="Our Recent Projects"
description="See the transformation we have delivered for our clients."
@@ -311,41 +139,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Client",
testimonial: "Excellent team and great work.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg?_wi=2",
},
{
id: "t2",
name: "Mark L.",
role: "Client",
testimonial: "My garden never looked better.",
imageSrc: "http://img.b2bpic.net/free-photo/business-property-mortgage-rent-concept_53876-132217.jpg",
},
{
id: "t3",
name: "Emily P.",
role: "Client",
testimonial: "Very professional and friendly.",
imageSrc: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg",
},
{
id: "t4",
name: "David W.",
role: "Client",
testimonial: "High-quality results every time.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-shorts-watering-flowers_259150-57547.jpg",
},
{
id: "t5",
name: "Anna H.",
role: "Client",
testimonial: "I love my new landscape design.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3888.jpg",
},
{ id: "t1", name: "Sarah J.", role: "Client", testimonial: "Excellent team and great work.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg" },
{ id: "t2", name: "Mark L.", role: "Client", testimonial: "My garden never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/business-property-mortgage-rent-concept_53876-132217.jpg" },
{ id: "t3", name: "Emily P.", role: "Client", testimonial: "Very professional and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg" },
{ id: "t4", name: "David W.", role: "Client", testimonial: "High-quality results every time.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-shorts-watering-flowers_259150-57547.jpg" },
{ id: "t5", name: "Anna H.", role: "Client", testimonial: "I love my new landscape design.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3888.jpg" },
]}
title="Client Stories"
description="What our homeowners say about our landscaping services."
@@ -357,21 +155,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you provide estimates?",
content: "Yes, we offer free on-site consultations.",
},
{
id: "f2",
title: "How long does a project take?",
content: "It depends on the scope of the project.",
},
{
id: "f3",
title: "Do you do maintenance?",
content: "Yes, we offer weekly and seasonal maintenance.",
},
{ id: "f1", title: "Do you provide estimates?", content: "Yes, we offer free on-site consultations." },
{ id: "f2", title: "How long does a project take?", content: "It depends on the scope of the project." },
{ id: "f3", title: "Do you do maintenance?", content: "Yes, we offer weekly and seasonal maintenance." },
]}
title="Common Questions"
description="Answers to common landscaping project questions."
@@ -382,9 +168,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Let's Connect"
title="Ready to Landscape?"
description="Get in touch for a custom quote today."
@@ -397,29 +181,15 @@ export default function LandingPage() {
logoText="GreenLeaf"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" },
],
},
]}