"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import BlogCardEleven from '@/components/sections/blog/BlogCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Clapperboard, Film, Mail, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="shadow-colored"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="CineGuide"
          navItems={[
            { name: "Featured", id: "featured" },
            { name: "Reviews", id: "blog" },
            { name: "Contact", id: "contact-faq" }
          ]}
          button={{
            text: "Start Browsing Films",            href: "#hero",            icon: MessageCircle
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover, Explore, Watch — The Ultimate Film Guide"
          description="Stay updated with the latest reviews, news, and recommendations from the world of cinema. Dive deep into analysis, behind-the-scenes insights, and curated selections for every mood."
          tag="Film Enthusiasts"
          tagIcon={Clapperboard}
          buttons={[
            {
              text: "Start Browsing Films",              href: "#featured"
            },
            {
              text: "Explore Reviews",              href: "#blog"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cinema-concept-with-reel-tickets_23-2147989031.jpg"
          imageAlt="Curated film collection and cinema experience"
          frameStyle="card"
          containerClassName="max-w-4xl mx-auto"
          titleClassName="text-5xl md:text-6xl font-extrabold"
          descriptionClassName="text-lg md:text-xl opacity-90"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Your Gateway to Cinematic Excellence"
          description="We're passionate about film and dedicated to helping you navigate the vast world of cinema with expert guidance and thoughtful analysis."
          textboxLayout="default"
          contentTag="OUR MISSION"
          contentTagIcon={Film}
          contentTitle="Expert Reviews, Real Passion"
          contentDescription="At CineGuide, we believe every film tells a story worth exploring. Our team of dedicated film enthusiasts provides in-depth reviews, breaking down cinematography, storytelling, performances, and cultural impact. Whether you're a casual moviegoer seeking your next favorite film or a student of cinema looking for analytical depth, we've got you covered with honest, thoughtful recommendations."
          contentButtons={[
            {
              text: "Read Our Philosophy",              href: "#contact"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066356.jpg"
          imageAlt="Film criticism and cinematic analysis"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardThirteen
          title="How We Help You Find Your Next Favorite Film"
          description="A streamlined approach to discovering, analyzing, and enjoying cinema"
          features={[
            {
              id: "01",              title: "Discover",              description: "Browse our curated collection of films across all genres, eras, and styles. Filter by director, era, theme, or audience to find exactly what you're looking for."
            },
            {
              id: "02",              title: "Analyze",              description: "Dive into detailed reviews covering cinematography, storytelling, performances, soundtrack, and cultural significance. Understand what makes each film special."
            },
            {
              id: "03",              title: "Rate & Compare",              description: "See community ratings, compare similar films, and explore recommendations based on your viewing history and preferences."
            },
            {
              id: "04",              title: "Share & Discuss",              description: "Join our community discussions, share your thoughts, and engage with other film enthusiasts who are as passionate about cinema as you are."
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="featured" data-section="featured">
        <ProductCardTwo
          title="Featured Films This Week"
          description="Discover our top-rated selections and newest releases"
          tag="Must-Watch"
          products={[
            {
              id: "1",              brand: "Drama",              name: "The Art of Storytelling",              price: "★★★★★",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://img.b2bpic.net/free-photo/cinema-concept-with-reel-tickets_23-2147989024.jpg",              imageAlt: "Featured drama film poster"
            },
            {
              id: "2",              brand: "Action",              name: "Cinema in Motion",              price: "★★★★★",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "https://img.b2bpic.net/free-photo/cinema-food-tickets_23-2147698814.jpg",              imageAlt: "Featured action film poster"
            },
            {
              id: "3",              brand: "Independent",              name: "Voices Unheard",              price: "★★★★★",              rating: 5,
              reviewCount: "945",              imageSrc: "https://img.b2bpic.net/free-photo/cinema-concept-with-reel-tickets_23-2147989027.jpg",              imageAlt: "Featured indie film poster"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardEleven
          title="Latest Film News & Reviews"
          description="Stay updated with in-depth analysis and breaking cinema news"
          tag="Cinema"
          blogs={[
            {
              id: "1",              title: "The Evolution of Cinematography in Modern Film",              author: "Sarah Mitchell",              description: "Exploring how cutting-edge technology and artistic vision are reshaping visual storytelling in contemporary cinema.",              tags: ["Cinematography", "Analysis"],
              imageSrc: "https://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066356.jpg",              imageAlt: "Cinematography analysis article"
            },
            {
              id: "2",              title: "Indie Films That Changed Cinema",              author: "Marcus Chen",              description: "A deep dive into groundbreaking independent productions that challenged conventions and inspired mainstream filmmaking.",              tags: ["Independent Film", "History"],
              imageSrc: "https://img.b2bpic.net/free-photo/cinema-concept-with-reel-tickets_23-2147989027.jpg",              imageAlt: "Independent cinema article"
            },
            {
              id: "3",              title: "Why Great Soundtracks Matter",              author: "Elena Rodriguez",              description: "Understanding how film scores and music shape emotion, narrative pacing, and the overall cinematic experience.",              tags: ["Sound Design", "Audio"],
              imageSrc: "https://img.b2bpic.net/free-photo/cinema-concept-with-reel-tickets_23-2147989031.jpg",              imageAlt: "Film soundtrack analysis"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Film Enthusiasts & Students"
          description="See what our community has to say about CineGuide"
          testimonials={[
            {
              id: "1",              name: "James Patterson",              role: "Film Student",              testimonial: "CineGuide has become an essential resource for my studies. The detailed analysis of cinematography and narrative structure helped me understand filmmaking at a deeper level.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Patterson"
            },
            {
              id: "2",              name: "Lisa Chen",              role: "Cinema Enthusiast",              testimonial: "Finally, a platform where I can find thoughtful, honest reviews. The recommendations are spot-on, and I've discovered so many hidden gems through CineGuide.",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Lisa Chen"
            },
            {
              id: "3",              name: "David Williams",              role: "Film Critic",              testimonial: "The level of critical analysis on this platform rivals professional film criticism outlets. A fantastic resource for both casual viewers and professionals.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "David Williams"
            },
            {
              id: "4",              name: "Priya Sharma",              role: "Documentary Filmmaker",              testimonial: "I use CineGuide to research films and understand audience perspectives. The community discussions have been invaluable for my creative projects.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Priya Sharma"
            },
            {
              id: "5",              name: "Emma Thompson",              role: "Theater Manager",              testimonial: "Our patrons constantly reference reviews from CineGuide. It's helped us curate better selections and understand what resonates with film lovers.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "6",              name: "Marcus Johnson",              role: "Content Creator",              testimonial: "CineGuide's structured reviews inspired my own content approach. The platform is a goldmine of insights for film content creators.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",              imageAlt: "Marcus Johnson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <ContactFaq
          ctaTitle="Join Our Film Community"
          ctaDescription="Connect with us for film recommendations, reviews, and cinematic discussions"
          ctaButton={{
            text: "Get in Touch",            href: "mailto:hello@cineguide.com"
          }}
          ctaIcon={Mail}
          faqs={[
            {
              id: "1",              title: "How do you choose which films to review?",              content: "We review films across all genres, eras, and production scales. Our selection focuses on films that offer unique storytelling, artistic merit, cultural significance, or represent important moments in cinema history. We also take community requests and emerging releases into account."
            },
            {
              id: "2",              title: "Are reviews spoiler-free?",              content: "All our standard reviews are written to be spoiler-free, focusing on themes, cinematography, and performances without revealing major plot points. We clearly mark any reviews that contain spoilers so you can choose whether to read them."
            },
            {
              id: "3",              title: "Can I submit my own film for review?",              content: "Yes! Independent filmmakers and production companies can submit their work through our contact form. We review all submissions and feature exceptional films on our platform. Contact us at submissions@cineguide.com."
            },
            {
              id: "4",              title: "How often do you update with new reviews and news?",              content: "We publish new reviews multiple times weekly and film news daily. You can subscribe to our newsletter to stay updated on releases, curated recommendations, and in-depth analysis pieces."
            },
            {
              id: "5",              title: "Is there a community or forum to discuss films?",              content: "Absolutely! Our community section features discussion threads for every reviewed film, genre-specific forums, and themed discussions. Join other film enthusiasts to share your thoughts and discover new perspectives."
            }
          ]}
          useInvertedBackground="invertCard"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Discover",              items: [
                {
                  label: "Featured Films",                  href: "#featured"
                },
                {
                  label: "Latest Reviews",                  href: "#blog"
                },
                {
                  label: "Film News",                  href: "#blog"
                },
                {
                  label: "Genres",                  href: "#featured"
                }
              ]
            },
            {
              title: "Community",              items: [
                {
                  label: "Discussions",                  href: "#contact-faq"
                },
                {
                  label: "Submit Film",                  href: "#contact-faq"
                },
                {
                  label: "Member Stories",                  href: "#testimonials"
                },
                {
                  label: "Film Recommendations",                  href: "#featured"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Contact",                  href: "#contact-faq"
                },
                {
                  label: "Privacy Policy",                  href: "#footer"
                },
                {
                  label: "Terms of Service",                  href: "#footer"
                }
              ]
            }
          ]}
          copyrightText="© 2025 CineGuide | Celebrating Cinema, One Review at a Time"
        />
      </div>
    </ThemeProvider>
  );
}
