"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="CreatorHub"
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Let's Collaborate", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel 
          title="Visual Storytelling at Its Finest"
          description="Award-winning video content creator and filmmaker based in Dubai. Specializing in cinematic videos, brand storytelling, and engaging social media content that captivates audiences."
          tag="Video Creator"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "View Portfolio", href: "portfolio" },
            { text: "Get in Touch", href: "contact" }
          ]}
          carouselItems={[
            { id: "1", imageSrc: "https://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg", imageAlt: "Cinematic video production" },
            { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station_1303-21990.jpg", imageAlt: "Social media content creation" },
            { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station_1303-21992.jpg", imageAlt: "Commercial video production" },
            { id: "4", imageSrc: "https://img.b2bpic.net/free-photo/happy-girl-arriving-studio-filming-vlog-with-smartphone-tripod_482257-118609.jpg", imageAlt: "Brand storytelling video" },
            { id: "5", imageSrc: "https://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066387.jpg", imageAlt: "Documentary style content" },
            { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066314.jpg", imageAlt: "Influencer content creation" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextSplitAbout 
          title="About Me"
          description={[
            "With over 8 years of experience in video production and content creation, I've worked with leading brands, startups, and creators across the Middle East. My passion is transforming ideas into compelling visual narratives that engage, inspire, and convert.",            "Based in Dubai's vibrant creative hub, I specialize in producing high-quality cinematic content, managing end-to-end production workflows, and delivering solutions that align with brand goals. Whether you need a commercial, documentary-style piece, or viral social content, I bring expertise, creativity, and dedication to every project."
          ]}
          buttons={[
            { text: "View My Work", href: "portfolio" },
            { text: "Let's Talk", href: "contact" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardNineteen 
          title="Services"
          description="A comprehensive range of video production and content creation services tailored to your vision and goals."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "YouTube",              title: "Long-Form Content",              subtitle: "Compelling narratives that engage viewers.",              description: "Create in-depth YouTube videos, tutorials, vlogs, and documentary-style content that builds loyal audiences and drives meaningful engagement.",              imageSrc: "https://img.b2bpic.net/free-photo/famous-young-vlogger-typing-laptop-while-talking-with-his-subscribers-podcast-creative-content-creator_482257-24913.jpg"
            },
            {
              id: 2,
              tag: "Social Media",              title: "Short-Form Reels & Stories",              subtitle: "Viral content optimized for platforms.",              description: "Craft trending Instagram reels, TikTok videos, and short-form content designed to maximize reach, engagement, and algorithm performance.",              imageSrc: "https://img.b2bpic.net/free-photo/joyful-media-star-talking-professional-microphone-studio_482257-124574.jpg"
            },
            {
              id: 3,
              tag: "Commercials",              title: "Brand & Advertising Videos",              subtitle: "Professional commercial production.",              description: "Produce high-end commercials, product showcases, and advertising videos that elevate brand perception and drive conversions.",              imageSrc: "https://img.b2bpic.net/free-photo/influencer-entering-home-studio-doing-live-broadcast_482257-124307.jpg"
            },
            {
              id: 4,
              tag: "Documentary",              title: "Documentary & Storytelling",              subtitle: "Authentic narratives with impact.",              description: "Tell powerful stories through documentary-style videos, brand documentaries, and narrative-driven content that resonates with audiences.",              imageSrc: "https://img.b2bpic.net/free-photo/man-filming-technology-review-recommending-newly-launched-dj-controller_482257-124553.jpg"
            },
            {
              id: 5,
              tag: "Post Production",              title: "Editing & Post-Production",              subtitle: "Professional finishing touches.",              description: "Expert editing, color grading, motion graphics, sound design, and visual effects that transform raw footage into polished masterpieces.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode_171337-5539.jpg"
            },
            {
              id: 6,
              tag: "Strategy",              title: "Content Strategy & Consulting",              subtitle: "Strategic guidance for creators.",              description: "Develop winning content strategies, audience growth plans, and creative direction tailored to your brand goals and target demographics.",              imageSrc: "https://img.b2bpic.net/free-photo/man-filming-technology-review-dj-controller-using-professional-camera-microphone_482257-123156.jpg"
            }
          ]}
        />
      </div>
      
      <div id="portfolio" data-section="portfolio">
        <ProductCardThree 
          title="Featured Portfolio Pieces"
          description="Showcase of recent work spanning commercials, social content, and brand storytelling."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Luxury Brand Campaign - 90 Seconds",              price: "2024",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station_1303-21992.jpg",              imageAlt: "Luxury brand commercial"
            },
            {
              id: "2",              name: "Dubai Tech Startup - Promo Video",              price: "2024",              imageSrc: "https://img.b2bpic.net/free-photo/happy-girl-arriving-studio-filming-vlog-with-smartphone-tripod_482257-118609.jpg",              imageAlt: "Startup promotional video"
            },
            {
              id: "3",              name: "Fashion Influencer Series - 5 Episodes",              price: "2024",              imageSrc: "https://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg",              imageAlt: "Fashion influencer content series"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Trusted by Leading Brands"
          description="See what brands and creators across the region have to say about collaborating with me."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "Transformed Our Brand Story",              quote: "The video content was absolutely phenomenal. It captured our brand essence perfectly and exceeded all our expectations. The entire production process was seamless and professional.",              name: "Sarah Al-Mansouri",              role: "CEO",              imageSrc: "https://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",              imageAlt: "Sarah Al-Mansouri"
            },
            {
              id: "2",              title: "A Game-Changer for Our Channel",              quote: "Working with this creator was transformative for our YouTube channel. The production quality is top-tier, and the strategic approach to content really helped us grow our audience exponentially.",              name: "Ahmed Hassan",              role: "Content Director",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Ahmed Hassan"
            },
            {
              id: "3",              title: "Exceptional Creativity & Professionalism",              quote: "From concept to final delivery, every step was handled with creativity and professionalism. The team understood our vision and brought it to life in ways we hadn't imagined. Highly recommended!",              name: "Layla Khalid",              role: "Marketing Head",              imageSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",              imageAlt: "Layla Khalid"
            },
            {
              id: "4",              title: "Delivered Viral Success",              quote: "Our brand awareness skyrocketed after launching the content series. The creator's understanding of platform algorithms and audience psychology was instrumental in our success.",              name: "Mohammad Al-Mazrouei",              role: "Founder",              imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",              imageAlt: "Mohammad Al-Mazrouei"
            },
            {
              id: "5",              title: "Quality Beyond Expectations",              quote: "The cinematography, editing, and overall production quality exceeded our brief. Every frame tells a story. This creator is truly passionate about their craft.",              name: "Fatima Rashid",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5359.jpg",              imageAlt: "Fatima Rashid"
            },
            {
              id: "6",              title: "Perfect Partner for Growth",              quote: "Not just a content creator but a strategic partner who understands business goals. The videos delivered real ROI and opened doors to new opportunities for our brand.",              name: "Hassan Al-Kaabi",              role: "Business Development",              imageSrc: "https://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",              imageAlt: "Hassan Al-Kaabi"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to bring your vision to life? Let's collaborate on something extraordinary."
          animationType="reveal-blur"
          buttons={[
            { text: "Start a Project", href: "mailto:contact@creatorhub.ae" },
            { text: "Book a Consultation", href: "mailto:contact@creatorhub.ae" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="CreatorHub" />
      </div>
    </ThemeProvider>
  );
}
