"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Flame, Leaf, Sun } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Explore",
          id: "about",
        },
        {
          name: "Categories",
          id: "features",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="FloraWorld"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "sparkles-gradient",
      }}
      title="Explore the World of Flowers"
      description="Discover over 400,000 types of flowering plants. From forest trails to desert blooms, deepen your connection with nature's most beautiful creations."
      buttons={[
        {
          text: "Start Exploring",
          href: "#about",
        },
        {
          text: "Learn More",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-pink-fresh-flower_23-2148060024.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-macro-flower_1404-303.jpg",
          alt: "Close up macro flower",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-macro-flower_1404-341.jpg",
          alt: "Close up macro flower",
        },
        {
          src: "http://img.b2bpic.net/free-photo/yellow-pistils-fresh-flower_23-2148060229.jpg",
          alt: "Yellow pistils of fresh flower",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-flower-rainy-wet-spring_1122-1570.jpg",
          alt: "closeup flower rainy wet spring",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-girl-yellow-flower_23-2147636744.jpg",
          alt: "Close-up of girl next to a yellow flower",
        },
      ]}
      avatarText="Join 10,000+ botany lovers"
      marqueeItems={[
        {
          type: "text",
          text: "Botanical research",
        },
        {
          type: "text",
          text: "Floral conservation",
        },
        {
          type: "text",
          text: "Pollinator protection",
        },
        {
          type: "text",
          text: "Nature education",
        },
        {
          type: "text",
          text: "Garden therapy",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Why Flowers Matter"
      description="Flowers are essential for ecological balance, providing food for pollinators and beauty for the planet. Understanding them helps in cultivation and conservation."
      bulletPoints={[
        {
          title: "Pollination Support",
          description: "Flowers attract bees and butterflies, ensuring the survival of many plant species.",
        },
        {
          title: "Medicinal Values",
          description: "Many flowering plants have traditional medicinal properties used for generations.",
        },
        {
          title: "Mental Health",
          description: "Studies show that fresh flowers reduce stress and significantly improve mood.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-shovel-gardening-fork-peat-pot-potted-plant-moss-spray-bottle-white-background_23-2148044436.jpg?_wi=1"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Garden Blooms",
          description: "Classic flowers like roses and tulips that grace our homes.",
          bentoComponent: "reveal-icon",
          icon: Sun,
          imageSrc: "http://img.b2bpic.net/free-vector/set-blooming-flower-drawing-design-vector_53876-57116.jpg",
          imageAlt: "sunflower icon vector style",
        },
        {
          title: "Wildflowers",
          description: "Nature's free spirits, including daisies and bluebells.",
          bentoComponent: "reveal-icon",
          icon: Leaf,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pink-fresh-flower_23-2148060024.jpg?_wi=2",
          imageAlt: "sunflower icon vector style",
        },
        {
          title: "Tropical Wonders",
          description: "Exotic species like hibiscus and orchids thriving in warm climates.",
          bentoComponent: "reveal-icon",
          icon: Flame,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-shovel-gardening-fork-peat-pot-potted-plant-moss-spray-bottle-white-background_23-2148044436.jpg?_wi=2",
          imageAlt: "sunflower icon vector style",
        },
      ]}
      title="Flower Categories"
      description="Explore the diverse world of flowering plants by environment and type."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Flora by the Numbers"
      tag="Global Statistics"
      metrics={[
        {
          id: "1",
          value: "400,000+",
          description: "Known flowering plant species",
        },
        {
          id: "2",
          value: "100%",
          description: "Vital for global pollination",
        },
        {
          id: "3",
          value: "24/7",
          description: "Constantly supporting ecosystems",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          role: "Gardener",
          company: "Home Grower",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-female-sitting-cliff-by-beautiful-sea-daytime_181624-22454.jpg",
        },
        {
          id: "2",
          name: "Mark D.",
          role: "Hobbyist",
          company: "Nature Enthusiast",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562540.jpg",
        },
        {
          id: "3",
          name: "Emily P.",
          role: "Teacher",
          company: "Primary School",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-closeup-shot-purple-petaled-flower_181624-10226.jpg",
        },
        {
          id: "4",
          name: "John K.",
          role: "Florist",
          company: "City Blooms",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7127.jpg",
        },
        {
          id: "5",
          name: "Alice M.",
          role: "Student",
          company: "Botany Club",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-gardener-cutting-rose-with-secateurs_23-2148165338.jpg",
        },
      ]}
      title="What People Say"
      description="Community stories about the impact of nature in daily life."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Which flowers grow best indoors?",
          content: "Many tropical flowers, including orchids and jasmine, thrive in indoor environments with proper lighting.",
        },
        {
          id: "2",
          title: "How does soil type affect growth?",
          content: "Loamy soil is ideal for roses, while sandy soil favors sunflowers and lavender. Matching soil to flower is key.",
        },
        {
          id: "3",
          title: "Do flowers really improve mental health?",
          content: "Yes, surrounding yourself with fresh flowers has been proven to lower stress levels and enhance overall mood.",
        },
      ]}
      title="Common Questions"
      description="Everything you need to know about starting your flower cultivation journey."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready to deepen your connection with nature? Start your cultivation journey today."
      buttons={[
        {
          text: "Contact Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Categories",
              href: "#features",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 FloraWorld Guide."
      bottomRightText="Planting seeds of knowledge."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
