"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Leaf, TreePine, Award, Ruler, Users, Sun } from "lucide-react";

export default function LandscapingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="Beach House Landscaping"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About", id: "about" },
              { name: "Team", id: "team" },
              { name: "Reviews", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Get a Quote", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="Luxury Coastal Design"
            tagIcon={Sun}
            title="Where Coastal Elegance Meets Nature"
            description="Specialists in bespoke garden transformations, high-end sandstone patios, and refined softscaping. We turn your outdoor space into an extension of your coastal home."
            buttons={[
              { text: "View Our Work", href: "#services" },
              { text: "Start Your Project", href: "#contact" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg"
            imageAlt="Stunning luxury coastal patio garden"
            showDimOverlay={true}
            textPosition="top"
            testimonials={[
              {
                name: "Nicky Wylde",                handle: "Satisfied Client",                testimonial: "Delighted with our garden transformation. From initial discussion to completion, everything was handled with perfection.",                rating: 5,
              },
              {
                name: "Christopher Weller",                handle: "Homeowner",                testimonial: "Tom worked hard for over 2 weeks and done a great job. The large sandstone patio is perfect. Would recommend to all.",                rating: 5,
              }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="Craftsmanship & Passion"
            tagIcon={Award}
            tagAnimation="slide-up"
            title="Expertise in Every Detail"
            description="We don't just build landscapes; we curate outdoor experiences. With deep expertise in soil management, drainage, and material selection, our team ensures your garden thrives through every season."
            subdescription="Tom & The Expert Team"
            icon={TreePine}
            imageSrc="http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205692.jpg"
            imageAlt="Detailed landscape planning"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="Expert Solutions"
            tagIcon={Ruler}
            title="Our Landscaping Services"
            description="From narrow-access garden clear-outs to sprawling patio installations, we provide complete turnkey landscaping solutions."
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                tag: "Build",                title: "Sandstone Patios",                subtitle: "Precision Laying",                description: "Bespoke natural stone paving that creates the perfect foundation for your outdoor entertaining.",                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg"
              },
              {
                tag: "Clearance",                title: "Site Transformation",                subtitle: "Full Excavation",                description: "Expert removal of old structures, concrete, and soil to create a blank canvas for your new garden design.",                imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22876.jpg"
              },
              {
                tag: "Softscape",                title: "Garden Planting",                subtitle: "Native Greenery",                description: "Thoughtfully curated planting beds that thrive in local coastal climates.",                imageSrc: "http://img.b2bpic.net/free-photo/business-district-with-green_1359-59.jpg"
              },
              {
                tag: "Details",                title: "Finishing Touches",                subtitle: "Hardscaping",                description: "From shingling and kerb stoning to trellis installation, we focus on the details that define your yard.",                imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg"
              }
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="Why Choose Beach House?"
            description="Integrity, precision, and a love for the craft."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Narrow Access Specialists",                role: "We excel at projects in challenging residential spaces with limited access.",                imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg"
              },
              {
                id: "2",                name: "Full-Cycle Project Management",                role: "We handle everything from demolition and removal to the final aesthetic installation.",                imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-report-coffee-shop_1150-6405.jpg"
              },
              {
                id: "3",                name: "Client-First Approach",                role: "Every project starts with your vision and ends with your complete satisfaction.",                imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-flowers_23-2149871129.jpg"
              }
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="The Team"
            title="Meet Our Lead Experts"
            description="Dedicated to transforming your dream garden into a reality."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="three-columns-all-equal-width"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Tom",                role: "Lead Landscaper",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-goodlooking-bearded-gardener-with-garden-tools-smiling-standing-trees-shadow-crossing-hands-looking-camera-with-relaxed-face-expression_176420-55230.jpg"
              },
              {
                id: "2",                name: "Brendon",                role: "Senior Project Technician",                imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-29878.jpg"
              },
              {
                id: "3",                name: "Expert Partner",                role: "Hardscaping Specialist",                imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-working-garden_23-2148165264.jpg"
              }
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="Our Reputation"
            cardTitle="Trusted to transform outdoor spaces one garden at a time."
            buttons={[
              { text: "Get a Quote", href: "#contact" },
              { text: "See More Reviews", href: "https://google.com" }
            ]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Nicky Wylde", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg" },
              { id: "2", name: "Christopher Weller", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg" },
              { id: "3", name: "Robert Alexander", imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-is-doing-yoga-outdoors-stretching-park-sunrise-brunette-white-t-shirt_1157-39676.jpg" }
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="FAQ"
            title="Frequently Asked Questions"
            description="Everything you need to know about our process."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "Can you handle gardens with limited access?",                content: "Yes, we specialize in narrow-access projects. We have the experience and equipment to navigate difficult properties safely and efficiently."
              },
              {
                id: "2",                title: "What kind of hardscaping services do you offer?",                content: "We specialize in large sandstone patios, kerb stoning, and structural clearing to ensure your garden has a solid, beautiful foundation."
              },
              {
                id: "3",                title: "Do you remove old sheds and structures?",                content: "Absolutely. We offer full demolition services, including removal of old sheds, concrete slabs, and brickwork, leaving you with a clean site ready for transformation."
              }
            ]}
          />
        </div>

        <div id="contact" data-section="contact" className="relative overflow-hidden">
          <ContactSplitForm
            title="Get Your Free Garden Design Consultation"
            description="Schedule your consultation with our expert landscaping team today."
            useInvertedBackground={false}
            mediaAnimation="none"
            imageSrc="http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918242.jpg"
            buttonText="Submit Enquiry"
            inputs={[
              { name: "name", type: "text", placeholder: "Full Name", required: true },
              { name: "email", type: "email", placeholder: "Email Address", required: true },
              { name: "address", type: "text", placeholder: "Project Address" }
            ]}
            textarea={{ name: "message", placeholder: "Tell us about your garden vision...", rows: 4, required: true }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              { title: "Services", items: [{ label: "Patio Installation" }, { label: "Garden Clearance" }, { label: "Softscaping" }] },
              { title: "Company", items: [{ label: "About" }, { label: "Reviews" }, { label: "Contact" }] },
              { title: "Connect", items: [{ label: "Instagram" }, { label: "Facebook" }] }
            ]}
            bottomLeftText="© 2026 Beach House Landscaping"
            bottomRightText="Designed for Excellence"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}