Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,120 +27,119 @@ export default function LandingPage() {
|
||||
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="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">
|
||||
<HeroOverlayTestimonial
|
||||
title="Transforming Landscapes Into Masterpieces"
|
||||
description="Professional landscaping and lawn care solutions designed to enhance the beauty and value of your property."
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Transforming Landscapes Into Masterpieces"
|
||||
description="Professional landscaping and lawn care solutions designed to enhance the beauty and value of your property."
|
||||
testimonials={[
|
||||
{ name: "Alice Green", handle: "@aliceg", testimonial: "GreenScape Pro turned our overgrown backyard into a tranquil retreat. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-mole-her-lip-is-holding-succulent-woman-gray-sweater-posing-plant-store_197531-12373.jpg" },
|
||||
{ name: "Bob Miller", handle: "@bobm", testimonial: "Excellent service and attention to detail. My lawn has never looked better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Expertise"
|
||||
title="Sustainable Landscapes for Modern Living"
|
||||
description="We blend innovative design with ecological responsibility to create stunning, durable outdoor spaces that thrive throughout the seasons."
|
||||
features={[
|
||||
{ title: "Professional Design", description: "Tailored plans to suit your unique property." },
|
||||
{ title: "Eco-Friendly Materials", description: "Sustainable choices for a greener future." },
|
||||
{ title: "Expert Maintenance", description: "Year-round care for lasting beauty." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg"
|
||||
/>
|
||||
</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}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Landscaping Solutions"
|
||||
description="From irrigation management to hardscaping and lawn maintenance, we do it all."
|
||||
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" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="The impact we have made across the local community."
|
||||
/>
|
||||
</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. Professional, punctual, and highly skilled."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[]}
|
||||
/>
|
||||
</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." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our process? Find answers here."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</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="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={[]}
|
||||
logoText="GreenScape Pro"
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user