"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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Player",
          id: "#player",
        },
        {
          name: "Metrics",
          id: "#metrics",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get Fynex",
        href: "#contact",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/play-cloud-logo-color-template_361591-1884.jpg"
      logoAlt="Fynex Movies Logo"
      brandName="Fynex Movies"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "downward-rays-animated",
      }}
      title="Fynex Movies: Instant Entertainment. Zero Decision Fatigue."
      description="Dive into a curated world of films and series. Our smart algorithms cut through the noise, delivering personalized recommendations. Get to playback in 3 clicks, every time, on a pure OLED dark canvas."
      tag="Next-Gen Streaming"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Explore Movies",
          href: "#features",
        },
        {
          text: "Get the App",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139362.jpg",
          imageAlt: "Dynamic movie montage on dark interface",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232845.jpg",
          imageAlt: "Immersive OLED movie streaming",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop-home_23-2149130547.jpg",
          imageAlt: "Abstract AI recommendation data flow",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943458.jpg",
          imageAlt: "User interacting with 3-Click Rule UI",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477128.jpg",
          imageAlt: "Friends enjoying movie night, instant engagement",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170581.jpg",
          imageAlt: "Sleek 'Continue Watching' floating widget",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Our Vision: Experience More, Decide Less"
      description="Fynex Movies is engineered to redefine your streaming journey. We eliminate decision fatigue, transforming endless scrolling into instant playback. With intuitive gestures and smart recommendations, your next favorite film is always just three clicks away, even in pure OLED dark mode."
      metrics={[
        {
          value: "3-Click Rule",
          title: "Instant Playback",
        },
        {
          value: "0 Fatigue",
          title: "Effortless Choice",
        },
        {
          value: "FOMO",
          title: "Max Engagement",
        },
      ]}
      tag="The Fynex Philosophy"
      tagIcon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-smiling-woman-watching-something-internet-while-eating-popcorn-night-home_637285-4439.jpg"
      imageAlt="Person relaxing while streaming a movie on a tablet"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Autoplay & Swipe",
          description: "Smooth vertical scrolling with automatic playback for an immersive TikTok/Reels-style experience. Swipe through curated clips instantly.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-night-city-smartphone_23-2148184240.jpg",
          imageAlt: "Smartphone showing vertical movie reels feed",
        },
        {
          title: "Deep-Link to Playback",
          description: "Zero friction: a single tap on 'Watch Now' deep-links you directly to the full movie or series streaming screen. No searching, just watching.",
          imageSrc: "http://img.b2bpic.net/free-photo/blog-online-get-touch-digital-community-media_53876-120166.jpg",
          imageAlt: "Deep-linking from short clip to full playback",
        },
        {
          title: "Spoiler-Free Highlights",
          description: "Enjoy compelling 15-30 second clips designed to build FOMO without revealing key plot points. Get hooked, not spoiled.",
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-web-user-meeting-with-workmates-video-call-remotely_482257-121399.jpg",
          imageAlt: "Exciting, spoiler-free movie highlight clips",
        },
      ]}
      title="Discover 'Shortcuts': Your Instant Movie Reels"
      description="Engage with 15-30 second spoiler-free highlights in a vertical video feed. Swipe to discover new titles, auto-play for instant previews, and tap 'Watch Now' to jump straight to streaming. The fastest way to find your next obsession."
      tag="Micro-Content"
      tagIcon={Sparkles}
    />
  </div>

  <div id="player" data-section="player">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "player-gestures",
          brand: "Fynex Player",
          name: "Advanced Gesture Controls",
          price: "Included",
          rating: 5,
          reviewCount: "1.2K",
          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038904.jpg",
          imageAlt: "Hand using gestures on video player",
        },
        {
          id: "player-subtitles",
          brand: "Fynex Accessibility",
          name: "Draggable Smart Subtitles",
          price: "Included",
          rating: 5,
          reviewCount: "800",
          imageSrc: "http://img.b2bpic.net/free-photo/male-couch-holding-rewind-button-icon_53876-49303.jpg",
          imageAlt: "User dragging subtitles on screen",
        },
        {
          id: "player-quality",
          brand: "Fynex Stream",
          name: "Auto-Optimal Quality",
          price: "Included",
          rating: 5,
          reviewCount: "1.5K",
          imageSrc: "http://img.b2bpic.net/free-photo/printed-circuit-as-background_1398-430.jpg",
          imageAlt: "Abstract visualization of auto quality detection",
        },
        {
          id: "player-settings",
          brand: "Fynex Power User",
          name: "Hidden Advanced Settings",
          price: "Included",
          rating: 4,
          reviewCount: "500",
          imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-assistant-his-tablet_23-2149107968.jpg",
          imageAlt: "Clean advanced settings menu",
        },
        {
          id: "player-seamless",
          brand: "Fynex Experience",
          name: "Seamless Playback",
          price: "Included",
          rating: 5,
          reviewCount: "2.1K",
          imageSrc: "http://img.b2bpic.net/free-photo/pause-icon-multimedia-entertainment-perforated-paper_53876-23365.jpg",
          imageAlt: "Uninterrupted playback across devices",
        },
        {
          id: "player-download",
          brand: "Fynex Offline",
          name: "Smart Download Manager",
          price: "Included",
          rating: 5,
          reviewCount: "950",
          imageSrc: "http://img.b2bpic.net/free-photo/ai-integration-smartphone_23-2151977840.jpg",
          imageAlt: "Smart download manager icon",
        },
      ]}
      title="Intelligent Player. Seamless Streaming."
      description="Our custom video player integrates advanced gestures and smart quality detection, ensuring an unrivaled viewing experience. Focus on the story, we handle the tech."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",
          value: "95%",
          title: "Decision Time Reduced",
          description: "Drastically cutting down the time spent choosing, not watching.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163707.jpg",
          imageAlt: "Speedometer showing reduced decision time",
        },
        {
          id: "metric-2",
          value: "150M+",
          title: "Hours Streamed",
          description: "Millions of hours enjoyed, proving Fynex Movies is the platform for active entertainment.",
          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-computer_23-2150372439.jpg",
          imageAlt: "Digital counter showing millions of hours streamed",
        },
        {
          id: "metric-3",
          value: "10K+",
          title: "Curated Shorts",
          description: "An ever-growing library of micro-content to instantly pique your interest.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-tablet-books-library_23-2147845958.jpg",
          imageAlt: "Grid of diverse movie short clips",
        },
        {
          id: "metric-4",
          value: "99.9%",
          title: "Guaranteed Uptime",
          description: "Reliable streaming performance so your entertainment is always available.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",
          imageAlt: "Server status panel showing 99.9% uptime",
        },
      ]}
      title="Redefining Streaming Metrics"
      description="Fynex Movies isn't just about watching; it's about optimizing your experience. See how we're setting new standards for engagement and efficiency, measured in real impact."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Finally, a smart streaming app!",
          quote: "Fynex Movies changed my entire viewing habit. No more endless scrolling, just instant, quality entertainment. The 'Shortcuts' feature is pure genius!",
          name: "Sarah J.",
          role: "Film Enthusiast",
          imageSrc: "http://img.b2bpic.net/free-photo/romantic-short-haired-lady-looking-front_197531-16513.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "2",
          title: "Decision fatigue is a thing of the past",
          quote: "I used to spend more time picking a movie than watching it. Fynex's recommendations are spot-on, and the 3-click rule is a game-changer. My new go-to!",
          name: "Michael Chen",
          role: "Busy Professional",
          imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          title: "The OLED dark mode is a visual treat",
          quote: "As someone who streams mostly at night, the true black background and high-contrast accents are a dream. Visually stunning and easy on the eyes. And those player gestures are incredibly intuitive.",
          name: "Emily R.",
          role: "Night Owl Streamer",
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-propping-chin-fist-striped-dress-looking-cheery-front-view_176474-16014.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "4",
          title: "Smart downloads are a lifesaver",
          quote: "Being able to automatically download content when on Wi-Fi and charging is brilliant. No more dead battery or data surprises. Fynex truly thinks of everything!",
          name: "David K.",
          role: "Commuter & Student",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-youth-with-freckles-beauty-marks_23-2151703647.jpg",
          imageAlt: "David K.",
        },
        {
          id: "5",
          title: "Never thought I'd love a 'reel' for movies",
          quote: "The 'Shortcuts' vertical feed is surprisingly addictive! It's the perfect way to get a taste of new movies without spoilers, then jump right into watching. So clever.",
          name: "Jessica L.",
          role: "Content Creator",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      title="What Our Streamers Say"
      description="Hear from users who've transformed their movie nights with Fynex Movies. Experience entertainment without the endless scroll and discover true viewing pleasure."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What is the '3-Click Rule'?",
          content: "The 3-Click Rule is our core design principle ensuring you can go from launching the Fynex Movies app to playing any content in a maximum of three taps, eliminating decision fatigue.",
        },
        {
          id: "faq-2",
          title: "How do 'Shortcuts' work?",
          content: "Shortcuts are 15-30 second spoiler-free vertical video highlights of movies and series. They autoplay as you swipe, and a 'Watch Now' button instantly deep-links you to the full content.",
        },
        {
          id: "faq-3",
          title: "Tell me about the Smart Player gestures.",
          content: "Our custom player allows vertical swipes on the right for Volume, on the left for Brightness. Double-tapping either side triggers 10-second fast-forward/rewind. Subtitles are also draggable and customizable.",
        },
        {
          id: "faq-4",
          title: "How does Smart Quality optimize my stream?",
          content: "Fynex Movies automatically detects your device's processing power and current network bandwidth to select and stream the optimal resolution, providing the best viewing experience without manual adjustments.",
        },
        {
          id: "faq-5",
          title: "What is the Resource-Saving Download Manager?",
          content: "This intelligent feature automatically pauses/resumes downloads. It only triggers/continues when connected to unmetered Wi-Fi AND your device is charging, saving battery and mobile data.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/person-with-question-marks_1134-482.jpg"
      imageAlt="Chatbot interface or support icon"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Your Questions, Answered."
      description="Browse our frequently asked questions about Fynex Movies, from features to technical details. Can't find an answer? Contact our support team directly!"
      tag="Support & Help"
      tagIcon={Sparkles}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Join the Future of Streaming"
      description="Have questions, feedback, or partnership inquiries about Fynex Movies? Our team is ready to help you discover the ultimate entertainment experience."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/macro-digital-video-port-neon-light-connector-closeup_169016-71376.jpg"
      imageAlt="Abstract futuristic background for contact form"
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/play-cloud-logo-color-template_361591-1884.jpg"
      logoAlt="Fynex Movies Logo"
      logoText="Fynex Movies"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Features",
          items: [
            {
              label: "Shortcuts",
              href: "#features",
            },
            {
              label: "Smart Player",
              href: "#player",
            },
            {
              label: "Smart Quality",
              href: "#player",
            },
            {
              label: "Download Manager",
              href: "#player",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Help Center",
              href: "#",
            },
            {
              label: "Report Bug",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Cookie Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2026 Fynex Movies. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
