"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 } 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="Git R Down Tree Service"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About", id: "about" },
              { name: "Team", id: "team" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Call Now", href: "tel:7175578323" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="Cumberland County's Trusted Arborists"
            tagIcon={TreePine}
            title="Expert Tree Removal, Trimming, and Stump Grinding"
            description="Your premier partner for safe, efficient, and affordable tree care services in Mechanicsburg, PA and beyond. We handle every job with professionalism and minimal disruption."
            buttons={[
              { text: "Get Free Estimate", href: "#contact" },
              { text: "Our Services", href: "#services" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="https://img.b2bpic.net/free-photo/beautiful-landscape-big-tree-forest-with-low-angel-view_74190-6.jpg?id=3500986"
            imageAlt="Professional tree service crew working on a large tree"
            showDimOverlay={true}
            textPosition="top"
            testimonials={[
              {
                name: "Dutch Rules",                handle: "Satisfied Client",                testimonial: "I highly recommend this company for tree work.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/letter-made-green-grass-isolated-transparent-background_169016-59761.jpg",                imageAlt: "Dutch Rules"},
              {
                name: "Bob Anderson",                handle: "HOA Representative",                testimonial: "Andy and the crew are true professionals and did excellent work for our HOA.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/realistic-t-letter-with-metallic-surface_23-2150458468.jpg",                imageAlt: "Bob Anderson"},
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="About Git R Down"
            tagIcon={TreePine}
            tagAnimation="slide-up"
            title="Specializing in tree, shrub, and stump removal and trimming at reasonable prices. We get the job done on time with minimal disruption."
            description="Andy & The Crew"
            subdescription="Serving Cumberland County, PA"
            icon={TreePine}
            imageSrc="https://img.b2bpic.net/premium-photo/forest-worker-operating-heavy-machinery-timber-harvesting_1092689-70013.jpg?id=364249099"
            imageAlt="Tree service crew working on a residential property"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="Our Services"
            tagIcon={TreePine}
            title="Comprehensive Tree Care Solutions"
            description="From routine trimming to emergency removal, we've got you covered."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            imageContainerClassName="!rotate-0 !aspect-square"
            features={[
              {
                tag: "Removal",                title: "Tree Removal",                subtitle: "Safe & Efficient",                description: "Expert removal of hazardous, diseased, or unwanted trees. We ensure safety and cleanliness throughout the process.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-e-made-real-natural-flowers-leaves-white-background-isolated_169016-53964.jpg",                imageAlt: "Tree removal process"},
              {
                tag: "Trimming",                title: "Tree Trimming & Pruning",                subtitle: "Health & Aesthetics",                description: "Professional pruning to enhance tree health, improve appearance, and prevent potential hazards.",                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-t-sign_53876-63836.jpg",                imageAlt: "Tree trimming arborist"},
              {
                tag: "Stumps",                title: "Stump Grinding",                subtitle: "Complete Removal",                description: "Eliminate unsightly tree stumps efficiently, reclaiming your yard space for new possibilities.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-g-made-green-grass-with-flowers-isolated-white_169016-57644.jpg",                imageAlt: "Stump grinding machine at work"},
              {
                tag: "Emergency",                title: "Emergency Services",                subtitle: "24/7 Response",                description: "Rapid response for storm-damaged or fallen trees, ensuring quick and safe property recovery.",                imageSrc: "http://img.b2bpic.net/free-photo/grass-letter-m-alphabet-3d-design-isolated-transparent-background_169016-57028.jpg",                imageAlt: "Fallen tree after storm"},
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="Why Choose Git R Down Tree Service?"
            description="Our commitment to safety, efficiency, and customer satisfaction sets us apart."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Safety First Approach",                role: "Certified professionals using advanced techniques and equipment to ensure every job is done safely.",                imageSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231590.jpg",                imageAlt: "Tree service safety equipment"},
              {
                id: "2",                name: "Experienced & Professional",                role: "Andy and his crew are true professionals, delivering excellent results for all types of tree work.",                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-l_53876-47227.jpg",                imageAlt: "Professional arborists working"},
              {
                id: "3",                name: "Timely & Reliable Service",                role: "We pride ourselves on completing projects on time and with minimal disruption to your daily life.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-y-made-green-grass-with-yellow-isolated-transparent-background_169016-59614.jpg",                imageAlt: "Tree service truck delivering"},
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="Our Team"
            title="Meet The Crew"
            description="Dedicated and skilled arborists committed to delivering top-quality tree care."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Andy M.",                role: "Lead Arborist",                imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter_53876-63656.jpg",                imageAlt: "Andy, Lead Arborist"},
              {
                id: "2",                name: "Team Member 2",                role: "Tree Care Specialist",                imageSrc: "http://img.b2bpic.net/free-photo/pink-letter-t-made-wood_1232-691.jpg",                imageAlt: "Tree Care Specialist"},
              {
                id: "3",                name: "Team Member 3",                role: "Ground Operations",                imageSrc: "http://img.b2bpic.net/free-photo/spatter-black-symbol-drop-splatter_1194-8110.jpg",                imageAlt: "Ground Operations team member"},
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="Highly Recommended"
            cardTagIcon={TreePine}
            cardTitle="With a 4.548 Google rating, our clients consistently praise our professionalism and quality work."
            buttons={[{ text: "Contact Now", href: "#contact" }]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              {
                id: "1",                name: "Dutch Rules",                imageSrc: "http://img.b2bpic.net/free-photo/letter-made-green-grass-with-flowers-isolated-white_169016-57173.jpg",                imageAlt: "Dutch Rules"},
              {
                id: "2",                name: "Bob Anderson",                imageSrc: "http://img.b2bpic.net/free-photo/atom-biotechnology-nuclear-medicine-with-scientist-rsquo-s-hands-digital-transformation-remix_53876-126746.jpg",                imageAlt: "Bob Anderson"},
              {
                id: "3",                name: "Satisfied Client 1",                imageSrc: "http://img.b2bpic.net/free-photo/letter-c-made-green-grass-with-flowers-isolated-white_169016-57251.jpg",                imageAlt: "Satisfied Client 1"},
              {
                id: "4",                name: "Satisfied Client 2",                imageSrc: "http://img.b2bpic.net/free-photo/letter-t-made-green-grass-isolated-white_169016-56968.jpg",                imageAlt: "Satisfied Client 2"},
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="FAQ"
            title="Common Questions About Tree Service"
            description="Answers to your most frequently asked questions about our services and process."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "How long does tree removal take?",                content: "The duration depends on the size, location, and complexity of the tree. Smaller trees can be removed in a few hours, while larger, more challenging ones may take a full day or more. We provide an estimated timeline during your consultation."},
              {
                id: "2",                title: "Are you insured?",                content: "Yes, Git R Down Tree Service is fully licensed and insured for your protection and peace of mind. We prioritize safety for both our crew and your property."},
              {
                id: "3",                title: "Do I need to be home for the service?",                content: "While you don't always need to be present for the entire service, we recommend being available at the start to discuss any final details and at the end for a final walk-through."},
              {
                id: "4",                title: "What happens to the wood and debris?",                content: "We offer various options, including hauling away all wood and debris, or cutting it into firewood lengths for your use. Stump grinding debris is typically backfilled into the hole."},
              {
                id: "5",                title: "How do I get an estimate?",                content: "Simply contact us by phone or through our website form to schedule a free, no-obligation on-site estimate. We'll assess your tree care needs and provide a detailed quote."},
              {
                id: "6",                title: "Do you offer emergency services?",                content: "Yes, we provide emergency tree services for hazardous situations like storm-damaged or fallen trees. Call us immediately for urgent assistance."},
            ]}
          />
        </div>

        <div id="contact" data-section="contact" className="relative overflow-hidden">
          <div className="absolute inset-0 w-full h-full">
            <video
              src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/bg-video.mp4"
              autoPlay
              muted
              loop
              playsInline
              aria-hidden="true"
              className="w-full h-full object-cover"
            />
            <div className="absolute inset-0 bg-foreground/70" />
          </div>
          <ContactSplitForm
            title="Get Your Free Tree Service Estimate"
            description="Contact Git R Down Tree Service today for professional tree removal, trimming, or stump grinding. We'll respond promptly."
            useInvertedBackground={false}
            mediaAnimation="none"
            buttonText="Request Estimate"
            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
            mediaWrapperClassName="hidden"
            inputs={[
              { name: "name", type: "text", placeholder: "Full Name", required: true },
              { name: "email", type: "email", placeholder: "Email Address", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number" },
            ]}
            multiSelect={{
              name: "service",              label: "Select a Service",              options: ["Tree Removal", "Tree Trimming", "Stump Grinding", "Emergency Service", "Other"],
            }}
            textarea={{ name: "message", placeholder: "Tell us about your tree service needs...", rows: 4, required: true }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  { label: "Tree Removal", href: "#services" },
                  { label: "Tree Trimming", href: "#services" },
                  { label: "Stump Grinding", href: "#services" },
                  { label: "Emergency Service", href: "#services" },
                ],
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Our Team", href: "#team" },
                  { label: "Testimonials", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" },
                ],
              },
              {
                title: "Contact",                items: [
                  { label: "(717) 557-8323", href: "tel:7175578323" },
                  { label: "1317 Old Willow Mill Rd, Mechanicsburg, PA 17050" },
                ],
              },
            ]}
            bottomLeftText="© 2024 Git R Down Tree Service"
            bottomRightText="All rights reserved"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
