Merge version_2 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Leaf, Award, MapPin, Mail, Phone, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,206 +30,116 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us", id: "#why-choose-us"},
|
||||
{
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-choose-us" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
]}
|
||||
brandName="Walter's Landscape"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Professional Landscaping & Lawn Care in Homestead, FL"
|
||||
description="Reliable, high-quality service with 5-star customer satisfaction. Let us transform your outdoor space today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:+13055550123"},
|
||||
{
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg", imageAlt: "Landscaping service in Homestead"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-2125.jpg", imageAlt: "Landscaping project"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/female-farmer-working-alone-her-greenhouse_23-2149072077.jpg", imageAlt: "Yard maintenance"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg", imageAlt: "Tree care"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488219.jpg", imageAlt: "Garden design"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803953.jpg", imageAlt: "Lawn care"},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-2125.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/female-farmer-working-alone-her-greenhouse_23-2149072077.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg" }]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+13055550123" }, { text: "Get Free Quote", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance", description: "Regular mowing, edging, and fertilization to keep your lawn thick and healthy.", imageSrc: "http://img.b2bpic.net/free-photo/man-collects-leaves-cleans-park_1157-27409.jpg", imageAlt: "Lawn maintenance service"},
|
||||
{
|
||||
title: "Landscaping Design", description: "Custom designs, plant selection, and full installation for your perfect garden.", imageSrc: "http://img.b2bpic.net/free-photo/planting-trees-as-part-reforestation-process_23-2149409979.jpg", imageAlt: "Landscape design installation"},
|
||||
{
|
||||
title: "Tree Care", description: "Expert tree trimming, pruning, and removal services for property safety and health.", imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41449.jpg", imageAlt: "Tree trimming service"},
|
||||
]}
|
||||
<FeatureCardTwentySix
|
||||
title="Our Professional Services"
|
||||
description="We offer a full range of landscaping solutions to keep your property looking its best year-round."
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Lawn Maintenance", description: "Regular mowing, edging, and fertilization.", buttonIcon: Leaf },
|
||||
{ title: "Landscaping Design", description: "Custom garden designs and installations.", buttonIcon: Leaf },
|
||||
{ title: "Tree Care", description: "Expert trimming, pruning, and removal.", buttonIcon: Leaf },
|
||||
{ title: "Yard Cleanup", description: "Full property cleanup and debris removal.", buttonIcon: Leaf },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "4.9/5", title: "Rating", items: [
|
||||
"Based on 88+ reviews", "Industry leading satisfaction"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "100%", title: "Reliable", items: [
|
||||
"Always on-time", "Licensed & insured crew"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "Local", title: "Expertise", items: [
|
||||
"Homestead specialists", "Proven track record"],
|
||||
},
|
||||
]}
|
||||
<MetricCardThree
|
||||
title="Why Choose Us?"
|
||||
description="We've built our reputation on quality, reliability, and local expertise."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "1", icon: Award, title: "Satisfaction", value: "4.9/5" },
|
||||
{ id: "2", icon: MapPin, title: "Homestead", value: "Local" },
|
||||
{ id: "3", icon: Phone, title: "Reliability", value: "100%" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1", name: "Garden Design", price: "View Project", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/path-passing-through-grass_1252-1048.jpg"},
|
||||
{
|
||||
id: "g2", name: "Lawn Refresh", price: "View Project", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-girl-apron-summer-hat-wearing-working-gloves-pointing-up-with-index-fingers-looking-up-with-smile-face-standing-green-wall_141793-82245.jpg"},
|
||||
{
|
||||
id: "g3", name: "Yard Cleanup", price: "View Project", variant: "Cleanup", imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349464.jpg"},
|
||||
{
|
||||
id: "g4", name: "Tree Care", price: "View Project", variant: "Removal", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-splitting-wood-with-axe_23-2149382183.jpg"},
|
||||
{
|
||||
id: "g5", name: "Mulching Job", price: "View Project", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/trowels-near-fence_23-2147714873.jpg"},
|
||||
{
|
||||
id: "g6", name: "Hedge Trimming", price: "View Project", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-digging-soil-with-hoe_23-2148165244.jpg"},
|
||||
]}
|
||||
<ProductCardOne
|
||||
title="Recent Transformations"
|
||||
description="See the results of our professional landscape design and maintenance projects."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "g1", name: "Garden Design", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/path-passing-through-grass_1252-1048.jpg" },
|
||||
{ id: "g2", name: "Lawn Refresh", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-girl-apron-summer-hat-wearing-working-gloves-pointing-up-with-index-fingers-looking-up-with-smile-face-standing-green-wall_141793-82245.jpg" },
|
||||
{ id: "g3", name: "Yard Cleanup", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349464.jpg" },
|
||||
{ id: "g4", name: "Tree Care", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-splitting-wood-with-axe_23-2149382183.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", handle: "@customer", testimonial: "Extremely high quality work, fair prices, on-time every visit.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg"},
|
||||
{
|
||||
id: "t2", name: "Michael C.", handle: "@customer", testimonial: "Highly recommend for landscaping or tree services. Very professional.", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-young-happy-woman-with-short-curly-hair-pink-long-skirt-white-shirt-alone-outside-her-villa_343596-2888.jpg"},
|
||||
{
|
||||
id: "t3", name: "Emily R.", handle: "@customer", testimonial: "Above and beyond professionalism. My yard looks amazing.", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7008.jpg"},
|
||||
{
|
||||
id: "t4", name: "David K.", handle: "@customer", testimonial: "Best service in Homestead. Always reliable and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg"},
|
||||
{
|
||||
id: "t5", name: "Lisa M.", handle: "@customer", testimonial: "Great attention to detail. Will definitely hire again.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-woman-sunglasses-look-camera_197531-33795.jpg"},
|
||||
]}
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by Homestead homeowners for exceptional results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-area" data-section="service-area">
|
||||
<InlineImageSplitTextAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Serving Homestead, FL"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-white-house-porch-with-green-lawn-flower-boxes_23-2151974397.jpg", alt: "Homestead location"},
|
||||
animationType="slide-up"
|
||||
kpiItems={[{ value: "88+", label: "Reviews" }, { value: "5", label: "Stars" }, { value: "100%", label: "Happy" }]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
|
||||
{ id: "t2", name: "Michael C.", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/peaceful-young-happy-woman-with-short-curly-hair-pink-long-skirt-white-shirt-alone-outside-her-villa_343596-2888.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer free quotes?", content: "Yes! Contact us today to request a free estimate for your project."},
|
||||
{
|
||||
id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed and insured for your peace of mind."},
|
||||
{
|
||||
id: "f3", title: "What areas do you serve?", content: "We primarily serve Homestead, FL and the surrounding community."},
|
||||
]}
|
||||
<FaqDouble
|
||||
title="Common Questions"
|
||||
description="Here are answers to some of our most frequently asked questions."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer free quotes?", content: "Yes! Contact us today." },
|
||||
{ id: "f2", title: "Are you licensed?", content: "Yes, fully licensed and insured." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactSplitForm
|
||||
title="Request a Free Quote"
|
||||
description="Send us your details and we'll be in touch."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Free Estimate?"
|
||||
description="Send us a message or give us a call to get started on your landscape transformation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-son-plating-together_23-2148943246.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(305) 555-0123", href: "tel:+13055550123"},
|
||||
{
|
||||
label: "1660 SW 4th St, Homestead, FL", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Walter's Landscape & Maintenance."
|
||||
bottomRightText="Opens 6:30 AM Monday"
|
||||
<FooterBaseCard
|
||||
logoText="Walter's Landscape"
|
||||
columns={[{ title: "Contact", items: [{ label: "Call Now", href: "tel:+13055550123" }] }, { title: "Links", items: [{ label: "Home", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user