3f68bd7f-ec3d-4a23-a7d6-b1d9ae3e8980/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Services", id: "services" },
              { name: "Reviews", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Urban Green Landscaping"
            button={{ text: "Get a Quote", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardCarousel
            background={{ variant: "gradient-bars" }}
            title="Urban Green Landscaping Services"
            description="Providing over 19 years of professional outdoor services from tree removal to pavers and meticulous lawn maintenance for Midland Park and surrounding areas."
            buttons={[
              { text: "View Services", href: "#services" },
              { text: "Contact Us", href: "#contact" },
            ]}
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=1", imageAlt: "Professional landscaping project" },
              { imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=1", imageAlt: "Lawn care maintenance" },
              { imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=1", imageAlt: "Paver patio installation" },
              { imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg?_wi=1", imageAlt: "Tree maintenance" },
              { imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=1", imageAlt: "Professional landscaping crew" },
            ]}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNine
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            showStepNumbers={true}
            title="Our Expert Services"
            description="Comprehensive outdoor solutions to enhance and maintain your property's value year-round."
            features={[
              {
                title: "Lawn & Garden Care",                description: "Full-service seeding, sod installation, and regular lawn maintenance for a pristine yard.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=2", imageAlt: "Lawn maintenance" },
                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=2", imageAlt: "Green garden" }
              },
              {
                title: "Hardscaping & Pavers",                description: "Custom paver installation and walkway grading to transform your outdoor living space.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=2", imageAlt: "Paver design" },
                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=3", imageAlt: "Walkway completion" }
              },
              {
                title: "Tree & Property Maintenance",                description: "Reliable tree removal, pruning, and storm cleanup services by experienced professionals.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg?_wi=2", imageAlt: "Tree services" },
                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=2", imageAlt: "Cleanup work" }
              }
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSixteen
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Midland Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037268.jpg" },
              { id: "2", name: "Michael Chen", role: "Property Owner", company: "Midland Park", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg" },
              { id: "3", name: "Emily Rodriguez", role: "Client", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23426.jpg" },
              { id: "4", name: "David Kim", role: "Business Owner", company: "Midland Park", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg" },
              { id: "5", name: "Lisa Wang", role: "Homeowner", company: "Midland Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunet-male-gardener-cutting-overgrown-bush-by-hedge-trimmer-sunny-day-front-view-hard_7502-10573.jpg" },
            ]}
            kpiItems={[
              { value: "19+", label: "Years Business" },
              { value: "4.3", label: "Google Rating" },
              { value: "21+", label: "Verified Reviews" },
            ]}
            title="What Our Clients Say"
            description="We are proud to be a highly-rated local landscaper serving Midland Park for nearly two decades."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            textboxLayout="default"
            useInvertedBackground={false}
            faqs={[
              { id: "1", title: "Are you licensed and insured?", content: "Yes, we are a fully verified, licensed, and background-checked business." },
              { id: "2", title: "What areas do you serve?", content: "We primarily serve Midland Park and surrounding neighborhoods." },
              { id: "3", title: "How quickly do you reply?", content: "We typically reply within 1 business day for all inquiries." },
            ]}
            title="Frequently Asked Questions"
            description="Clear answers to your common questions about our professional landscaping services."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={false}
            title="Contact Urban Green"
            description="Ready to transform your lawn? Send us a message today."
            inputs={[
              { name: "name", type: "text", placeholder: "Your Name", required: true },
              { name: "email", type: "email", placeholder: "Your Email", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            ]}
            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
            imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=3"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=4"
            logoText="Urban Green"
            columns={[
              { title: "Services", items: [{ label: "Lawn Care", href: "#services" }, { label: "Paver Installation", href: "#services" }, { label: "Tree Removal", href: "#services" }] },
              { title: "Company", items: [{ label: "Contact Us", href: "#contact" }, { label: "Google Reviews", href: "#testimonials" }] },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}