"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Cog, Leaf, Scissors } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Portfolio",
          id: "#portfolio",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/vintage-colored-gardening-emblems-set_1284-39882.jpg"
      logoAlt="Baer Landscaping Logo"
      brandName="Baer Landscaping"
      bottomLeftText="Transforming Landscapes"
      bottomRightText="info@baerlandscaping.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Transforming Outdoor Spaces into Dreams"
      description="Baer Landscaping brings your vision to life with expert design, meticulous care, and sustainable practices. Experience the beauty of a perfectly crafted landscape."
      tagAnimation="none"
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "View Our Portfolio",
          href: "#portfolio",
        },
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/pink-flowers-leaves-background_23-2148245271.jpg?_wi=1"
      imageAlt="Beautifully landscaped garden with vibrant flowers and green lawn"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
          alt: "Satisfied Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
          alt: "Satisfied Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
          alt: "Satisfied Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
          alt: "Satisfied Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-ok-sign_1262-2445.jpg",
          alt: "Satisfied Client 5",
        },
      ]}
      avatarText="Trusted by 500+ happy clients"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "About Baer Landscaping: Crafting Beauty Outdoors",
        },
        {
          type: "text",
          content: "For over two decades, Baer Landscaping has been dedicated to creating exceptional outdoor environments. Our passion for nature, combined with unparalleled expertise, allows us to deliver bespoke landscape solutions that enhance both the beauty and value of your property. We believe in sustainable practices and collaborative design, ensuring every project reflects our clients' unique visions.",
        },
      ]}
      buttons={[
        {
          text: "Our Story",
          href: "#",
        },
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/people-with-flowers-looking-camera_23-2147768471.jpg"
      imageAlt="Landscapers working in a garden"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="opacity"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Landscape Design",
          description: "Customized designs that blend aesthetics with functionality, reflecting your personal style and enhancing your property's value.",
          bentoComponent: "reveal-icon",
          icon: Leaf,
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-eco-friendly-labels_23-2149202691.jpg",
          imageAlt: "Flat design eco friendly labels",
        },
        {
          title: "Installation & Construction",
          description: "Expert execution of hardscapes, softscapes, irrigation systems, and outdoor lighting with precision and quality craftsmanship.",
          bentoComponent: "reveal-icon",
          icon: Cog,
          imageSrc: "http://img.b2bpic.net/free-vector/vintage-colored-gardening-emblems-set_1284-39882.jpg",
          imageAlt: "Flat design eco friendly labels",
        },
        {
          title: "Maintenance & Care",
          description: "Comprehensive maintenance plans including mowing, pruning, fertilization, and seasonal clean-ups to keep your landscape pristine year-round.",
          bentoComponent: "reveal-icon",
          icon: Scissors,
          imageSrc: "http://img.b2bpic.net/free-photo/pink-flowers-leaves-background_23-2148245271.jpg?_wi=2",
          imageAlt: "Flat design eco friendly labels",
        },
      ]}
      title="Our Comprehensive Landscaping Services"
      description="From initial design to ongoing maintenance, we offer a full spectrum of services to create and preserve your ideal outdoor environment."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Garden Oasis",
          price: "Residential",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-chaplin-s-world-museum-switzerland-surrounded-by-lush-nature_181624-16105.jpg",
          imageAlt: "Lush residential garden with pool",
        },
        {
          id: "p2",
          name: "Modern Patio",
          price: "Hardscaping",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077811.jpg",
          imageAlt: "Contemporary outdoor patio with seating",
        },
        {
          id: "p3",
          name: "Elegant Water Feature",
          price: "Custom Design",
          imageSrc: "http://img.b2bpic.net/free-photo/fountains-garden_1361-140.jpg",
          imageAlt: "Garden with a tranquil water fountain",
        },
        {
          id: "p4",
          name: "Sustainable Xeriscape",
          price: "Eco-friendly",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-cactus-plant-pot-with-mini-gardening-tools-wooden-desk_23-2148181138.jpg",
          imageAlt: "Drought-tolerant garden with succulents",
        },
        {
          id: "p5",
          name: "Commercial Entrance",
          price: "Commercial",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scene-road-trip-san-sebastian_23-2149121140.jpg",
          imageAlt: "Landscaped entrance to a commercial building",
        },
        {
          id: "p6",
          name: "Backyard Transformation",
          price: "Full Remodel",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-looking-each-other_23-2148243239.jpg",
          imageAlt: "Before and after of a backyard landscape renovation",
        },
      ]}
      title="Explore Our Featured Projects"
      description="Discover the quality and creativity we bring to every landscape, from stunning residential gardens to functional commercial spaces."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "20+",
          title: "Years in Service",
          items: [
            "Established expertise",
            "Trusted by the community",
            "Legacy of beautiful landscapes",
          ],
        },
        {
          id: "m2",
          value: "500+",
          title: "Projects Completed",
          items: [
            "Diverse residential portfolio",
            "Customized commercial solutions",
            "Attention to every detail",
          ],
        },
        {
          id: "m3",
          value: "98%",
          title: "Client Satisfaction",
          items: [
            "Referral-based growth",
            "Exceptional customer service",
            "Dedicated support team",
          ],
        },
      ]}
      title="Our Commitment to Excellence"
      description="We pride ourselves on delivering outstanding results and building lasting relationships with our clients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          handle: "Homeowner",
          testimonial: "Baer Landscaping transformed our messy backyard into a stunning oasis. Their design team understood our vision perfectly, and the execution was flawless. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/red-haired-woman-enjoying-sunshine_23-2148150132.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "t2",
          name: "Mark T.",
          handle: "Business Owner",
          testimonial: "We hired Baer for our commercial property's landscaping, and they exceeded all expectations. Professional, efficient, and the new look truly enhances our business's curb appeal.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
          imageAlt: "Mark T.",
        },
        {
          id: "t3",
          name: "Emily R.",
          handle: "Residential Client",
          testimonial: "From the initial consultation to ongoing maintenance, Baer Landscaping has been a pleasure to work with. Our garden has never looked better, and we constantly receive compliments!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-flower-near-tree-park_23-2148072250.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "t4",
          name: "David S.",
          handle: "Property Manager",
          testimonial: "Reliable, creative, and detail-oriented. Baer Landscaping handles all our property's needs with care. Their team is knowledgeable and always provides excellent service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12465.jpg",
          imageAlt: "David S.",
        },
        {
          id: "t5",
          name: "Jessica L.",
          handle: "New Homeowner",
          testimonial: "As first-time homeowners, we were overwhelmed with our yard, but Baer Landscaping made it easy! They designed a beautiful, low-maintenance landscape that we adore.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-couple-sitting-park-bench-blowing-bubbles-having-fun_181624-51511.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear from satisfied customers about their experience with Baer Landscaping and the beautiful results we've delivered."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What types of landscaping services do you offer?",
          content: "We offer a full range of services including landscape design, hardscaping (patios, walkways), softscaping (planting, gardening), irrigation system installation, outdoor lighting, and comprehensive maintenance plans.",
        },
        {
          id: "q2",
          title: "How do I get a quote for my project?",
          content: "You can request a free quote by filling out the contact form on our website, calling us directly, or emailing us. We'll schedule a consultation to discuss your needs and provide a detailed estimate.",
        },
        {
          id: "q3",
          title: "Do you provide ongoing maintenance for landscapes?",
          content: "Yes, we offer various maintenance packages tailored to your needs, including regular mowing, pruning, fertilization, seasonal clean-ups, and pest management to keep your landscape healthy and beautiful year-round.",
        },
        {
          id: "q4",
          title: "Are your designs eco-friendly and sustainable?",
          content: "Absolutely. We prioritize sustainable practices by incorporating drought-tolerant plants, efficient irrigation systems, and organic soil amendments to create environmentally responsible landscapes.",
        },
        {
          id: "q5",
          title: "How long does a typical landscaping project take?",
          content: "Project timelines vary depending on complexity and scope. After our initial consultation and design finalization, we provide a detailed timeline. Minor projects might take weeks, while extensive transformations could take months.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/old-gardener-cuts-bush-with-large-metal-old-pruning-shears_169016-10698.jpg"
      imageAlt="Gardener tending to plants"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our landscaping services, design process, and maintenance plans."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Ready to transform your outdoor space? Contact us today for a consultation!"
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/vintage-colored-gardening-emblems-set_1284-39882.jpg"
      logoAlt="Baer Landscaping Logo"
      logoText="Baer Landscaping"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
