"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Link, Package, Search } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Metrics",
          id: "metrics",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Feldio"
      button={{
        text: "Launch App",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "sparkles-gradient",
      }}
      title="Curated Clarity"
      description="Feldio is the complete inventory intelligence OS for modern resellers. Manage purchase orders, sales channels, and location tracking in one elegant place."
      buttons={[
        {
          text: "Get Started",
          href: "#contact",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8KLnQT3lxRGvRCAKTnsGGUyCB/uploaded-1778346104391-28bztkk9.png"
      imageAlt="Feldio Logo"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
          alt: "Team member one",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
          alt: "Team member two",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
          alt: "Team member three",
        },
        {
          src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
          alt: "Team member four",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg",
          alt: "Team member five",
        },
      ]}
      avatarText="Trusted by 500+ pros"
      marqueeItems={[
        {
          type: "text",
          text: "Scalable Inventory Intelligence",
        },
        {
          type: "text",
          text: "Real-time Multi-channel Sync",
        },
        {
          type: "text",
          text: "Advanced Profit Analytics",
        },
        {
          type: "text",
          text: "Automated Purchase Orders",
        },
        {
          type: "text",
          text: "Location Tracking",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Inventory Intelligence"
      description="Stop struggling with fragmented tools. Feldio provides a centralized dashboard for real-time inventory tracking, smart purchase orders, and effortless multi-channel management. Experience the clarity your business deserves."
      imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg"
      imageAlt="Feldio Dashboard"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Live Dashboard",
          description: "See your stock, sales, and profit metrics instantly.",
          imageSrc: "http://img.b2bpic.net/free-photo/red-folder-icon-black-background_23-2152009998.jpg",
          imageAlt: "Dashboard",
        },
        {
          title: "Platform Sync",
          description: "Automatic order imports from eBay, Shopify, and more.",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202843.jpg",
          imageAlt: "Sync",
        },
        {
          title: "Advanced Reports",
          description: "Detailed profit margins and stock valuation.",
          imageSrc: "http://img.b2bpic.net/free-vector/illustration-business-graph-analysis_53876-37521.jpg",
          imageAlt: "Reporting",
        },
      ]}
      title="Engineered for Efficiency"
      description="Our platform combines raw data power with a refined interface to streamline your operations."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "10K+",
          title: "Products Tracked",
          description: "Across entire inventory base",
          icon: Package,
        },
        {
          id: "2",
          value: "<1s",
          title: "Search Speed",
          description: "Instant item location lookup",
          icon: Search,
        },
        {
          id: "3",
          value: "8+",
          title: "Integrations",
          description: "Major selling platforms supported",
          icon: Link,
        },
      ]}
      title="Proven Impact"
      description="Trusted by resellers to scale their business operations globally."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Feldio completely changed how I manage my inventory. It's fast, elegant, and provides the clarity I've been looking for to scale my business."
      rating={5}
      author="Marcus Thorne, Founder of Thorne Vintage"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
          alt: "Marcus Thorne",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
          alt: "User Sarah",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg",
          alt: "User Elena",
        },
        {
          src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
          alt: "User David",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
          alt: "User Jane",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Can I connect multiple shops?",
          content: "Absolutely. Feldio supports multi-channel management for major platforms.",
        },
        {
          id: "2",
          title: "Is my data safe?",
          content: "Your data is secured with professional standards and local backups.",
        },
        {
          id: "3",
          title: "Do I need technical skills?",
          content: "Not at all. Feldio is designed for intuitive use by business owners.",
        },
      ]}
      title="Questions Answered"
      description="Get the information you need to start using Feldio successfully."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get Started"
      title="Start Your Free Trial"
      description="Join Feldio today and get your inventory intelligence system running in minutes."
      imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-geometric-shapes-background_24972-1840.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/detail-glass-architectures-blue-tone_1359-612.jpg"
      logoText="Feldio"
      columns={[
        {
          title: "Platform",
          items: [
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Integrations",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
