"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Leaf, LeafyGreen, Settings } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLarge"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="A&R Landscaping"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Your Landscape Pros in Burr Ridge"
      description="A&R Landscaping and Tree Services Inc. offers comprehensive outdoor maintenance and design, blending certified expertise with a personal touch for property beauty, safety, and functionality."
      kpis={[
        {
          value: "20+",          label: "Years in Business"},
        {
          value: "500+",          label: "Successful Projects"},
        {
          value: "Certified",          label: "Expert Team"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "Explore Services",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-hispanic-man-blue-t-shirt-gloves-working-garden-with-tools-cutting-leaves-watering-plants-countryside-life_176420-19904.jpg"
      imageAlt="Landscaping team working on a lush garden"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",          alt: "Satisfied client portrait"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg",          alt: "Happy homeowner portrait"},
        {
          src: "http://img.b2bpic.net/free-photo/unpleased-young-pretty-woman-standing-with-closed-posture-looking-front-isolated-green-wall-with-copy-space_141793-109812.jpg",          alt: "Professional client headshot"},
        {
          src: "http://img.b2bpic.net/free-photo/dreamy-beautiful-female-with-warm-blue-eyes-positive-smile-dressed-casually-has-dark-hair-tied-knot-drinks-fresh-cocktail-being-pleased-spend-free-time-cafeteria-summer-rest-leisure_273609-3039.jpg",          alt: "Smiling customer"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-couple-caring-flowers_23-2148256693.jpg",          alt: "Client enjoying their garden"},
      ]}
      avatarText="Trusted by 100s of local properties"
      marqueeItems={[
        {
          type: "text",          text: "Quality Landscaping"},
        {
          type: "text-icon",          text: "Expert Tree Care",          icon: Leaf,
        },
        {
          type: "text",          text: "Dependable Service"},
        {
          type: "text-icon",          text: "Local & Certified",          icon: Award,
        },
        {
          type: "text",          text: "Customer Satisfaction"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="About A&R Landscaping & Tree Services Inc."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Landscape & Garden",          description: "Specialized garden design, meticulous lawn maintenance, and efficient mulch installation for vibrant outdoor spaces.",          imageSrc: "http://img.b2bpic.net/free-photo/ornamental-cabbage-with-chrysanthemums-other-herb_1268-16916.jpg",          imageAlt: "Beautifully designed garden with colorful flowers"},
        {
          title: "Expert Tree Care",          description: "Certified professionals handle all aspects of tree trimming, precise pruning, and comprehensive tree health care services.",          imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4993.jpg",          imageAlt: "Certified arborist trimming a tree with safety equipment"},
        {
          title: "Structural & Utility",          description: "Beyond greenery, we provide quality concrete work, thorough gutter cleaning, and dependable snow removal during winter months.",          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg",          imageAlt: "Finished concrete patio with landscaping"},
      ]}
      title="Comprehensive Outdoor Solutions"
      description="From lush garden designs to expert tree care and essential property maintenance, we cover every aspect of your outdoor space."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Award,
          title: "Quality Services",          value: "Award-Winning"},
        {
          id: "m2",          icon: LeafyGreen,
          title: "Customer Satisfaction",          value: "100% Happy"},
        {
          id: "m3",          icon: Settings,
          title: "Reliable & Efficient",          value: "On-Time Completion"},
      ]}
      title="Our Commitment to Excellence"
      description="Driven by dedication and proven results, our team delivers superior service for every project, ensuring your satisfaction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Outstanding Garden Transformation!",          quote: "A&R Landscaping completely transformed our backyard! The garden design is stunning, and their team was incredibly professional and attentive to every detail. We couldn't be happier with the results.",          name: "Sarah J.",          role: "Homeowner, Burr Ridge",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-motivated-goodlooking-asian-woman-give-thumbup-smiling-approving-excellent-effort-like_1258-115655.jpg"},
        {
          id: "2",          title: "Expert Tree Care, Highly Recommended",          quote: "Our trees have never looked better! A&R's arborists are true experts. They handled our complex tree pruning with precision and care, and our property is much safer now. Fantastic service!",          name: "Michael D.",          role: "Property Manager, Western Suburbs",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg"},
        {
          id: "3",          title: "Reliable and Comprehensive Services",          quote: "We rely on A&R for everything from lawn maintenance to snow removal. Their consistency and quality of work are unmatched. It's truly a one-stop shop for all our outdoor needs.",          name: "Emily R.",          role: "Residential Client, Hinsdale",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36529.jpg"},
        {
          id: "4",          title: "Professional and Personable Team",          quote: "The team at A&R is not only highly skilled but also a pleasure to work with. They listened to our vision for a new patio and executed it perfectly, providing excellent communication throughout.",          name: "David K.",          role: "Homeowner, Clarendon Hills",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-european-man-with-grey-hair-beard-smiles-pleasantly-looks-directly-front-being-good-mood-has-lucky-day-wears-spectacles-sweater-isolated-blue-wall_273609-44285.jpg"},
        {
          id: "5",          title: "Peace of Mind, Season after Season",          quote: "Knowing A&R is taking care of our property gives us immense peace of mind. From spring clean-ups to fall leaf removal, they're always reliable, efficient, and thorough. Absolutely recommend!",          name: "Jessica L.",          role: "Long-term Client, Oak Brook",          imageSrc: "http://img.b2bpic.net/free-photo/two-friends-dancing-outdoor-field_23-2149334468.jpg"},
      ]}
      title="What Our Clients Say"
      description="Hear from satisfied homeowners across Burr Ridge and the western suburbs about their experience with A&R Landscaping and Tree Services Inc."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What areas do you serve?",          content: "A&R Landscaping and Tree Services Inc. proudly serves Burr Ridge and the surrounding western suburbs. Please contact us to confirm service availability in your specific location."},
        {
          id: "faq2",          title: "Are your arborists certified?",          content: "Yes, our tree care professionals are certified experts, ensuring all tree trimming, pruning, and health care services are performed to the highest industry standards for safety and tree well-being."},
        {
          id: "faq3",          title: "How can I get a quote for a service?",          content: "You can easily request a free quote by calling us directly at +1 630-200-2920, or by filling out our contact form. We'll get back to you promptly to discuss your project."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to frequently asked questions about our landscaping and tree services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready for a beautifully maintained property? Contact A&R Landscaping today for a free estimate or to discuss your outdoor project needs. We're here to help, 7 days a week from 9 AM to 5 PM."
      buttons={[
        {
          text: "Call Us Now: +1 630-200-2920",          href: "tel:+16302002920"},
        {
          text: "Send an Email",          href: "mailto:info@arlandscaping.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-winding-river-through-lush-green-mangroves-port-douglas_1308-189520.jpg"
      imageAlt="Scenic landscape view"
      logoText="A&R Landscaping"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Landscape Design",              href: "#services"},
            {
              label: "Tree Care",              href: "#services"},
            {
              label: "Concrete Work",              href: "#services"},
            {
              label: "Snow Removal",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 A&R Landscaping and Tree Services Inc. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
