"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Award, Camera, Clapperboard, Film, Mail, Sparkles, TrendingUp, Users, Zap, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Cool It Now"
          navItems={[
            { name: "Work", id: "featured-works" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get in Touch",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Craft Stories That Move"
          description="Cool It Now Entertainment produces bold, visionary content for brands and creators who refuse to settle for ordinary."
          background={{ variant: "grid" }}
          tag="Premium Production Studio"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Our Work", href: "#featured-works" },
            { text: "Start a Project", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/corridor-with-lights_1127-2145.jpg"
          imageAlt="professional film production studio setup"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Defining Modern Production"
          description="We believe in the power of meticulous storytelling. From concept through final cut, we bring artistic vision and technical excellence to every frame."
          tag="Our Philosophy"
          tagIcon={Film}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Cinematic Excellence",              description: "Every project is treated as a canvas for artistic expression",              icon: Camera
            },
            {
              title: "Technical Mastery",              description: "Cutting-edge equipment paired with timeless creative instinct",              icon: Zap
            },
            {
              title: "Collaborative Spirit",              description: "We partner closely with clients to realize their boldest visions",              icon: Users
            },
            {
              title: "Timeless Quality",              description: "Work that endures, transcending trends and fads",              icon: Award
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066342.jpg"
          imageAlt="production team collaboration filming"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="right"
        />
      </div>

      <div id="featured-works" data-section="featured-works">
        <FeatureCardMedia
          title="Notable Projects"
          description="A curated selection of work that defines our studio's aesthetic and craft"
          tag="Featured Works"
          tagIcon={Clapperboard}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          features={[
            {
              id: "1",              title: "Brand Awakening Campaign",              description: "A visually striking 60-second spot redefining brand identity for luxury fashion",              tag: "Commercial",              imageSrc: "http://img.b2bpic.net/free-vector/sale-landing-page-with-photo_23-2148264263.jpg",              imageAlt: "luxury fashion brand campaign visual"
            },
            {
              id: "2",              title: "Digital Narrative Series",              description: "Multi-episode docuseries exploring contemporary creative voices",              tag: "Documentary",              imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-front-view_23-2149893921.jpg",              imageAlt: "documentary filmmaking series production"
            },
            {
              id: "3",              title: "Music Video: Silent Echo",              description: "Conceptual music video blending dance, sculpture, and emotion",              tag: "Music Video",              imageSrc: "http://img.b2bpic.net/free-photo/woman-singing-microphone-guy-playing-guitar_23-2148366469.jpg",              imageAlt: "music video production filming"
            },
            {
              id: "4",              title: "Corporate Vision Film",              description: "Sophisticated brand vision film for emerging tech innovators",              tag: "Corporate",              imageSrc: "http://img.b2bpic.net/free-photo/factory-managers-presenting-products-investors-teleconference_482257-119358.jpg",              imageAlt: "corporate brand vision film production"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="Our impact measured in years of experience, projects completed, and creative excellence delivered"
          tag="Studio Stats"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              value: "10+",              title: "Years in Production",              items: ["Established Studio", "Industry Leader"]
            },
            {
              id: "2",              value: "150+",              title: "Projects Delivered",              items: ["National Reach", "Global Brands"]
            },
            {
              id: "3",              value: "25+",              title: "Awards Won",              items: ["Industry Recognition", "Creative Excellence"]
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Creative Leadership"
          description="The visionaries and craftspeople behind every Cool It Now production"
          tag="Our Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          team={[
            {
              id: "1",              name: "Marcus Chen",              role: "Director & Creative Lead",              imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-cameraman-holds-vintage-8mm-video-camera-studio-grey-vignette-background_613910-10023.jpg",              imageAlt: "professional male director filmmaker portrait"
            },
            {
              id: "2",              name: "Elena Rodriguez",              role: "Cinematographer",              imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-traveler-with-backpack-holds-compact-photo-camera_613910-15129.jpg",              imageAlt: "female cinematographer professional portrait"
            },
            {
              id: "3",              name: "James Elliott",              role: "Editor & Color Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5122.jpg",              imageAlt: "male editor video specialist portrait"
            },
            {
              id: "4",              name: "Sophie Wu",              role: "Producer & Production Designer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-typing-laptop-writing-notes_171337-9772.jpg",              imageAlt: "female producer production designer portrait"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Client Voices"
          description="What brands and creators say about working with Cool It Now Entertainment"
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          kpiItems={[
            { value: "98%", label: "Client Satisfaction" },
            { value: "95%", label: "On-Time Delivery" },
            { value: "12mo", label: "Avg. Retention" }
          ]}
          testimonials={[
            {
              id: "1",              name: "Amelia Hart",              role: "Creative Director",              company: "Luna Collective",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/person-working-desk-vintage-90-s-style-office_23-2149851041.jpg",              imageAlt: "professional woman creative director portrait"
            },
            {
              id: "2",              name: "David Park",              role: "Brand Manager",              company: "NexGen Industries",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "professional man brand manager portrait"
            },
            {
              id: "3",              name: "Isabella Santos",              role: "Marketing Director",              company: "Celestial Ventures",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100288.jpg",              imageAlt: "professional woman marketing director portrait"
            },
            {
              id: "4",              name: "Thomas Vance",              role: "Executive Producer",              company: "Visionware Films",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg",              imageAlt: "professional man executive producer portrait"
            },
            {
              id: "5",              name: "Rebecca Moss",              role: "Chief Marketing Officer",              company: "Momentum Brand",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "professional woman CMO executive portrait"
            },
            {
              id: "6",              name: "Alex Jensen",              role: "Product Lead",              company: "Pixel Studios",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg",              imageAlt: "professional person product lead portrait"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Create"
          title="Let's Make Something Extraordinary"
          description="Get in touch to discuss your next project. We'd love to bring your vision to life."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
          inputPlaceholder="your@email.com"
          buttonText="Send Message"
          termsText="By reaching out, you agree to our Privacy Policy and Terms of Service."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/people-directing-new-movie-together_23-2149066331.jpg"
          imageAlt="film production studio interior professional"
          columns={[
            {
              title: "Studio",              items: [
                { label: "Our Work", href: "#featured-works" },
                { label: "About Us", href: "#about" },
                { label: "Team", href: "#team" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Commercial Production", href: "#" },
                { label: "Documentary", href: "#" },
                { label: "Music Videos", href: "#" },
                { label: "Brand Films", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Vimeo", href: "https://vimeo.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
          logoText="Cool It Now"
          copyrightText="© 2025 Cool It Now Entertainment. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}