bender/c6fe8d22-1cf6-4b97-998e-c39bfa9e04cd
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-08 16:13:58 +00:00
parent a774e86359
commit 0cf8b66b13
1 changed files with 53 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" }
]}
brandName="TerraSculpt"
/>
@@ -54,63 +42,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Sculpting Nature into Living Art"
description="We transform ordinary outdoor spaces into breathtaking sanctuaries. Experience expert landscaping crafted with precision and passion."
buttons={[
{
text: "Start Your Project",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg?_wi=1"
buttons={[{ text: "Start Your Project", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-shot-stone-building-with-lovely-yard-blue-sky-punta-de-lobos-chile_181624-13685.jpg",
alt: "Happy client 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
alt: "Happy client 2",
},
{
src: "http://img.b2bpic.net/free-photo/african-american-woman-outdoor-with-rosary-hand-concept-faith-spirituality-religion_627829-311.jpg",
alt: "Happy client 3",
},
{
src: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",
alt: "Happy client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrating-society_23-2151102430.jpg",
alt: "Happy client 5",
},
{ src: "http://img.b2bpic.net/free-photo/beautiful-shot-stone-building-with-lovely-yard-blue-sky-punta-de-lobos-chile_181624-13685.jpg", alt: "Happy client 1" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg", alt: "Happy client 2" },
{ src: "http://img.b2bpic.net/free-photo/african-american-woman-outdoor-with-rosary-hand-concept-faith-spirituality-religion_627829-311.jpg", alt: "Happy client 3" },
{ src: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", alt: "Happy client 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrating-society_23-2151102430.jpg", alt: "Happy client 5" }
]}
avatarText="Trusted by 500+ homeowners"
marqueeItems={[
{
type: "text",
text: "Sustainable Design",
},
{
type: "text",
text: "Luxury Masonry",
},
{
type: "text",
text: "Water Features",
},
{
type: "text",
text: "Native Planting",
},
{
type: "text",
text: "Seasonal Care",
},
{ type: "text", text: "Sustainable Design" },
{ type: "text", text: "Luxury Masonry" },
{ type: "text", text: "Water Features" },
{ type: "text", text: "Native Planting" },
{ type: "text", text: "Seasonal Care" }
]}
/>
</div>
@@ -120,7 +71,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A Legacy of Lush Landscapes"
description="With over two decades of experience, we specialize in high-end residential landscaping. From custom stone masonry to native planting, our work reflects the harmony between luxury design and sustainable living."
imageSrc="http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg"
/>
</div>
@@ -131,59 +82,26 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Hardscape Architecture",
description: "Custom patios, retaining walls, and pathways.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sky-old-grass-summer-nobody_1203-5139.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-shot-close-up-women-boots-standing-park_23-2148223301.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg?_wi=2",
imageAlt: "stone patio installation design",
title: "Hardscape Architecture", description: "Custom patios, retaining walls, and pathways.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sky-old-grass-summer-nobody_1203-5139.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-shot-close-up-women-boots-standing-park_23-2148223301.jpg" }
]
},
{
title: "Botanical Design",
description: "Seasonal planting and garden bed curation.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-pink-gardening-composition_23-2147673316.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013372.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-near-potted-plants_23-2147714829.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg?_wi=2",
imageAlt: "stone patio installation design",
title: "Botanical Design", description: "Seasonal planting and garden bed curation.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-pink-gardening-composition_23-2147673316.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013372.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-near-potted-plants_23-2147714829.jpg" }
]
},
{
title: "Water Features",
description: "Serene koi ponds and custom garden fountains.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-hotel-pool_23-2150683435.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-302.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-mesmerizing-nature-traditional-styled-japanese-adelaide-himeji-gardens_181624-34903.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg?_wi=1",
imageAlt: "stone patio installation design",
},
title: "Water Features", description: "Serene koi ponds and custom garden fountains.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/view-hotel-pool_23-2150683435.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-302.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-mesmerizing-nature-traditional-styled-japanese-adelaide-himeji-gardens_181624-34903.jpg" }
]
}
]}
title="Services We Provide"
description="Premium landscape design and maintenance tailored to your unique outdoor lifestyle."
@@ -197,27 +115,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Projects Completed",
description: "Beautiful landscapes realized",
icon: CheckCircle,
},
{
id: "m2",
value: "20+",
title: "Years Experience",
description: "Mastery of nature",
icon: Award,
},
{
id: "m3",
value: "150+",
title: "Awards Won",
description: "Recognized for design",
icon: Star,
},
{ id: "m1", value: "500+", title: "Projects Completed", description: "Beautiful landscapes realized", icon: CheckCircle },
{ id: "m2", value: "20+", title: "Years Experience", description: "Mastery of nature", icon: Award },
{ id: "m3", value: "150+", title: "Awards Won", description: "Recognized for design", icon: Star }
]}
title="Our Impact"
description="Numbers speak to our commitment."
@@ -230,41 +130,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alex River",
handle: "@alexriver",
testimonial: "An incredible transformation. Our garden is finally an oasis.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg?_wi=2",
},
{
id: "t2",
name: "Sarah J.",
handle: "@sarahj",
testimonial: "Very professional and creative design work.",
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg",
},
{
id: "t3",
name: "Mark Evans",
handle: "@marke",
testimonial: "The hardscape work was flawless.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-young-woman-hat-posing-selfie-park_1262-12670.jpg",
},
{
id: "t4",
name: "Julie Kim",
handle: "@juliek",
testimonial: "Our flowerbeds look amazing every season.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
},
{
id: "t5",
name: "Dave Miller",
handle: "@davem",
testimonial: "The best team for landscape design.",
imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg",
},
{ id: "t1", name: "Alex River", handle: "@alexriver", testimonial: "An incredible transformation. Our garden is finally an oasis.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg" },
{ id: "t2", name: "Sarah J.", handle: "@sarahj", testimonial: "Very professional and creative design work.", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg" },
{ id: "t3", name: "Mark Evans", handle: "@marke", testimonial: "The hardscape work was flawless.", imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-young-woman-hat-posing-selfie-park_1262-12670.jpg" },
{ id: "t4", name: "Julie Kim", handle: "@juliek", testimonial: "Our flowerbeds look amazing every season.", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
{ id: "t5", name: "Dave Miller", handle: "@davem", testimonial: "The best team for landscape design.", imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg" }
]}
title="Client Stories"
description="See why homeowners trust us."
@@ -276,13 +146,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Evergreen Nurseries",
"Stone Masters",
"GreenTech Irrigation",
"Paving Solutions",
"Garden Elite Supply",
"AquaDesign Pros",
"Botanical Experts",
"Evergreen Nurseries", "Stone Masters", "GreenTech Irrigation", "Paving Solutions", "Garden Elite Supply", "AquaDesign Pros", "Botanical Experts"
]}
title="Industry Partners"
description="Working with the best materials and providers."
@@ -292,9 +156,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Let's Talk"
title="Ready for your dream garden?"
description="Book your free initial consultation and let's start sculpting your outdoor vision."
@@ -307,31 +169,17 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Portfolio",
href: "#services",
},
],
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Portfolio", href: "#services" }
]
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
title: "Legal", items: [
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" }
]
}
]}
bottomLeftText="© 2024 TerraSculpt Landscapes"
bottomRightText="All rights reserved"