"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Facebook, Instagram, Leaf, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtzu5o"
      logoAlt="Native Sun Landscape Services Logo"
      brandName="Native Sun Landscape Services"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboard
      background={{
        variant: "radial-gradient",
      }}
      title="Crafting Breathtaking Outdoor Spaces"
      description="Native Sun Landscape Services, Inc. transforms ordinary yards into extraordinary landscapes. Experience unparalleled design, meticulous care, and sustainable solutions for your property."
      tag="Your Vision, Our Expertise"
      buttons={[
        {
          text: "Explore Services",
          href: "#services",
        },
        {
          text: "Get a Free Estimate",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg"
      imageAlt="Beautifully landscaped garden with lush greenery and flowers"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3705.jpg",
          alt: "blond businessman happy expression",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-urban-environment-with-thumb-up_23-2147961614.jpg",
          alt: "Man in urban environment with thumb up",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3633.jpg",
          alt: "blond businessman happy expression",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg",
          alt: "Man standing in garden showing ok gesture looking at camera",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
          alt: "Young adult traveling using sustainable mobility",
        },
      ]}
      avatarText="Join our community of satisfied clients!"
      marqueeItems={[
        {
          type: "text",
          text: "Landscape Design",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/pet-young-man-sitting-outside-stroking-his-cat_259150-58586.jpg",
          alt: "Pet. Young man sitting outside and stroking his cat",
        },
        {
          type: "text",
          text: "Lawn Care",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/brunette-girl-pink-glasses-poses-balcony-shows-peace-sign-cheerful-woman-silk-scarf-around-her-neck-laughs-sits-terrace_197531-18041.jpg",
          alt: "Brunette girl in pink glasses poses on balcony and shows peace sign.",
        },
        {
          type: "text",
          text: "Tree & Shrub Care",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-shorts-watering-flowers_259150-57548.jpg",
          alt: "Pretty blonde woman in shorts watering the flowers",
        },
      ]}
      marqueeSpeed={30}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About Native Sun Landscape Services, Inc."
      description={[
        "With over 20 years of dedicated service, Native Sun Landscape Services, Inc. has been a cornerstone in creating and maintaining stunning outdoor environments. We are passionate about bringing your landscape dreams to life, blending innovative design with sustainable practices.",
        "Our team of certified professionals is committed to excellence, ensuring every project, from intimate gardens to expansive estates, reflects our unwavering standards of quality and attention to detail. We believe in building lasting relationships with our clients, nurtured by trust, reliability, and beautiful results.",
      ]}
      buttons={[
        {
          text: "Our Story",
          href: "#team",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Landscape Design & Installation",
          description: "Transform your vision into a living masterpiece with our expert design and seamless installation services, tailored to your aesthetic and needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg",
          imageAlt: "Architectural rendering of a modern garden design",
        },
        {
          title: "Professional Lawn Care",
          description: "Maintain a lush, vibrant lawn year-round with our comprehensive mowing, fertilization, and pest control programs.",
          imageSrc: "http://img.b2bpic.net/free-photo/serrated-metal-rake-garden-cleaning_169016-10696.jpg",
          imageAlt: "Perfectly manicured green lawn in a residential backyard",
        },
        {
          title: "Tree & Shrub Care",
          description: "Ensure the health and beauty of your trees and shrubs with our specialized pruning, disease management, and planting services.",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-female-gardener-touching-seedling-plants-crate_23-2148165252.jpg",
          imageAlt: "Healthy, well-maintained trees and shrubs in a garden",
        },
      ]}
      title="Comprehensive Landscape Solutions"
      description="From innovative design to meticulous upkeep, our services are tailored to enhance the beauty and value of your property."
      tag="Our Expertise"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "@HappyHomeowner",
          testimonial: "Native Sun transformed our messy backyard into a serene oasis. Their team was professional, creative, and incredibly efficient. We couldn't be happier!",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-resting-lying-hammock-with-mobile-phone_343596-668.jpg",
          imageAlt: "Happy homeowner in a newly landscaped garden",
        },
        {
          id: "2",
          name: "Michael L.",
          handle: "@LocalBusinessOwner",
          testimonial: "Our commercial property's curb appeal has never been better. Native Sun's maintenance program keeps everything pristine, impressing clients and employees alike.",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-women-coffe-break_23-2148347252.jpg",
          imageAlt: "Business owner admiring commercial landscape",
        },
        {
          id: "3",
          name: "Emily R.",
          handle: "@GardenEnthusiast",
          testimonial: "The design process was collaborative and fun. They understood my vision perfectly and delivered a garden that exceeds all my expectations. Truly artists!",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-holding-happy-woman-hands_23-2148179276.jpg",
          imageAlt: "Gardening enthusiast delighted with new garden",
        },
        {
          id: "4",
          name: "David K.",
          handle: "@ResidentialClient",
          testimonial: "Reliable, thorough, and always exceeding expectations. Native Sun takes all the worry out of garden maintenance. Highly recommended!",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-expression_1194-1747.jpg",
          imageAlt: "Residential client giving a thumbs up in their garden",
        },
        {
          id: "5",
          name: "Jessica M.",
          handle: "@PropertyInvestor",
          testimonial: "For property value enhancement, Native Sun is my go-to. Their landscaping significantly boosted appeal and helped attract tenants quickly.",
          imageSrc: "http://img.b2bpic.net/free-photo/family-porch-reading-book_23-2147663759.jpg",
          imageAlt: "Property investor reviewing a landscaped property",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from homeowners and businesses who have experienced the Native Sun difference."
      tag="Client Success"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Green Estates",
        "Harmony Residences",
        "Metro Towers",
        "Serene Resorts",
        "Oakwood Developments",
        "City Parks Dept.",
        "Evergreen Schools",
      ]}
      title="Trusted by Leading Properties"
      description="Proudly partnering with a diverse portfolio of residential and commercial clients."
      tag="Our Community"
      speed={40}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          icon: Users,
          title: "Satisfied Clients",
          value: "500+",
        },
        {
          id: "2",
          icon: Award,
          title: "Years of Experience",
          value: "20+",
        },
        {
          id: "3",
          icon: Leaf,
          title: "Projects Completed",
          value: "1200+",
        },
      ]}
      title="Our Impact & Achievements"
      description="Celebrating our journey of growth and client satisfaction."
      tag="By the Numbers"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "1",
          name: "John Doe",
          role: "Founder & Lead Designer",
          imageSrc: "http://img.b2bpic.net/free-photo/reddish-woman-portrait-wearing-rubber-gloves-white-clothes-holding-succulents-cactus-pots-with-other-green-plants_158595-7074.jpg",
          imageAlt: "Portrait of John Doe, Founder & Lead Designer",
        },
        {
          id: "2",
          name: "Jane Smith",
          role: "Operations Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-potted-plant-her-head-looking-camera-smiling-confident-standing-orange-background_141793-45752.jpg",
          imageAlt: "Portrait of Jane Smith, Operations Manager",
        },
        {
          id: "3",
          name: "Robert Johnson",
          role: "Head Horticulturist",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-gloves-holds-spade-neck-looking_141793-71354.jpg",
          imageAlt: "Portrait of Robert Johnson, Head Horticulturist",
        },
      ]}
      title="Meet Our Dedicated Team"
      description="Our passionate professionals are the heart of Native Sun Landscape Services, Inc."
      tag="Our Experts"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What areas do you serve?",
          content: "Native Sun Landscape Services, Inc. proudly serves the greater metropolitan area and surrounding counties. Please contact us to confirm service availability in your specific location.",
        },
        {
          id: "2",
          title: "Do you offer custom landscape designs?",
          content: "Absolutely! We specialize in creating bespoke landscape designs tailored to your unique preferences, property characteristics, and budget. Our designers work closely with you through every step.",
        },
        {
          id: "3",
          title: "What is included in your lawn care package?",
          content: "Our comprehensive lawn care packages typically include regular mowing, trimming, edging, blowing, fertilization, weed control, and seasonal clean-ups. We can also customize a plan to fit your specific needs.",
        },
        {
          id: "4",
          title: "How do I get a free estimate?",
          content: "Getting a free estimate is easy! Simply fill out our contact form, give us a call, or send an email. We'll schedule a convenient time to visit your property and discuss your project.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7050.jpg"
      imageAlt="Landscaper discussing plans with a homeowner"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our services and processes."
      tag="Information Hub"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Let's Create Your Dream Landscape"
      description="Ready to transform your outdoor space? Contact us today for a consultation or a free estimate. We look forward to hearing from you!"
      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 (Optional)",
        },
      ]}
      multiSelect={{
        name: "serviceOfInterest",
        label: "Service of Interest",
        options: [
          "Landscape Design",
          "Lawn Care",
          "Tree & Shrub Care",
          "Irrigation",
          "Other",
        ],
      }}
      textarea={{
        name: "message",
        placeholder: "Tell us about your project...",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/young-businesswoman-talking-cellphone-office_23-2147843628.jpg"
      imageAlt="Modern office interior with plants"
      mediaAnimation="none"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtzu5o"
      logoAlt="Native Sun Landscape Services Logo"
      logoText="Native Sun Landscape Services, Inc."
      copyrightText="© 2024 Native Sun Landscape Services, Inc. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook page",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram profile",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter feed",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
