"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Music, Mic, Headphones, Users, Star, Settings, Award, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="WarmTone Studios"
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Team", id: "team-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Contact", id: "contact-section" }
          ]}
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboardDashboard
          title="Where Music Meets Mastery"
          description="Transform your sound with our state-of-the-art recording studio. Professional-grade equipment, expert engineers, and a cozy atmosphere designed for artists who demand excellence."
          background={{ variant: "radial-gradient" }}
          tag="Premium Recording Services"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Book a Session", href: "#contact-section" },
            { text: "Explore Our Studio", href: "#about-section" }
          ]}
          buttonAnimation="slide-up"
          dashboard={{
            title: "Studio Overview",            stats: [
              {
                title: "Years of Excellence",                values: [12, 15, 18],
                valuePrefix: "",                valueSuffix: "+",                description: "Years of Excellence"
              },
              {
                title: "Tracks Produced",                values: [500, 650, 800],
                valuePrefix: "",                valueSuffix: "+",                description: "Tracks Produced"
              },
              {
                title: "Happy Artists",                values: [98, 99, 97],
                valuePrefix: "",                valueSuffix: "%",                description: "Happy Artists"
              }
            ],
            logoIcon: Music,
            sidebarItems: [
              { icon: Mic, active: true },
              { icon: Headphones },
              { icon: Users }
            ],
            buttons: [
              { text: "View Equipment", href: "#features-section" }
            ],
            listItems: [
              {
                icon: Mic,
                title: "Live Recording",                status: "Capture authentic performances with our acoustic-treated spaces."
              },
              {
                icon: Settings,
                title: "Post-Production",                status: "Professional mixing and mastering to polish your sound."
              },
              {
                icon: Users,
                title: "Artist Collaboration",                status: "Work with industry professionals to elevate your music."
              }
            ],
            imageSrc: "https://img.b2bpic.net/free-photo/professional-studio-control-room-with-pre-knobs-faders_482257-121167.jpg",            searchPlaceholder: "Search by genre...",            chartTitle: "Studio Usage",            chartData: [
              { value: 30 },
              { value: 50 },
              { value: 20 }
            ],
            listTitle: "Our Services",            videoSrc: "https://img.b2bpic.net/free-photo/musician-using-musical-instrument-having-fun-doing-concert_482257-124477.jpg",            imageAlt: "Cozy recording studio interior with professional audio equipment",            videoAriaLabel: "Studio walkthrough video"
          }}
        />
      </div>

      <div id="about-section" data-section="about-section">
        <MediaSplitTabsAbout
          title="Crafting Sound, Creating Memories"
          description="At Harmony Studios, we blend cutting-edge technology with artistic passion to deliver exceptional audio experiences that resonate with every note."
          tabs={[
            {
              id: "our-story",              label: "Our Story",              description: "Founded in 2010 by award-winning producer Marcus Chen, Harmony Studios began as a small home recording setup and has evolved into a premier destination for artists seeking professional sound quality."
            },
            {
              id: "our-process",              label: "Our Process",              description: "From initial concept to final master, our meticulous approach ensures each project reflects the artist's vision while maintaining industry-standard excellence."
            },
            {
              id: "our-team",              label: "Our Team",              description: "Meet our diverse group of engineers, producers, and musicians who bring years of experience and creative insight to every session."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/musicians-work-inside-workshop-crafting-beautiful-instruments-generated-by-ai_188544-38803.jpg"
          imageAlt="Music studio interior with vintage instruments and modern equipment"
          mediaAnimation="slide-up"
          imagePosition="right"
          useInvertedBackground={true}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureBorderGlow
          features={[
            {
              icon: Mic,
              title: "Professional Recording",              description: "State-of-the-art studios equipped with premium microphones and acoustic treatments for crystal-clear recordings."
            },
            {
              icon: Music,
              title: "Creative Collaboration",              description: "Work alongside industry professionals and fellow artists to bring your musical vision to life."
            },
            {
              icon: Settings,
              title: "Expert Production",              description: "From mixing to mastering, our engineers ensure every detail meets professional standards."
            },
            {
              icon: Headphones,
              title: "High-Quality Monitoring",              description: "Precision sound monitoring systems that deliver accurate audio reproduction for critical listening."
            },
            {
              icon: Award,
              title: "Industry Recognition",              description: "Our work has been featured in major publications and recognized by award-winning artists."
            }
          ]}
          animationType="slide-up"
          title="Why Choose Our Studio?"
          description="We combine cutting-edge technology with artistic expertise to create exceptional musical experiences. Every project is treated with the care and attention it deserves."
          tag="Premium Audio Services"
          tagIcon={Star}
          tagAnimation="opacity"
          buttons={[
            { text: "View Our Equipment", href: "#about-section" },
            { text: "Book a Session", href: "#contact-section" }
          ]}
          buttonAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="team-section" data-section="team-section">
        <TeamCardFive
          team={[
            {
              id: "alex-morgan",              name: "Alex Morgan",              role: "Lead Engineer & Sound Designer",              imageSrc: "https://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20395.jpg?_wi=1",              imageAlt: "Alex Morgan, Lead Engineer at Harmony Studios"
            },
            {
              id: "sarah-johnson",              name: "Sarah Johnson",              role: "Recording Producer",              imageSrc: "https://img.b2bpic.net/free-photo/female-audio-engineer-using-sound-mixer_107420-96122.jpg",              imageAlt: "Sarah Johnson, Recording Producer at Harmony Studios"
            },
            {
              id: "michael-chen",              name: "Michael Chen",              role: "Mastering Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/man-with-beard-plays-acoustic-guitar_169016-21468.jpg",              imageAlt: "Michael Chen, Mastering Specialist at Harmony Studios"
            },
            {
              id: "emma-rodriguez",              name: "Emma Rodriguez",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/recording-new-song-attractive-singer-is-singing-new-audio-material_613910-13190.jpg",              imageAlt: "Emma Rodriguez, Creative Director at Harmony Studios"
            }
          ]}
          animationType="slide-up"
          title="Meet Our Creative Team"
          description="Our talented team of professionals brings passion, expertise, and innovation to every project. With years of experience in the music industry, we're dedicated to helping artists realize their sonic visions."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Expertise"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "View Full Team", href: "#team-section" }
          ]}
          buttonAnimation="opacity"
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardThirteen
          testimonials={[
            {
              id: "testimonial-1",              name: "Alexandra Rivera",              handle: "@alex_rivera_music",              testimonial: "The team at SoundCraft transformed my indie album from rough demos into a polished masterpiece. Their attention to detail and passion for music is unmatched.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20395.jpg?_wi=2",              imageAlt: "Alexandra Rivera performing live"
            },
            {
              id: "testimonial-2",              name: "Marcus Chen",              handle: "@marcus_chen_productions",              testimonial: "Working with this studio was a game-changer for my career. The state-of-the-art equipment and creative guidance helped me achieve professional sound quality I never thought possible.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-musicians-working-studio_23-2150265056.jpg",              imageAlt: "Marcus Chen in the recording booth"
            },
            {
              id: "testimonial-3",              name: "Sophie Laurent",              handle: "@sophie_laurent_songs",              testimonial: "From start to finish, every interaction was seamless. The collaborative environment and technical expertise made my recording experience unforgettable.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-woman-music-studio_1149-1031.jpg",              imageAlt: "Sophie Laurent recording vocals"
            }
          ]}
          showRating={true}
          carouselMode="buttons"
          animationType="slide-up"
          title="What Our Artists Say"
          description="Hear from musicians who have experienced our exceptional recording services and collaborated with our talented team."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Reviews", href: "#" }
          ]}
          buttonAnimation="opacity"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactCTA
          tag="Get In Touch"
          tagIcon={Music}
          tagAnimation="slide-up"
          title="Ready to Create Your Sound?"
          description="Whether you're a seasoned artist or just starting your musical journey, our professional team is here to bring your vision to life. Let's collaborate and make something extraordinary together."
          buttons={[
            { text: "Book a Session", href: "#booking-section" },
            { text: "Send Message", href: "#message-form" }
          ]}
          buttonAnimation="opacity"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterCard
          logoText="Harmony Studios"
          copyrightText="© 2025 | Harmony Studios. All rights reserved."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/harmonystudios",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/harmonystudios",              ariaLabel: "Like us on Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/harmonystudios",              ariaLabel: "Follow us on Twitter"
            },
            {
              icon: Music,
              href: "https://soundcloud.com/harmonystudios",              ariaLabel: "Listen to us on SoundCloud"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}