292 lines
16 KiB
TypeScript
292 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Bug, Droplets, HelpCircle, Image, Leaf, Palette, Scissors, Sprout, Star, Trees } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Maddscape"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Quote", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Transform Your Outdoor Space"
|
|
description="Professional lawn and tree care services serving Bloomington, Minnesota. From routine maintenance to complete landscape transformations, Maddscape delivers exceptional results."
|
|
tag="Bloomington Local"
|
|
tagIcon={Sprout}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717110-xc7k6n8c.jpg?_wi=1"
|
|
imageAlt="Beautiful landscaped lawn with professional design"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
name: "Jennifer M.", handle: "Homeowner", testimonial: "Maddscape completely transformed our backyard. Professional, reliable, and attention to detail is outstanding!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483901119-6g4fddno.png?_wi=1"
|
|
},
|
|
{
|
|
name: "David R.", handle: "Business Owner", testimonial: "We've been using Maddscape for our commercial property for 3 years. Consistent quality and excellent service.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717111-bjsw0qqj.jpg?_wi=1"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Get Free Quote", href: "contact" },
|
|
{ text: "View Our Work", href: "portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Maddscape"
|
|
description={[
|
|
"With over 15 years of experience, Maddscape has become Bloomington's trusted partner for comprehensive lawn and tree care services. We combine expert knowledge with cutting-edge equipment to deliver results that exceed expectations.", "Our team of certified arborists and landscaping professionals is committed to enhancing the natural beauty of your property while maintaining its health and longevity. We believe every outdoor space deserves professional care and attention.", "Whether you need regular maintenance, emergency tree services, or a complete landscape redesign, Maddscape has the expertise and dedication to bring your vision to life."
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
title="Our Services"
|
|
description="Comprehensive lawn and tree care solutions tailored to your property's unique needs. From routine maintenance to specialized treatments, we've got you covered."
|
|
tag="Complete Solutions"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: Scissors,
|
|
title: "Lawn Mowing & Maintenance", description: "Weekly or bi-weekly mowing, edging, and fertilization to keep your lawn healthy and beautiful year-round."
|
|
},
|
|
{
|
|
icon: Trees,
|
|
title: "Tree Trimming & Pruning", description: "Expert tree care including pruning, trimming, and removal services performed by certified arborists."
|
|
},
|
|
{
|
|
icon: Palette,
|
|
title: "Landscape Design", description: "Custom landscape design and installation services to transform your outdoor space into a stunning retreat."
|
|
},
|
|
{
|
|
icon: Sprout,
|
|
title: "Seasonal Cleanup", description: "Spring and fall cleanup services including leaf removal, debris management, and seasonal preparation."
|
|
},
|
|
{
|
|
icon: Bug,
|
|
title: "Pest & Disease Control", description: "Integrated pest management and plant health care to protect your landscape from damage and disease."
|
|
},
|
|
{
|
|
icon: Droplets,
|
|
title: "Mulch & Soil Services", description: "Professional mulching and soil amendment services to enhance soil health and plant growth."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Service", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Recent Projects"
|
|
description="Browse our recent landscaping and tree care projects to see the quality of work we deliver for our valued Bloomington clients."
|
|
tag="Portfolio"
|
|
tagIcon={Image}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Residential", name: "Complete Yard Transformation", price: "Featured", rating: 5,
|
|
reviewCount: "3 weeks", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717111-aa7iq37g.jpg?_wi=1", imageAlt: "Complete yard transformation with new landscaping design"
|
|
},
|
|
{
|
|
id: "2", brand: "Commercial", name: "Office Building Grounds", price: "Featured", rating: 5,
|
|
reviewCount: "Ongoing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717110-xc7k6n8c.jpg?_wi=2", imageAlt: "Professional commercial landscaping maintenance"
|
|
},
|
|
{
|
|
id: "3", brand: "Residential", name: "Tree Removal & Stump", price: "Featured", rating: 5,
|
|
reviewCount: "2 days", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772484296862-9cqh86nu.jpg", imageAlt: "Safe tree removal and stump grinding project"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Gallery", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Clients Say"
|
|
description="Real testimonials from satisfied customers throughout Bloomington who trust Maddscape for their lawn and tree care needs."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "North Bloomington", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717111-bjsw0qqj.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Property Manager", company: "Corporate Office Park", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717111-aa7iq37g.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Homeowner", company: "Downtown Bloomington", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483901119-6g4fddno.png?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Business Owner", company: "Retail Center Manager", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717111-ln3lfosh.jpg?_wi=3"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "500+", label: "Projects Completed" },
|
|
{ value: "98%", label: "Customer Satisfaction" },
|
|
{ value: "15+", label: "Years Experience" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our lawn care and tree services in Bloomington."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwSmiMg7IJg0cZ1Elrp46VuU1/uploaded-1772483717111-bjsw0qqj.jpg?_wi=3"
|
|
imageAlt="Professional lawn care and landscaping services"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How often should I have my lawn mowed?", content: "During the growing season (spring and summer), we typically recommend weekly mowing to maintain optimal grass health. Frequency may vary based on grass type, weather conditions, and your preferences. We can create a customized maintenance schedule for your property."
|
|
},
|
|
{
|
|
id: "2", title: "When is the best time for tree trimming?", content: "The best time for tree trimming depends on the species and your goals. Generally, late winter to early spring is ideal for most trees. However, we assess each tree individually and provide recommendations based on its specific needs and health."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer emergency tree removal?", content: "Yes, we provide 24/7 emergency tree removal services for fallen or hazardous trees. Contact us immediately if you have a dangerous tree situation. Our certified arborists will assess and remove the tree safely."
|
|
},
|
|
{
|
|
id: "4", title: "What areas of Bloomington do you serve?", content: "We serve the entire Bloomington area and surrounding communities. Whether you're on the north side, south side, or anywhere in between, our team is ready to help with your lawn and tree care needs."
|
|
},
|
|
{
|
|
id: "5", title: "Can you help with landscape design?", content: "Absolutely! Our landscape design team can create custom designs tailored to your vision, budget, and property. We handle everything from conceptual drawings to full installation and maintenance."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer eco-friendly options?", content: "Yes, we're committed to sustainable practices. We offer organic fertilizers, integrated pest management, mulching, and other eco-friendly solutions to keep your landscape healthy and environmentally responsible."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your outdoor space? Contact Maddscape today for a free consultation and quote. Our team is ready to bring your landscaping vision to life."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Free Quote Today", href: "#" },
|
|
{ text: "Call Now", href: "tel:(555) 123-4567" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Lawn Mowing", href: "#services" },
|
|
{ label: "Tree Care", href: "#services" },
|
|
{ label: "Landscaping", href: "#services" },
|
|
{ label: "Seasonal Cleanup", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Work", href: "#portfolio" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Service Area", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Google Reviews", href: "https://google.com" },
|
|
{ label: "Email", href: "mailto:info@maddscape.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Sitemap", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Maddscape. All rights reserved."
|
|
bottomRightText="Professional Lawn & Tree Care • Bloomington, MN"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|