bender/3f3a24ff-8ba4-470a-aaed-2818fe94af8c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-08 13:11:06 +00:00
parent 2931a5285a 901d2f3929
commit 8d96502199
1 changed files with 140 additions and 351 deletions
Download Patch File Download Diff File Expand all files Collapse all files

491
src/app/page.tsx
View File

@@ -28,366 +28,155 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Scope Landscaping"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Scope Landscaping"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "radial-gradient",
}}
logoText="Scope Landscaping"
description="Expert landscape design and installation services for beautiful, durable outdoor living spaces."
buttons={[
{
text: "Book Consultation",
href: "#contact",
},
{
text: "View Portfolio",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg"
imageAlt="Professional landscaping project"
mediaAnimation="slide-up"
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{ variant: "radial-gradient" }}
logoText="Scope Landscaping"
description="Expert landscape design and installation services for beautiful, durable outdoor living spaces."
buttons={[
{ text: "Book Consultation", href: "#contact" },
{ text: "View Portfolio", href: "#products" },
]}
imageSrc="http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg"
imageAlt="Professional landscaping project"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Crafting Exceptional Spaces"
description="We blend design expertise with high-quality installation to transform your property into a functional and beautiful oasis. From hardscaping to garden management, we deliver precision and care."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "500+",
title: "Projects Completed",
},
{
value: "100%",
title: "Client Satisfaction",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-with-notebook-inspecting-plants_23-2147768544.jpg"
imageAlt="Landscaper design team"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Crafting Exceptional Spaces"
description="We blend design expertise with high-quality installation to transform your property into a functional and beautiful oasis. From hardscaping to garden management, we deliver precision and care."
metrics={[
{ value: "15+", title: "Years Experience" },
{ value: "500+", title: "Projects Completed" },
{ value: "100%", title: "Client Satisfaction" },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-with-notebook-inspecting-plants_23-2147768544.jpg"
imageAlt="Landscaper design team"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Artificial Turf",
description: "High-quality, low-maintenance synthetic grass installations.",
imageSrc: "http://img.b2bpic.net/free-photo/grass-background-with-fence-corner-easter-day_23-2147608786.jpg",
imageAlt: "Artificial Turf",
},
{
title: "Hardscaping & Walls",
description: "Durable retaining walls, outdoor steps, and stone features.",
imageSrc: "http://img.b2bpic.net/free-photo/wall-made-stones-bricks_1127-288.jpg",
imageAlt: "Hardscaping",
},
{
title: "Irrigation Systems",
description: "Water-efficient irrigation and garden drainage solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-watering-can-near-plants-growing-greenhouse_23-2147948319.jpg",
imageAlt: "Irrigation",
},
]}
title="Professional Services"
description="Comprehensive landscaping solutions tailored to your unique landscape needs."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Artificial Turf", description: "High-quality, low-maintenance synthetic grass installations.", imageSrc: "http://img.b2bpic.net/free-photo/grass-background-with-fence-corner-easter-day_23-2147608786.jpg", imageAlt: "Artificial Turf" },
{ title: "Hardscaping & Walls", description: "Durable retaining walls, outdoor steps, and stone features.", imageSrc: "http://img.b2bpic.net/free-photo/wall-made-stones-bricks_1127-288.jpg", imageAlt: "Hardscaping" },
{ title: "Irrigation Systems", description: "Water-efficient irrigation and garden drainage solutions.", imageSrc: "http://img.b2bpic.net/free-photo/blue-watering-can-near-plants-growing-greenhouse_23-2147948319.jpg", imageAlt: "Irrigation" },
]}
title="Professional Services"
description="Comprehensive landscaping solutions tailored to your unique landscape needs."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Scope",
name: "Driveway Paving",
price: "Custom",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13751.jpg",
imageAlt: "Driveway Paving",
},
{
id: "p2",
brand: "Scope",
name: "Outdoor Steps",
price: "Custom",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/wood-stair-decoration_1339-4243.jpg",
imageAlt: "Outdoor Steps",
},
{
id: "p3",
brand: "Scope",
name: "Rock Landscaping",
price: "Custom",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-countryside-road-focus-rocks_176420-55113.jpg",
imageAlt: "Rock Landscaping",
},
{
id: "p4",
brand: "Scope",
name: "Desert Design",
price: "Custom",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-beautiful-cactuses-daylight_181624-30718.jpg",
imageAlt: "Desert Design",
},
{
id: "p5",
brand: "Scope",
name: "Water Feature",
price: "Custom",
rating: 5,
reviewCount: "6",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-concept_23-2148127936.jpg",
imageAlt: "Water Feature",
},
{
id: "p6",
brand: "Scope",
name: "Garden Levelling",
price: "Custom",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-nature-daylight_23-2148291444.jpg",
imageAlt: "Garden Levelling",
},
]}
title="Portfolio Highlights"
description="Explore our recent landscaping transformations and architectural installations."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Scope", name: "Driveway Paving", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13751.jpg", imageAlt: "Driveway Paving" },
{ id: "p2", brand: "Scope", name: "Outdoor Steps", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/wood-stair-decoration_1339-4243.jpg", imageAlt: "Outdoor Steps" },
{ id: "p3", brand: "Scope", name: "Rock Landscaping", price: "Custom", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-countryside-road-focus-rocks_176420-55113.jpg", imageAlt: "Rock Landscaping" },
{ id: "p4", brand: "Scope", name: "Desert Design", price: "Custom", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-beautiful-cactuses-daylight_181624-30718.jpg", imageAlt: "Desert Design" },
{ id: "p5", brand: "Scope", name: "Water Feature", price: "Custom", rating: 5, reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-concept_23-2148127936.jpg", imageAlt: "Water Feature" },
{ id: "p6", brand: "Scope", name: "Garden Levelling", price: "Custom", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-nature-daylight_23-2148291444.jpg", imageAlt: "Garden Levelling" },
]}
title="Portfolio Highlights"
description="Explore our recent landscaping transformations and architectural installations."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1200",
title: "Trees Planted",
items: [
"Native species",
"Sustainable planting",
],
},
{
id: "m2",
value: "4500",
title: "Tons of Stone",
items: [
"Retaining walls",
"Hardscape features",
],
},
{
id: "m3",
value: "95%",
title: "Client Referral Rate",
items: [
"Happy clients",
"Professional results",
],
},
]}
title="Our Impact"
description="Measuring success one garden at a time."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "1200", title: "Trees Planted", items: ["Native species", "Sustainable planting"] },
{ id: "m2", value: "4500", title: "Tons of Stone", items: ["Retaining walls", "Hardscape features"] },
{ id: "m3", value: "95%", title: "Client Referral Rate", items: ["Happy clients", "Professional results"] },
]}
title="Our Impact"
description="Measuring success one garden at a time."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Mark D.",
role: "Homeowner",
company: "Residential",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg",
},
{
id: "t2",
name: "Sarah W.",
role: "Homeowner",
company: "Residential",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-balcony-enjoying-spending-time-together_23-2147891190.jpg",
},
{
id: "t3",
name: "James L.",
role: "Property Manager",
company: "Commercial",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holding-diary-backyard_23-2147925277.jpg",
},
{
id: "t4",
name: "Emily P.",
role: "Homeowner",
company: "Residential",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
},
{
id: "t5",
name: "Robert K.",
role: "Architect",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gardening-nature-plant-agriculture-growth_53876-167078.jpg",
},
]}
title="What Our Clients Say"
description="Trusted by hundreds of property owners."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Mark D.", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg" },
{ id: "t2", name: "Sarah W.", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-balcony-enjoying-spending-time-together_23-2147891190.jpg" },
{ id: "t3", name: "James L.", role: "Property Manager", company: "Commercial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holding-diary-backyard_23-2147925277.jpg" },
{ id: "t4", name: "Emily P.", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg" },
{ id: "t5", name: "Robert K.", role: "Architect", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gardening-nature-plant-agriculture-growth_53876-167078.jpg" },
]}
title="What Our Clients Say"
description="Trusted by hundreds of property owners."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I get a quote?",
content: "Contact us via the form and we will schedule an on-site visit.",
},
{
id: "f2",
title: "Do you handle drainage issues?",
content: "Yes, we specialize in garden drainage and grading services.",
},
{
id: "f3",
title: "Are your materials durable?",
content: "We use premium materials and offer warranties on our installations.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/fumigation_23-2148013412.jpg"
title="Common Questions"
description="Answers to help you plan your landscaping project."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How do I get a quote?", content: "Contact us via the form and we will schedule an on-site visit." },
{ id: "f2", title: "Do you handle drainage issues?", content: "Yes, we specialize in garden drainage and grading services." },
{ id: "f3", title: "Are your materials durable?", content: "We use premium materials and offer warranties on our installations." },
]}
imageSrc="http://img.b2bpic.net/free-photo/fumigation_23-2148013412.jpg"
title="Common Questions"
description="Answers to help you plan your landscaping project."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Let's Talk"
title="Ready to Transform Your Landscape?"
description="Schedule your free on-site design consultation today."
buttons={[
{
text: "Contact Us Now",
href: "mailto:info@scopelandscaping.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Let's Talk"
title="Ready to Transform Your Landscape?"
description="Schedule your free on-site design consultation today."
buttons={[{ text: "Contact Us Now", href: "mailto:info@scopelandscaping.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Portfolio",
href: "#products",
},
],
},
{
title: "Services",
items: [
{
label: "Artificial Turf",
href: "#features",
},
{
label: "Hardscaping",
href: "#features",
},
],
},
{
title: "Contact",
items: [
{
label: "Schedule Visit",
href: "#contact",
},
{
label: "Call Us",
href: "tel:+1234567890",
},
],
},
]}
logoText="Scope Landscaping"
copyrightText="© 2025 Scope Landscaping | All Rights Reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#products" }] },
{ title: "Services", items: [{ label: "Artificial Turf", href: "#features" }, { label: "Hardscaping", href: "#features" }] },
{ title: "Contact", items: [{ label: "Schedule Visit", href: "#contact" }, { label: "Call Us", href: "tel:+1234567890" }] },
]}
logoText="Scope Landscaping"
copyrightText="© 2025 Scope Landscaping | All Rights Reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);