"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Award, Zap, Play, TrendingUp, Star, Instagram, Youtube, Linkedin, Twitter, Heart, BookOpen, Users } from "lucide-react";

export default function ContentPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="ContentHouse"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Start Project",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Viral Content That Moves"
          description="We create compelling stories that resonate with millions. From concept to viral moment, your brand's message comes alive through our expert creators and cutting-edge production."
          tag="Creative Excellence"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169158.jpg",              imageAlt: "Viral content creation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/excited-woman-filming-fashion-vlog-with-phone_482257-121799.jpg",              imageAlt: "Professional video production"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-filming-fashion-vlog-holding-jacket-hand_482257-121680.jpg",              imageAlt: "Social media trending content"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-planting-seeds_23-2149172431.jpg",              imageAlt: "Influencer content creation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/screaming-blogger-girl-is-posing-camera-by-showing-claws-blue-background_176474-116577.jpg",              imageAlt: "Creative team brainstorming"
            }
          ]}
          buttons={[
            { text: "View Portfolio", href: "portfolio" },
            { text: "Get Started", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          tagIcon={Award}
          title="Creators Turning Ideas Into Viral Sensations"
          description="ContentHouse is a collective of award-winning creators, producers, and strategists who understand what makes content resonate. With years of experience across platforms, we've mastered the art of creating content that doesn't just get views—it gets shared, discussed, and remembered."
          metrics={[
            { value: "500M+", title: "Total Views Generated" },
            { value: "150+", title: "Viral Campaigns Launched" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/tired-asian-it-specialist-drinking-coffee-watching-female-colleague-working-with-laptop-indoor-portrait-young-business-people-sitting-table-together-conference-hall_197531-3708.jpg"
          imageAlt="ContentHouse creative studio team"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Services"
          description="Comprehensive content solutions designed to elevate your brand across all platforms"
          tag="What We Offer"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Content Strategy & Ideation",              description: "We develop data-driven content strategies that align with your brand goals. Our team conducts market research, identifies trending topics, and creates content calendars designed to maximize engagement and reach.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg",              imageAlt: "Content strategy and planning"
            },
            {
              id: 2,
              title: "Professional Production",              description: "From concept to final product, our production team handles everything. Full-service video production, photography shoots, and studio access ensure your content meets the highest professional standards.",              imageSrc: "https://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20876.jpg",              imageAlt: "Professional video production"
            },
            {
              id: 3,
              title: "Post-Production & Editing",              description: "Expert editors and colorists bring your raw footage to life. We handle motion graphics, color grading, sound design, and effects to create polished, platform-optimized content.",              imageSrc: "https://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461327.jpg",              imageAlt: "Video editing and post-production"
            },
            {
              id: 4,
              title: "Social Media Management",              description: "Strategic posting, community management, and cross-platform optimization. We ensure your content reaches the right audience at the right time with maximum impact.",              imageSrc: "https://img.b2bpic.net/free-photo/graph-growth-success-improvement-development-business_53876-123895.jpg",              imageAlt: "Social media management and engagement"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet Our Creators"
          tag="Talented Individuals"
          members={[
            {
              id: "1",              name: "Alex Rivera",              imageSrc: "https://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22012.jpg",              imageAlt: "Alex Rivera, Creative Director"
            },
            {
              id: "2",              name: "Jordan Chen",              imageSrc: "https://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970193.jpg",              imageAlt: "Jordan Chen, Video Producer"
            },
            {
              id: "3",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-man-with-camera_23-2148602762.jpg",              imageAlt: "Marcus Johnson, Lead Editor"
            },
            {
              id: "4",              name: "Sofia Hernandez",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-musician-working-studio_23-2150265028.jpg",              imageAlt: "Sofia Hernandez, Content Strategist"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <BlogCardThree
          title="Our Viral Moments"
          description="A showcase of our most impactful content that captured audiences and sparked conversations"
          tag="Featured Portfolio"
          tagIcon={Play}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          blogs={[
            {
              id: "1",              category: "Brand Campaign",              categoryIcon: Zap,
              title: "Tech Startup Launch Campaign",              description: "5M+ views in 48 hours. This innovative product launch video redefined how tech brands introduce new solutions to market audiences.",              imageSrc: "https://img.b2bpic.net/free-photo/collage-people-using-reels_23-2149416510.jpg",              imageAlt: "Tech startup viral campaign"
            },
            {
              id: "2",              category: "Social Movement",              categoryIcon: Heart,
              title: "Inspiring Social Impact Series",              description: "12M+ combined views. Our documentary-style series on social entrepreneurs sparked meaningful conversations and community engagement.",              imageSrc: "https://img.b2bpic.net/free-photo/female-fashion-blogger-streaming-home-with-smartphone_23-2148771594.jpg",              imageAlt: "Social impact video series"
            },
            {
              id: "3",              category: "Lifestyle",              categoryIcon: Sparkles,
              title: "Weekend Adventure Content Series",              description: "8.5M+ views. Short-form content that captured authentic moments and built loyal viewer communities across platforms.",              imageSrc: "https://img.b2bpic.net/free-photo/young-people-using-reels_23-2150038634.jpg",              imageAlt: "Lifestyle viral content"
            },
            {
              id: "4",              category: "Educational",              categoryIcon: BookOpen,
              title: "Quick Tips Educational Series",              description: "15M+ total engagement. Fast-paced, valuable content that educates while entertaining viewers of all demographics.",              imageSrc: "https://img.b2bpic.net/free-photo/female-artist-explaining-painting-techniques-used-online-tutorial_482257-124811.jpg",              imageAlt: "Educational viral content"
            },
            {
              id: "5",              category: "Brand Collaboration",              categoryIcon: Users,
              title: "Influencer Partnership Campaign",              description: "22M+ combined reach. Strategic collaborations that amplified brand messages and reached new audiences authentically.",              imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-smartphone-social-media-concept_23-2150208259.jpg",              imageAlt: "Brand collaboration campaign"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact By The Numbers"
          description="Data-driven results that showcase our content's real-world performance and audience reach"
          tag="Proven Results"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "500M+",              title: "Total Content Views",              items: ["Across all major platforms", "50+ successful campaigns", "Consistent growth month-over-month"]
            },
            {
              id: "2",              value: "98%",              title: "Client Satisfaction Rate",              items: ["Repeat client partnerships", "Industry-leading retention", "Award-winning deliverables"]
            },
            {
              id: "3",              value: "150+",              title: "Viral Campaigns Delivered",              items: ["Fortune 500 brands", "Emerging startups supported", "Diverse industry expertise"]
            },
            {
              id: "4",              value: "12+",              title: "Years Combined Experience",              items: ["Industry veterans on staff", "Trend-setting creatives", "Continuously evolving expertise"]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Real feedback from brands we've transformed through viral content strategy"
          tag="Client Success Stories"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Marketing Director",              company: "TechFlow Solutions",              rating: 5,
              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 Mitchell testimonial"
            },
            {
              id: "2",              name: "Emma Rodriguez",              role: "Brand Manager",              company: "Lifestyle Co.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Emma Rodriguez testimonial"
            },
            {
              id: "3",              name: "David Okonkwo",              role: "Chief Creative Officer",              company: "Digital Ventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling_1262-21181.jpg",              imageAlt: "David Okonkwo testimonial"
            },
            {
              id: "4",              name: "Jessica Wang",              role: "Founder",              company: "CreativeMinds Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Jessica Wang testimonial"
            },
            {
              id: "5",              name: "Michael Thompson",              role: "Growth Lead",              company: "StartupXYZ",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              imageAlt: "Michael Thompson testimonial"
            },
            {
              id: "6",              name: "Lisa Chen",              role: "Marketing VP",              company: "Premium Brands Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",              imageAlt: "Lisa Chen testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Create?"
          title="Let's Bring Your Vision to Life"
          description="Join hundreds of brands creating viral moments. Get in touch with our team to discuss your next project and discover how we can elevate your content."
          tagIcon={Zap}
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@email.com"
          buttonText="Start Collaboration"
          termsText="We respect your privacy. We'll only use your email to discuss your project."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="ContentHouse"
          copyrightText="© 2025 ContentHouse. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/contenthouse", ariaLabel: "Instagram" },
            { icon: Youtube, href: "https://youtube.com/contenthouse", ariaLabel: "YouTube" },
            { icon: Linkedin, href: "https://linkedin.com/company/contenthouse", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com/contenthouse", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}