Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-29 01:33:11 +00:00

View File

@@ -29,423 +29,172 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Projects",
id: "projects",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="The Woodlands Custom Landscaping"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" },
]}
brandName="The Woodlands Custom Landscaping"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "rotated-rays-animated-grid",
}}
title="Luxury Landscaping. Built to Last."
description="Custom outdoor spaces designed with precision, installed with pride for The Woodlands & Conroe."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "View Our Work",
href: "#projects",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg?_wi=1"
imageAlt="Luxurious custom backyard landscape design"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
alt: "Satisfied client portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
alt: "Satisfied client portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
alt: "Satisfied client portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
alt: "Satisfied client portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-girl-sits-near-pool_72229-1361.jpg",
alt: "Satisfied client portrait 5",
},
]}
avatarText="Trusted by 500+ local homeowners"
marqueeItems={[
{
type: "text",
text: "Custom Hardscaping",
},
{
type: "text",
text: "Garden Design",
},
{
type: "text",
text: "Lawn Maintenance",
},
{
type: "text",
text: "Stone Patios",
},
{
type: "text",
text: "Water Features",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "rotated-rays-animated-grid" }}
title="Luxury Landscaping. Built to Last."
description="Custom outdoor spaces designed with precision, installed with pride for The Woodlands & Conroe."
buttons={[
{ text: "Get a Free Quote", href: "#contact" },
{ text: "View Our Work", href: "#projects" },
]}
imageSrc="http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg"
imageAlt="Luxurious custom backyard landscape design"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg", alt: "Satisfied client portrait 1" },
{ src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", alt: "Satisfied client portrait 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", alt: "Satisfied client portrait 3" },
{ src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Satisfied client portrait 4" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-sits-near-pool_72229-1361.jpg", alt: "Satisfied client portrait 5" },
]}
avatarText="Trusted by 500+ local homeowners"
marqueeItems={[
{ type: "text", text: "Custom Hardscaping" },
{ type: "text", text: "Garden Design" },
{ type: "text", text: "Lawn Maintenance" },
{ type: "text", text: "Stone Patios" },
{ type: "text", text: "Water Features" },
]}
/>
</div>
<div id="trust" data-section="trust">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"Trusted by 500+ Homes",
"Rated 5.0 Locally",
"Licensed & Insured",
"Serving The Woodlands",
"On-Time Guarantee",
]}
title="Trusted by Homeowners Across The Woodlands"
description="Reliability meets craftsmanship in every project we touch."
/>
</div>
<div id="trust" data-section="trust">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={["Trusted by 500+ Homes", "Rated 5.0 Locally", "Licensed & Insured", "Serving The Woodlands", "On-Time Guarantee"]}
title="Trusted by Homeowners Across The Woodlands"
description="Reliability meets craftsmanship in every project we touch."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Custom Landscaping",
description: "Refined planting and high-end design layouts.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",
imageAlt: "Landscape design",
},
items: [
{
icon: CheckCircle,
text: "Premium Materials",
},
{
icon: CheckCircle,
text: "Expert Design",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg?_wi=2",
imageAlt: "landscaping gardening services residential",
},
{
title: "Rock & Mulch",
description: "Clean, low-maintenance, and elegant finishes.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-traveling-mountains_23-2149063264.jpg",
imageAlt: "Rock landscape",
},
items: [
{
icon: CheckCircle,
text: "Quality Stone",
},
{
icon: CheckCircle,
text: "Precision Edging",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/park-china_1127-3865.jpg",
imageAlt: "landscaping gardening services residential",
},
{
title: "Patios & Hardscaping",
description: "Stone patios, walkways, and outdoor living areas.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=1",
imageAlt: "Hardscaping",
},
items: [
{
icon: CheckCircle,
text: "Custom Masonry",
},
{
icon: CheckCircle,
text: "Durable Build",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1",
imageAlt: "landscaping gardening services residential",
},
]}
title="Outdoor Spaces Designed to Impress"
description="Premium services delivered with care."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Custom Landscaping", description: "Refined planting and high-end design layouts.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg", imageAlt: "Landscape design" },
items: [{ icon: CheckCircle, text: "Premium Materials" }, { icon: CheckCircle, text: "Expert Design" }],
reverse: false
},
{
title: "Rock & Mulch", description: "Clean, low-maintenance, and elegant finishes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-traveling-mountains_23-2149063264.jpg", imageAlt: "Rock landscape" },
items: [{ icon: CheckCircle, text: "Quality Stone" }, { icon: CheckCircle, text: "Precision Edging" }],
reverse: true
},
{
title: "Patios & Hardscaping", description: "Stone patios, walkways, and outdoor living areas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg", imageAlt: "Hardscaping" },
items: [{ icon: CheckCircle, text: "Custom Masonry" }, { icon: CheckCircle, text: "Durable Build" }],
reverse: false
},
]}
title="Outdoor Spaces Designed to Impress"
description="Premium services delivered with care."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Modern Patio",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=2",
},
{
id: "p2",
name: "Turf Install",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=2",
},
{
id: "p3",
name: "Rock Borders",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/stones-with-moss-forest_23-2147670090.jpg",
},
{
id: "p4",
name: "Tree Care",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
},
{
id: "p5",
name: "Garden Design",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/lake-night-with-house-lights_1153-1232.jpg",
},
{
id: "p6",
name: "Water Feature",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748318.jpg",
},
]}
title="Feature Projects"
description="Recent transformations in The Woodlands area."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Modern Patio", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg" },
{ id: "p2", name: "Turf Install", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg" },
{ id: "p3", name: "Rock Borders", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/stones-with-moss-forest_23-2147670090.jpg" },
{ id: "p4", name: "Tree Care", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg" },
{ id: "p5", name: "Garden Design", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/lake-night-with-house-lights_1153-1232.jpg" },
{ id: "p6", name: "Water Feature", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748318.jpg" },
]}
title="Feature Projects"
description="Recent transformations in The Woodlands area."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
items: [
"Deep expertise",
"Craftsmanship",
],
},
{
id: "m2",
value: "500+",
title: "Projects Completed",
items: [
"Residential focus",
"High end",
],
},
{
id: "m3",
value: "5.0",
title: "Customer Rating",
items: [
"Local favorite",
"Top quality",
],
},
]}
title="Why Trust Us"
description="Measured success in outdoor living."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "15+", title: "Years Experience", items: ["Deep expertise", "Craftsmanship"] },
{ id: "m2", value: "500+", title: "Projects Completed", items: ["Residential focus", "High end"] },
{ id: "m3", value: "5.0", title: "Customer Rating", items: ["Local favorite", "Top quality"] },
]}
title="Why Trust Us"
description="Measured success in outdoor living."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Brent",
role: "Lead Architect",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg",
},
{
id: "t2",
name: "Sarah",
role: "Site Manager",
imageSrc: "http://img.b2bpic.net/free-photo/romantic-girl-smelling-flower-garden_23-2148072327.jpg",
},
{
id: "t3",
name: "Mike",
role: "Lead Mason",
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1905.jpg",
},
]}
title="Built on Craftsmanship"
description="Led by Brent, our team treats every yard like their own."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{ id: "t1", name: "Brent", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg" },
{ id: "t2", name: "Sarah", role: "Site Manager", imageSrc: "http://img.b2bpic.net/free-photo/romantic-girl-smelling-flower-garden_23-2148072327.jpg" },
{ id: "t3", name: "Mike", role: "Lead Mason", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1905.jpg" },
]}
title="Built on Craftsmanship"
description="Led by Brent, our team treats every yard like their own."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Client",
company: "Homeowner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-married-man-woman-date-relaxing-field_169016-48518.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Client",
company: "Homeowner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3952.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Client",
company: "Homeowner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-skater-enjoying-skateboard-park_23-2147842807.jpg",
},
{
id: "4",
name: "David Kim",
role: "Client",
company: "Homeowner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg",
},
{
id: "5",
name: "Lisa Wang",
role: "Client",
company: "Homeowner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
},
]}
title="Client Stories"
description="What our customers say about our work."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Johnson", role: "Client", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-married-man-woman-date-relaxing-field_169016-48518.jpg" },
{ id: "2", name: "Michael Chen", role: "Client", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3952.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Client", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-skater-enjoying-skateboard-park_23-2147842807.jpg" },
{ id: "4", name: "David Kim", role: "Client", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg" },
{ id: "5", name: "Lisa Wang", role: "Client", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg" },
]}
title="Client Stories"
description="What our customers say about our work."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to Transform Your Yard? Request your free consultation with our experts today."
buttons={[
{
text: "Request Your Free Quote",
href: "tel:5551234567",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Ready to Transform Your Yard? Request your free consultation with our experts today."
buttons={[{ text: "Request Your Free Quote", href: "tel:5551234567" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Landscaping",
href: "#",
},
{
label: "Hardscaping",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 The Woodlands Custom Landscaping"
bottomRightText="Serving The Woodlands, Conroe & Spring"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Landscaping", href: "#" }, { label: "Hardscaping", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
bottomLeftText="© 2024 The Woodlands Custom Landscaping"
bottomRightText="Serving The Woodlands, Conroe & Spring"
/>
</div>
</ReactLenis>
</ThemeProvider>
);