224 lines
13 KiB
TypeScript
224 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Choose Us", id: "why-us" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Service Area", id: "service-area" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="American Landscape Co."
|
|
bottomLeftText="Coon Rapids, MN"
|
|
bottomRightText="(763) 370-3392"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="American Landscape Co."
|
|
description=""
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "📞 Call (763) 370-3392", href: "tel:(763)370-3392" },
|
|
{ text: "Get a Free Estimate", href: "#contact" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756553.jpg"
|
|
imageAlt="Beautiful retaining wall landscaping project"
|
|
frameStyle="card"
|
|
buttonAnimation="opacity"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<TestimonialCardSixteen
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "David Johnson", role: "Homeowner", company: "Coon Rapids, MN", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", imageAlt: "happy customer homeowner smiling person professional portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Jennifer Miller", role: "Homeowner", company: "Anoka, MN", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "customer satisfaction homeowner portrait friendly person professional headshot"
|
|
},
|
|
{
|
|
id: "3", name: "Robert Chen", role: "Homeowner", company: "Blaine, MN", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg", imageAlt: "satisfied customer homeowner professional portrait person"
|
|
},
|
|
{
|
|
id: "4", name: "Sarah Williams", role: "Homeowner", company: "Coon Rapids, MN", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", imageAlt: "happy homeowner customer portrait satisfied person professional headshot"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "4.8★", label: "Rating from 71+ reviews" },
|
|
{ value: "15+", label: "Years local expertise" },
|
|
{ value: "100%", label: "Fully insured & licensed" }
|
|
]}
|
|
animationType="slide-up"
|
|
title="Trusted by Local Homeowners"
|
|
description="See what our satisfied customers say about their experience with American Landscape Co."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardTwo
|
|
title="Our Services"
|
|
description="Comprehensive landscaping solutions tailored to your needs"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Drainage Solutions", name: "Fix Water Problems", price: "Professional Service", rating: 5,
|
|
reviewCount: "Expert", imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-path-green-park-with-trees-lake-blue-sky_181624-41119.jpg", imageAlt: "french drain drainage solution water management yard"
|
|
},
|
|
{
|
|
id: "2", brand: "Retaining Walls", name: "Transform Your Yard", price: "Custom Design", rating: 5,
|
|
reviewCount: "Expert", imageSrc: "https://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-19.jpg", imageAlt: "retaining wall stone wall landscape construction boulder"
|
|
},
|
|
{
|
|
id: "3", brand: "Landscape Design", name: "Complete Renovations", price: "Full Service", rating: 5,
|
|
reviewCount: "Expert", imageSrc: "https://img.b2bpic.net/free-photo/scenery-bridge-river-middle-forest_181624-12031.jpg", imageAlt: "landscape design garden design outdoor design landscaping"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureProcessSteps
|
|
title="Why Choose American Landscape Co."
|
|
description="We deliver honest assessments, professional crews, and long-term solutions that protect your home and transform your yard."
|
|
tag="Local Expertise"
|
|
steps={[
|
|
{
|
|
number: "1", title: "4.8-Star Rated", description: "Trusted by 71+ local homeowners with proven results in drainage solutions and yard transformations."
|
|
},
|
|
{
|
|
number: "2", title: "Drainage Specialists", description: "Expert problem-solving for water issues, grading corrections, and basement protection."
|
|
},
|
|
{
|
|
number: "3", title: "Honest Estimates", description: "Detailed, no-pressure consultations with transparent pricing and professional recommendations."
|
|
},
|
|
{
|
|
number: "4", title: "Clean, Professional Crews", description: "Experienced teams known for attention to detail, communication, and quality craftsmanship."
|
|
},
|
|
{
|
|
number: "5", title: "Local Minnesota Expertise", description: "Deep knowledge of regional climate, soil conditions, and drainage challenges specific to the Twin Cities area."
|
|
},
|
|
{
|
|
number: "6", title: "Long-Term Solutions", description: "We focus on permanent fixes, not quick patches, ensuring your investment lasts for years."
|
|
}
|
|
]}
|
|
stepsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardOne
|
|
title="Before & After Portfolio"
|
|
description="Visual proof of our drainage solutions, retaining walls, and yard transformations."
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Retaining Walls", title: "Boulder Retaining Wall Installation", excerpt: "Transformed a sloped backyard into a functional, beautiful space with professional boulder wall construction and landscape design.", imageSrc: "https://img.b2bpic.net/free-photo/green-lizard-crawling-rocks_23-2148245187.jpg", imageAlt: "boulder wall retaining wall backyard landscaping project", authorName: "Greg", authorAvatar: "https://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", date: "Recent Project"
|
|
},
|
|
{
|
|
id: "2", category: "Drainage", title: "Yard Grading & Water Diversion", excerpt: "Corrected improper grading and installed French drain system to prevent basement water damage during heavy rains.", imageSrc: "https://img.b2bpic.net/free-photo/natural-wall-made-stones_1127-287.jpg", imageAlt: "yard grading landscape correction backyard transformation", authorName: "Greg", authorAvatar: "https://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", date: "Recent Project"
|
|
},
|
|
{
|
|
id: "3", category: "Protection", title: "Foundation Protection System", excerpt: "Installed comprehensive sump pump discharge correction and grading system to protect home foundation from water damage.", imageSrc: "https://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702187.jpg", imageAlt: "foundation protection basement waterproofing water diversion drainage", authorName: "Greg", authorAvatar: "https://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", date: "Recent Project"
|
|
},
|
|
{
|
|
id: "4", category: "Renovation", title: "Complete Landscape Renovation", excerpt: "Full backyard transformation including retaining wall, landscape design, plant installation, and drainage solutions.", imageSrc: "https://img.b2bpic.net/free-photo/shot-fallen-leafs-trees-large-stones-forrest-fall_181624-2876.jpg", imageAlt: "landscape renovation backyard design outdoor transformation", authorName: "Greg", authorAvatar: "https://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", date: "Recent Project"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<MetricSplitMediaAbout
|
|
tag="Service Area"
|
|
title="Proudly Serving Coon Rapids & Surrounding Communities"
|
|
description="With deep roots in the local area, we understand the unique landscaping challenges facing Minnesota homeowners. From Coon Rapids to Anoka, Blaine, and surrounding Twin Cities suburbs, American Landscape Co. is your trusted partner for professional drainage solutions, retaining walls, and landscape transformations."
|
|
metrics={[
|
|
{ value: "15+", title: "Years Local Service" },
|
|
{ value: "1000+", title: "Projects Completed" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756553.jpg"
|
|
imageAlt="Service area map and local community"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="opacity"
|
|
metricsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta-section" data-section="cta-section">
|
|
<ContactText
|
|
text="Fix Your Yard & Protect Your Home — Get a Free Estimate Today"
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Call Now: (763) 370-3392", href: "tel:(763)370-3392" },
|
|
{ text: "Request Free Quote", href: "#contact" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to get started? Contact us for a free, no-pressure consultation and honest estimate."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Contact Us", href: "#contact-form" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="American Landscape Co."
|
|
copyrightText="© 2025 American Landscape Co. | (763) 370-3392 | 13257 Jay St NW, Coon Rapids, MN 55448"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |