145 lines
6.7 KiB
TypeScript
145 lines
6.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="GreenScape Pro"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTiltedCarousel
|
|
title="Transforming Landscapes Into Masterpieces"
|
|
description="Professional landscaping and lawn care solutions designed to enhance the beauty and value of your property."
|
|
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
|
images={[
|
|
"http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg", "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg", "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg"
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="A Passion for Perfection"
|
|
description={[
|
|
"With over 15 years of experience, we specialize in creating custom landscape designs that reflect your style and enhance your home's curb appeal.", "Our team is dedicated to sustainable practices, high-quality materials, and exceptional client service throughout the entire design and build process."
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Irrigation Installation", description: "Keep your lawn healthy with advanced, water-efficient irrigation systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg" } },
|
|
{ title: "Hardscaping & Patios", description: "Enhance your outdoor living space with custom-built patios.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/crop-man-doing-plank-exercise_23-2147755408.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-carrying-shovel-construction-site_1150-10141.jpg" } },
|
|
{ title: "Routine Maintenance", description: "Full-service lawn care including mowing and trimming.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803962.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-watering-his-plants-his-garden-man-blue-shirt_1157-41461.jpg" } },
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Comprehensive Landscaping Solutions"
|
|
description="From irrigation management to hardscaping and lawn maintenance, we do it all."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "15+", description: "Years of Experience" },
|
|
{ id: "m2", value: "500+", description: "Happy Clients" },
|
|
{ id: "m3", value: "1200", description: "Gardens Transformed" },
|
|
]}
|
|
title="By The Numbers"
|
|
description="The impact we have made across the local community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="GreenScape Pro did an incredible job with our lawn. The attention to detail and professional attitude is second to none."
|
|
rating={5}
|
|
author="Marcus Thorne"
|
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg", alt: "Marcus Thorne" }]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you provide free estimates?", content: "Yes, we provide complimentary consultations and estimates for all new projects." },
|
|
{ id: "f2", title: "What service areas do you cover?", content: "We currently serve the greater metro area and neighboring suburbs." },
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our process? Find answers here."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Get in Touch"
|
|
title="Ready to Transform Your Outdoors?"
|
|
description="Submit your email and we'll reach out to discuss your project needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Services", items: [{ label: "Irrigation", href: "#services" }, { label: "Hardscaping", href: "#services" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
|
]}
|
|
logoText="GreenScape Pro"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |