"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import AboutMetric from "@/components/sections/about/AboutMetric";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import {
  Sparkles,
  Music,
  Target,
  Play,
  Volume2,
  Clipboard,
  Lightbulb,
  Share2,
  Film,
  Users,
  BarChart3,
  Award,
  TrendingUp,
  Zap,
  Heart,
  Instagram,
  Facebook,
  Linkedin,
} from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "DJ Events", id: "dj-events" },
    { name: "Marketing", id: "digital-marketing" },
    { name: "Portfolio", id: "portfolio" },
    { name: "About", id: "about" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Sonic Motion"
          navItems={navItems}
          button={{
            text: "Book Your Event",
            href: "#contact",
          }}
          animateOnLoad={true}
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Production That Moves Markets and Dancefloors"
          description="Full-service DJ events and digital marketing campaigns that amplify your brand. From nightlife experiences to targeted digital strategies, we deliver results that resonate."
          tag="Integrated Production"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "aurora" }}
          leftCarouselItems={[
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/rear-view-dj-playing-music-front-excited-crowd-music-festival-by-night_637285-598.jpg",
              imageAlt: "DJ performing at live event",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/closeup-dj-working-blue-light_181624-18773.jpg",
              imageAlt: "Professional DJ booth setup",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/musician-with-microphone-raising-hand-while-entertaining-crowd-from-stage-nightclub-dj-singing-playing-electronic-music-show-discotheque-party-club-with-spotlights_482257-65405.jpg",
              imageAlt: "Concert lighting and production",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/digital-mixing-console-sound-mixer-control-panel-closeup-audio-faders_627829-11445.jpg",
              imageAlt: "Professional audio equipment",
            },
          ]}
          rightCarouselItems={[
            {
              imageSrc:
                "http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg",
              imageAlt: "Digital marketing campaign",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg",
              imageAlt: "Marketing analytics dashboard",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/diverse-business-people-dinner-party_53876-98341.jpg",
              imageAlt: "Brand activation event",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/business-marketing-strategy_53876-101268.jpg",
              imageAlt: "Digital strategy planning",
            },
          ]}
          buttons={[{ text: "Book Your Event or Campaign", href: "#contact" }]}
          buttonAnimation="slide-up"
          carouselPosition="right"
        />
      </div>

      {/* DJ Events Showcase Section */}
      <div id="dj-events-showcase" data-section="dj-events-showcase">
        <FeatureCardTwentySix
          features={[
            {
              title: "Signature DJ Performance",
              description:
                "World-class DJs curating unforgettable dance experiences with cutting-edge mixing techniques and crowd-reading expertise.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-people-dancing-funky-music_482257-78334.jpg",
              imageAlt: "DJ performing live",
              buttonIcon: Play,
              buttonHref: "/dj-events",
            },
            {
              title: "Advanced Sound Engineering",
              description:
                "Professional-grade audio systems and live mixing that delivers crystal-clear sound across any venue size and layout.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/talented-engineer-using-usb-stick-edit-recorded-files-home-studio_482257-121271.jpg",
              imageAlt: "Professional sound equipment",
              buttonIcon: Volume2,
              buttonHref: "/dj-events",
            },
            {
              title: "Full Event Coordination",
              description:
                "Seamless booking, technical setup, and real-time production management from concept through post-event breakdown.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275482.jpg",
              imageAlt: "Event coordination",
              buttonIcon: Clipboard,
              buttonHref: "/dj-events",
            },
            {
              title: "Visual & Lighting Design",
              description:
                "Immersive light shows and visual effects that sync with music to create unforgettable atmospheric moments.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182560.jpg",
              imageAlt: "Professional lighting setup",
              buttonIcon: Lightbulb,
              buttonHref: "/dj-events",
            },
          ]}
          title="DJ Events & Live Production"
          description="Electrifying nightlife experiences crafted for venue owners, event promoters, and brand activations seeking premium entertainment and technical excellence."
          tag="Events"
          tagIcon={Music}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      {/* Marketing Services Section */}
      <div id="marketing-services" data-section="marketing-services">
        <FeatureCardTwentySix
          features={[
            {
              title: "Social Media Strategy & Execution",
              description:
                "Data-driven campaigns across Instagram, TikTok, Facebook, and emerging platforms designed to drive engagement and conversions.",
              imageSrc:
                "http://img.b2bpic.net/free-psd/digital-marketing-agency-collaborate-your-project_505751-8222.jpg",
              imageAlt: "Social media marketing",
              buttonIcon: Share2,
              buttonHref: "/digital-marketing",
            },
            {
              title: "Content Creation & Video Production",
              description:
                "Compelling visual storytelling that captures brand identity and resonates with target audiences across all digital touchpoints.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/pretty-blonde-influencer-testing-new-products-camera_496169-427.jpg",
              imageAlt: "Content creation",
              buttonIcon: Film,
              buttonHref: "/digital-marketing",
            },
            {
              title: "Influencer & Partnership Marketing",
              description:
                "Strategic collaborations with key opinion leaders and brand partners to extend reach and build authentic credibility.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/female-journalist-talking-her-cameraman_23-2149032401.jpg",
              imageAlt: "Influencer partnerships",
              buttonIcon: Users,
              buttonHref: "/digital-marketing",
            },
            {
              title: "Performance Analytics & Reporting",
              description:
                "Transparent ROI tracking and detailed analytics that prove campaign effectiveness and inform future strategy optimization.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg",
              imageAlt: "Campaign analytics",
              buttonIcon: BarChart3,
              buttonHref: "/digital-marketing",
            },
          ]}
          title="Digital Marketing & Brand Activation"
          description="Strategic campaigns and experiential marketing that amplify brand presence across digital channels and live activations."
          tag="Marketing"
          tagIcon={Target}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      {/* About & Expertise Section */}
      <div id="about" data-section="about">
        <AboutMetric
          title="Sonic Motion: Where Nightlife Energy Meets Digital Strategy. Since 2012, we've engineered unforgettable experiences that combine world-class DJ talent, cutting-edge production technology, and data-driven marketing that moves markets."
          useInvertedBackground={false}
          metrics={[
            { icon: Music, label: "DJ Events Delivered", value: "500+" },
            {
              icon: TrendingUp,
              label: "Marketing Campaigns",
              value: "200+",
            },
            { icon: Users, label: "Satisfied Clients", value: "150+" },
            { icon: Award, label: "Industry Recognition", value: "15+" },
          ]}
          metricsAnimation="slide-up"
        />
      </div>

      {/* Metrics Section */}
      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Proven Results Across DJ Events and Digital Campaigns"
          description="Real impact measured in audience engagement, brand reach, and client satisfaction."
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          metrics={[
            { id: "1", icon: Users, title: "Average Crowd Size", value: "2.5K+" },
            { id: "2", icon: Zap, title: "Engagement Rate", value: "8.5%" },
            { id: "3", icon: BarChart3, title: "ROI Growth", value: "340%" },
            { id: "4", icon: Heart, title: "Client Retention", value: "92%" },
          ]}
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Trusted by Venue Owners, Event Promoters, and Brands"
          description="See what our clients say about their experience with Sonic Motion's DJ events and marketing campaigns."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen",
              role: "Venue Owner",
              company: "Electric Underground",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Marcus Chen portrait",
            },
            {
              id: "2",
              name: "Sarah Martinez",
              role: "Event Promoter",
              company: "Pulse Events Co.",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Sarah Martinez portrait",
            },
            {
              id: "3",
              name: "David Park",
              role: "Marketing Director",
              company: "NightLife Ventures",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "David Park portrait",
            },
            {
              id: "4",
              name: "Jessica Thompson",
              role: "Brand Manager",
              company: "Urban Lifestyle Inc.",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Jessica Thompson portrait",
            },
            {
              id: "5",
              name: "Alex Rodriguez",
              role: "Festival Director",
              company: "Summer Beats Festival",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Alex Rodriguez portrait",
            },
            {
              id: "6",
              name: "Emma Walsh",
              role: "CEO",
              company: "Amplify Marketing",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Emma Walsh portrait",
            },
          ]}
          kpiItems={[
            { value: "500+", label: "Successful Events" },
            { value: "98%", label: "Satisfaction Rate" },
            { value: "12 years", label: "Industry Excellence" },
          ]}
        />
      </div>

      {/* Contact CTA Section */}
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Ready to Amplify Your Brand or Book Your Next Event?"
          description="Contact Sonic Motion today to discuss your DJ event needs or launch your next digital marketing campaign. Our team is ready to create an experience that resonates."
          buttons={[
            { text: "Book DJ Event", href: "mailto:events@sonicmotion.com" },
            {
              text: "Start Marketing Campaign",
              href: "mailto:marketing@sonicmotion.com",
            },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Sonic Motion"
          copyrightText="© 2025 Sonic Motion | Production Experts for Nightlife & Digital Marketing"
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram",
            },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Music, href: "https://soundcloud.com", ariaLabel: "SoundCloud" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}