Update src/app/page.tsx
This commit is contained in:
473
src/app/page.tsx
473
src/app/page.tsx
@@ -29,345 +29,158 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Blake Landscape LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Portfolio", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Blake Landscape LLC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Bespoke Landscaping for Exceptional Spaces"
|
||||
description="Transform your outdoor environment with Blake Landscape LLC. Where nature meets architectural excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg?_wi=1"
|
||||
imageAlt="Luxurious garden design"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colonnade-trees-cordoba-spain-sunny-day_181624-30921.jpg",
|
||||
alt: "Trees in Cordoba",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591389.jpg",
|
||||
alt: "Modern architecture",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg",
|
||||
alt: "Green city park",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-view-mesmerizing-nature-traditional-styled-japanese-adelaide-himeji-gardens_181624-45984.jpg",
|
||||
alt: "Japanese garden view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-gardening-tools_23-2148928453.jpg",
|
||||
alt: "Gardening tools display",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Hardscaping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Horticultural Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Installation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Long-term Maintenance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Bespoke Landscaping for Exceptional Spaces"
|
||||
description="Transform your outdoor environment with Blake Landscape LLC. Where nature meets architectural excellence."
|
||||
buttons={[{ text: "View Our Portfolio", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg"
|
||||
imageAlt="Luxurious garden design"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/colonnade-trees-cordoba-spain-sunny-day_181624-30921.jpg", alt: "Trees in Cordoba" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591389.jpg", alt: "Modern architecture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg", alt: "Green city park" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-view-mesmerizing-nature-traditional-styled-japanese-adelaide-himeji-gardens_181624-45984.jpg", alt: "Japanese garden view" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-gardening-tools_23-2148928453.jpg", alt: "Gardening tools display" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Premium Hardscaping" },
|
||||
{ type: "text", text: "Horticultural Expertise" },
|
||||
{ type: "text", text: "Expert Installation" },
|
||||
{ type: "text", text: "Long-term Maintenance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Your Outdoor Sanctuary"
|
||||
description={[
|
||||
"Blake Landscape LLC specializes in turning average backyards into stunning living spaces. Our design-build approach ensures complete synergy between your vision and our execution.",
|
||||
"With over a decade of dedication to horticultural artistry, we focus on durability, aesthetics, and environmental sustainability.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Your Outdoor Sanctuary"
|
||||
description={[
|
||||
"Blake Landscape LLC specializes in turning average backyards into stunning living spaces. Our design-build approach ensures complete synergy between your vision and our execution.", "With over a decade of dedication to horticultural artistry, we focus on durability, aesthetics, and environmental sustainability."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Design & Planning",
|
||||
description: "Expert site analysis and CAD modeling.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-grass_23-2148224034.jpg",
|
||||
imageAlt: "landscaper at work professional",
|
||||
},
|
||||
{
|
||||
title: "Planting & Horticulture",
|
||||
description: "Native selections for climate harmony.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg?_wi=2",
|
||||
imageAlt: "landscaper at work professional",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping & Masonry",
|
||||
description: "Pavers, retaining walls, and patios.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-china_1127-3865.jpg?_wi=1",
|
||||
imageAlt: "landscaper at work professional",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Landscape Solutions"
|
||||
description="We offer full-cycle exterior services, from initial design concepts to long-term maintenance."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Design & Planning", description: "Expert site analysis and CAD modeling.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Planting & Horticulture", description: "Native selections for climate harmony.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Hardscaping & Masonry", description: "Pavers, retaining walls, and patios.", bentoComponent: "reveal-icon", icon: Wrench }
|
||||
]}
|
||||
title="Comprehensive Landscape Solutions"
|
||||
description="We offer full-cycle exterior services, from initial design concepts to long-term maintenance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Stone Path Systems",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-china_1127-3865.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Custom Water Features",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Atmospheric Lighting",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7214.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Retaining Walls",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12260.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fire Pit Integration",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698338.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Pergolas",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Featured Projects"
|
||||
description="A glimpse into the transformation projects we have completed."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Stone Path Systems", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/park-china_1127-3865.jpg" },
|
||||
{ id: "p2", name: "Custom Water Features", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg" },
|
||||
{ id: "p3", name: "Atmospheric Lighting", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7214.jpg" },
|
||||
{ id: "p4", name: "Retaining Walls", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12260.jpg" },
|
||||
{ id: "p5", name: "Fire Pit Integration", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698338.jpg" },
|
||||
{ id: "p6", name: "Luxury Pergolas", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg" }
|
||||
]}
|
||||
title="Our Featured Projects"
|
||||
description="A glimpse into the transformation projects we have completed."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "Starting at $1,500",
|
||||
name: "Consultation & Design",
|
||||
features: [
|
||||
"Site survey",
|
||||
"Concept sketch",
|
||||
"Plant palette",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enquire",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
price: "Starting at $5,000",
|
||||
name: "Hardscape Installation",
|
||||
features: [
|
||||
"CAD site plan",
|
||||
"Patio install",
|
||||
"Lighting setup",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enquire",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
price: "Starting at $12,000",
|
||||
name: "Full Landscape Revamp",
|
||||
features: [
|
||||
"Full design-build",
|
||||
"Horticultural plan",
|
||||
"Dedicated project manager",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enquire",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Choose the level of care and design your landscape deserves."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", price: "Starting at $1,500", name: "Consultation & Design", features: ["Site survey", "Concept sketch", "Plant palette"], buttons: [{ text: "Enquire" }] },
|
||||
{ id: "standard", price: "Starting at $5,000", name: "Hardscape Installation", features: ["CAD site plan", "Patio install", "Lighting setup"], buttons: [{ text: "Enquire" }] },
|
||||
{ id: "premium", price: "Starting at $12,000", name: "Full Landscape Revamp", features: ["Full design-build", "Horticultural plan", "Dedicated project manager"], buttons: [{ text: "Enquire" }] }
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Choose the level of care and design your landscape deserves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Gardens",
|
||||
"Patios",
|
||||
"Lighting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Horticulture",
|
||||
"Design",
|
||||
"Masonry",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Quality",
|
||||
"Reliability",
|
||||
"Support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Consistently delivering high-value transformations across the region."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Projects Completed", items: ["Gardens", "Patios", "Lighting"] },
|
||||
{ id: "m2", value: "12+", title: "Years Experience", items: ["Horticulture", "Design", "Masonry"] },
|
||||
{ id: "m3", value: "100%", title: "Client Satisfaction", items: ["Quality", "Reliability", "Support"] }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Consistently delivering high-value transformations across the region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Blake Landscape transformed our overgrown yard into a show-stopping garden. Professional, clean, and truly expert."
|
||||
rating={5}
|
||||
author="Mark R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
alt: "Client Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-haired-redhead-girl-is-happy-sincerely-smiling-holding-pot-greens-her-hands-closeup-portrait-outside-surrounded-by-plants_197531-12277.jpg",
|
||||
alt: "Client Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
|
||||
alt: "Client Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-photo-background-plants-flowers-young-curly-girl-is-cute-smiling-holding-flower-pot-her-hands-with-small-flower-sprout_197531-25938.jpg",
|
||||
alt: "Client Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg",
|
||||
alt: "Client Portrait 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Blake Landscape transformed our overgrown yard into a show-stopping garden. Professional, clean, and truly expert."
|
||||
rating={5}
|
||||
author="Mark R."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg", alt: "Client Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/long-haired-redhead-girl-is-happy-sincerely-smiling-holding-pot-greens-her-hands-closeup-portrait-outside-surrounded-by-plants_197531-12277.jpg", alt: "Client Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg", alt: "Client Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-photo-background-plants-flowers-young-curly-girl-is-cute-smiling-holding-flower-pot-her-hands-with-small-flower-sprout_197531-25938.jpg", alt: "Client Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg", alt: "Client Portrait 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Ready for a transformation?"
|
||||
description="Contact us today for a professional site assessment and consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/look-through-shiny-branches-white-table-with-candles_1304-4758.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready for a transformation?"
|
||||
description="Contact us today for a professional site assessment and consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/look-through-shiny-branches-white-table-with-candles_1304-4758.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Blake Landscape LLC"
|
||||
copyrightText="© 2025 Blake Landscape LLC | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Blake Landscape LLC"
|
||||
copyrightText="© 2025 Blake Landscape LLC | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user