217 lines
14 KiB
TypeScript
217 lines
14 KiB
TypeScript
import React from "react";
|
|
import ThemeProvider from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarCentered from "@/components/ui/NavbarCentered";
|
|
import HeroBillboardTiltedCarousel from "@/components/sections/hero/HeroBillboardTiltedCarousel";
|
|
import AboutText from "@/components/sections/about/AboutText";
|
|
import FeaturesRevealCards from "@/components/sections/features/FeaturesRevealCards";
|
|
import MetricsMediaCards from "@/components/sections/metrics/MetricsMediaCards";
|
|
import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards";
|
|
import SocialProofMarquee from "@/components/sections/social-proof/SocialProofMarquee";
|
|
import PricingHighlightedCards from "@/components/sections/pricing/PricingHighlightedCards";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimpleCard from "@/components/sections/footer/FooterSimpleCard";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="outline"
|
|
defaultTextAnimation="slide-up"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="default"
|
|
background="subtle-gradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="glass-shimmer"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div
|
|
id="nav"
|
|
data-section="nav"
|
|
data-webild-component="NavbarCentered"
|
|
data-webild-component-path="@/components/ui/NavbarCentered"
|
|
>
|
|
<NavbarCentered
|
|
logo="GreenScape Solutions"
|
|
navItems={[
|
|
{ name: "Home", href: "#home" },
|
|
{ name: "About", href: "#about" },
|
|
{ name: "Services", href: "#services" },
|
|
{ name: "Testimonials", href: "#testimonials" },
|
|
{ name: "Pricing", href: "#pricing" },
|
|
{ name: "Contact", href: "#contact" }
|
|
]}
|
|
ctaButton={{ text: "Get a Free Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="home"
|
|
data-section="home"
|
|
data-webild-component="HeroBillboardTiltedCarousel"
|
|
data-webild-component-path="@/components/sections/hero/HeroBillboardTiltedCarousel"
|
|
>
|
|
<HeroBillboardTiltedCarousel
|
|
tag="Your Outdoor Dream, Our Expertise"
|
|
title="Transform Your Outdoors with GreenScape Solutions"
|
|
description="We specialize in creating beautiful, sustainable, and functional outdoor spaces that enhance your home's curb appeal and your lifestyle. From lush gardens to elegant hardscapes, we bring your vision to life."
|
|
primaryButton={{ text: "Explore Services", href: "#services" }}
|
|
secondaryButton={{ text: "Get a Free Quote", href: "#contact" }}
|
|
items={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-lady-white-dress-sitting-bench-touching-her-leg-after-walk-with-daughter-outdoor-portrait-romantic-young-mom-little-girl-hat-posing-together-with-park_197531-3988.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wild-flower-beauty-nature_53876-31853.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-watering-succulent-plant_23-2147844312.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gardening_23-2148128685.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="about"
|
|
data-section="about"
|
|
data-webild-component="AboutText"
|
|
data-webild-component-path="@/components/sections/about/AboutText"
|
|
>
|
|
<AboutText
|
|
title="Crafting Natural Beauty Since 2008"
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="services"
|
|
data-section="services"
|
|
data-webild-component="FeaturesRevealCards"
|
|
data-webild-component-path="@/components/sections/features/FeaturesRevealCards"
|
|
>
|
|
<FeaturesRevealCards
|
|
tag="Our Expertise"
|
|
title="Comprehensive Landscaping Services"
|
|
description="We offer a full spectrum of landscaping services designed to meet your every need, from initial concept to ongoing maintenance."
|
|
items={[
|
|
{ title: "Garden Design & Installation", description: "Custom garden layouts, plant selection, and professional installation to create your dream green space.", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488221.jpg" },
|
|
{ title: "Lawn Care & Maintenance", description: "Regular mowing, fertilization, aeration, and pest control to keep your lawn lush and healthy year-round.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg" },
|
|
{ title: "Hardscaping & Patios", description: "Designing and building beautiful patios, walkways, retaining walls, and outdoor living areas with premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/park-china_1127-3726.jpg" },
|
|
{ title: "Tree & Shrub Care", description: "Expert pruning, shaping, and disease management to ensure the longevity and beauty of your trees and shrubs.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2288.jpg" }
|
|
]}
|
|
primaryButton={{ text: "View All Services", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="metrics"
|
|
data-section="metrics"
|
|
data-webild-component="MetricsMediaCards"
|
|
data-webild-component-path="@/components/sections/metrics/MetricsMediaCards"
|
|
>
|
|
<MetricsMediaCards
|
|
tag="Our Impact"
|
|
title="Delivering Excellence, One Landscape at a Time"
|
|
description="Our commitment to quality and client satisfaction shines through in every project we undertake. See the numbers that speak to our dedication."
|
|
metrics={[
|
|
{ value: "1000+", title: "Projects Completed", description: "Successfully transformed over a thousand outdoor spaces into beautiful havens.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-resting-lying-hammock-with-mobile-phone_343596-671.jpg" },
|
|
{ value: "15+", title: "Years of Experience", description: "A decade and a half of expertise in landscape design, installation, and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-resting-lying-hammock-with-mobile-phone_343596-671.jpg" },
|
|
{ value: "98%", title: "Client Satisfaction", description: "Our clients consistently praise our professionalism, creativity, and outstanding results.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-resting-lying-hammock-with-mobile-phone_343596-671.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="testimonials"
|
|
data-section="testimonials"
|
|
data-webild-component="TestimonialRatingCards"
|
|
data-webild-component-path="@/components/sections/testimonial/TestimonialRatingCards"
|
|
>
|
|
<TestimonialRatingCards
|
|
tag="Hear From Our Happy Clients"
|
|
title="What People Say About Our Work"
|
|
description="Our clients' satisfaction is our greatest reward. Read their stories and see why GreenScape Solutions is their trusted landscaping partner."
|
|
testimonials={[
|
|
{ name: "Sarah P.", role: "Homeowner", quote: "GreenScape Solutions completely transformed our backyard into a stunning oasis. Their team was professional, creative, and exceeded all our expectations!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
|
{ name: "Michael L.", role: "Property Manager", quote: "We rely on GreenScape for all our commercial property landscaping. Their consistent quality and reliability make them an invaluable partner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
|
{ name: "Jessica R.", role: "Residential Client", quote: "From design to maintenance, GreenScape Solutions handled everything flawlessly. My garden has never looked better, and I've received so many compliments!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wonderful-lightly-tanned-woman-retro-jeans-posing-with-positive-smile_197531-20615.jpg" },
|
|
{ name: "David K.", role: "Estate Owner", quote: "The team's horticultural knowledge and attention to detail are exceptional. They've created a truly magnificent landscape for our estate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg" },
|
|
{ name: "Emily B.", role: "Small Business Owner", quote: "Our storefront now looks incredibly inviting thanks to GreenScape Solutions. Their seasonal displays are always fresh and beautiful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
|
{ name: "Chris W.", role: "Homeowner", quote: "Prompt, professional, and truly passionate about what they do. GreenScape Solutions delivered exactly what we envisioned for our front yard.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="social-proof"
|
|
data-section="social-proof"
|
|
data-webild-component="SocialProofMarquee"
|
|
data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee"
|
|
>
|
|
<SocialProofMarquee
|
|
tag="Trusted by Homeowners & Businesses"
|
|
title="Our Valued Partners and Clients"
|
|
description="We are proud to have served a diverse range of clients, building lasting relationships and creating beautiful outdoor spaces."
|
|
names={["Lush Gardens Inc.", "Urban Oasis Property", "Eco-View Developments", "Home & Hearth Realtors", "Terra Firma Estates", "Botanical Bliss Resorts", "Community Green Spaces", "Harvest Fresh Markets"]}
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="pricing"
|
|
data-section="pricing"
|
|
data-webild-component="PricingHighlightedCards"
|
|
data-webild-component-path="@/components/sections/pricing/PricingHighlightedCards"
|
|
>
|
|
<PricingHighlightedCards
|
|
tag="Transparent Pricing"
|
|
title="Choose Your Perfect Landscaping Plan"
|
|
description="From basic lawn care to full property transformations, we have flexible plans to suit every need and budget. Contact us for custom quotes."
|
|
plans={[
|
|
{ tag: "Essentials", price: "Starting at $150/month", description: "Basic lawn care for a pristine look.", features: ["Weekly Mowing & Trimming", "Edge Definition", "Leaf Blowing & Debris Removal"], primaryButton: { text: "Select Basic", href: "#contact" } },
|
|
{ tag: "Most Popular", price: "Starting at $300/month", description: "Comprehensive maintenance for a thriving landscape.", features: ["All Essentials Features", "Seasonal Fertilization", "Shrub & Hedge Trimming", "Garden Bed Weeding", "Spring & Fall Cleanups"], highlight: "Recommended", primaryButton: { text: "Select Premium", href: "#contact" } },
|
|
{ tag: "Ultimate", price: "Custom Quote", description: "Full-service solution for an immaculate outdoor experience.", features: ["All Premium Features", "Custom Garden Design", "Irrigation System Management", "Pest & Disease Control", "Hardscape Cleaning"], primaryButton: { text: "Request Quote", href: "#contact" } }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="contact"
|
|
data-section="contact"
|
|
data-webild-component="ContactSplitForm"
|
|
data-webild-component-path="@/components/sections/contact/ContactSplitForm"
|
|
>
|
|
<ContactSplitForm
|
|
tag="Let's Create Your Dream Landscape"
|
|
title="Get Your Free Landscaping Quote Today"
|
|
description="Ready to enhance your outdoor space? Fill out the form below, and our team will get back to you shortly to discuss your project."
|
|
inputs={[
|
|
{ name: "firstName", type: "text", placeholder: "First Name", required: true },
|
|
{ name: "lastName", type: "text", placeholder: "Last Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number (Optional)" }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 5, required: true }}
|
|
buttonText="Send Your Request"
|
|
imageSrc="http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30882.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
id="footer"
|
|
data-section="footer"
|
|
data-webild-component="FooterSimpleCard"
|
|
data-webild-component-path="@/components/sections/footer/FooterSimpleCard"
|
|
>
|
|
<FooterSimpleCard
|
|
brand="GreenScape Solutions"
|
|
columns={[
|
|
{ title: "Services", items: [{ label: "Garden Design", href: "#services" }, { label: "Lawn Care", href: "#services" }, { label: "Hardscaping", href: "#services" }, { label: "Tree & Shrub Care", href: "#services" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Work", href: "#metrics" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] }
|
|
]}
|
|
copyright="© 2024 GreenScape Solutions. All rights reserved."
|
|
links={[
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|