"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, TrendingUp, Zap, Quote, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="dotGrid"
      cardStyle="outline-light"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="INCLIPS MEDIA"
          navItems={[
            { name: "About", id: "about" },
            { name: "Work", id: "testimonial" },
            { name: "Services", id: "feature" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="INCLIPS MEDIA"
          description="Social PR, Creator Partnerships & Viral Clipping. We're the best in the game."
          buttons={[
            { text: "See Our Work", href: "testimonial" },
            { text: "Let's Collaborate", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-works-with-sound-laptop-early-morning_169016-26761.jpg",              imageAlt: "Social Media Content Creation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-young-female-beauty-bloggers-talking-when-vlogging-two-women-sitting-table-demonstrating-cosmetic-products-explaining-how-make-up-make-up-tutorial-online-blogging-concept_74855-22648.jpg",              imageAlt: "Creator Partnerships"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-interviewee-with-microphone-taking-statements_23-2149037904.jpg",              imageAlt: "PR and Media"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.2}
          ariaLabel="Hero section showcasing INCLIPS MEDIA services"
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Success"
          tagIcon={Sparkles}
          title="We transformed a struggling brand into a social media powerhouse with strategic PR and viral clipping campaigns that hit 50M impressions in 6 months."
          description="Alex Thompson"
          subdescription="CEO, Digital First Co."
          icon={TrendingUp}
          imageSrc="https://img.b2bpic.net/free-photo/happy-african-american-businesswoman-talking-female-colleagues-while-working-office_637285-9843.jpg"
          imageAlt="Client success story"
          useInvertedBackground="noInvert"
          ariaLabel="About section with client success"
        />
      </div>
      
      <div id="feature" data-section="feature">
        <FeatureCardSixteen
          title="Why INCLIPS MEDIA Wins"
          description="Traditional PR agencies vs. the INCLIPS Media advantage"
          tag="Our Approach"
          tagIcon={Zap}
          negativeCard={{
            items: [
              "Slow approval processes",              "Disconnected from creator trends",              "Generic content strategies",              "Limited audience reach",              "No viral optimization"
            ]
          }}
          positiveCard={{
            items: [
              "Real-time content execution",              "Deep creator ecosystem partnerships",              "Hyper-targeted viral strategies",              "Multi-platform amplification",              "Data-driven clipping optimization"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwo
          title="Client Success Stories"
          description="Brands that trusted INCLIPS Media to amplify their voice"
          tag="Testimonials"
          tagIcon={Quote}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Founder & CEO",              testimonial: "INCLIPS took our brand from unknown to a household name in the fashion space. Their creator partnerships are unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "VP Marketing",              testimonial: "The social PR strategy they executed resulted in a 300% increase in qualified leads and massive media coverage.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Brand Director",              testimonial: "Their clipping and content strategy is surgical. Every piece of content we released went viral. Absolutely incredible results.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "David Park",              role: "Founder",              testimonial: "INCLIPS Media understood our niche instantly and connected us with creators who genuinely loved our product. Game-changing partnership.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "David Park"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Mail}
          title="Ready to Go Viral?"
          description="Let's talk about how INCLIPS Media can elevate your brand. Whether you need social PR, creator partnerships, or viral clipping strategies, we're ready to make it happen."
          useInvertedBackground="noInvert"
          inputPlaceholder="your@email.com"
          buttonText="Let's Talk"
          termsText="We respect your inbox. Unsubscribe anytime. See our Privacy Policy."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Social PR", href: "#feature" },
                { label: "Creator Partnerships", href: "#testimonial" },
                { label: "Viral Clipping", href: "#feature" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Work", href: "#testimonial" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 INCLIPS MEDIA. All rights reserved."
          bottomRightText="Crafted for brands that dominate."
        />
      </div>
    </ThemeProvider>
  );
}