"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Music, Star, Disc3, ThumbsUp, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeExtraLargeSpacing"
      background="radialGradient"
      cardStyle="solid-bordered"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="outline"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Jazz Artist"
          navItems={[
            { name: "About", id: "about" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Jazz Artist Portfolio"
          description="Experience the soul and sophistication of live jazz performances and original compositions"
          tag="Featured Artist"
          tagIcon={Music}
          buttons={[
            { text: "Book Performance", href: "contact" },
            { text: "Listen Now", href: "https://example.com/music" }
          ]}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183259956-iy4u7psd.jpg", imageAlt: "Live jazz performance on stage" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183260888-70j20xci.jpg", imageAlt: "Saxophonist performing" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183261780-ge8p2clt.jpg", imageAlt: "Jazz ensemble performance" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183262597-9n1aj173.jpg", imageAlt: "Jazz club intimate performance" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183263666-271fmb98.jpg", imageAlt: "Artist on stage with lighting" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About The Artist"
          tagIcon={Star}
          title="Passionate jazz musician dedicated to authentic expression and audience connection through live performance."
          description="Contemporary Jazz Performer"
          subdescription="Based in Major City"
          icon={Music}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
          imageAlt="Jazz artist professional portrait"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <FeatureCardTwentyOne
          title="Musical Journey"
          description="Explore discography, collaborations, and musical achievements that define artistic expression"
          tag="Portfolio"
          tagIcon={Disc3}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183260888-70j20xci.jpg"
          imageAlt="Portfolio showcase image"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          accordionItems={[
            {
              id: "1",
              title: "Original Compositions",
              content: "Award-winning original jazz compositions blending traditional bebop with contemporary influences. Features seamless improvisation and complex harmonic structures that captivate audiences."
            },
            {
              id: "2",
              title: "Collaborations",
              content: "Performed with renowned jazz ensembles and orchestras internationally. Collaborated with other artists on fusion projects spanning genres from classical to world music."
            },
            {
              id: "3",
              title: "Awards & Recognition",
              content: "Multiple jazz festival performances and industry recognition. Featured in jazz publications and media outlets. Dedicated teaching artist at jazz academies."
            },
            {
              id: "4",
              title: "Live Performances",
              content: "Regular performances at prestigious jazz clubs, concert halls, and festivals. Custom arrangements for weddings, corporate events, and private engagements."
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Venues Say"
          description="Feedback from event organizers and audiences who have experienced the artistry"
          tag="Testimonials"
          tagIcon={ThumbsUp}
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              role: "Jazz Club Owner",
              testimonial: "The energy and musicianship brought our venue to life. Audiences return specifically to see performances. Truly professional and captivating artist.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183266123-iwagpskm.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "Event Coordinator",
              testimonial: "Transformed our corporate gala into an unforgettable evening. Guests were mesmerized by the sophisticated performance and exceptional musicianship.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "3",
              name: "David Brown",
              role: "Festival Director",
              testimonial: "Consistently delivers stellar performances at our festival. The commitment to artistic excellence and audience engagement is remarkable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183266882-qe8ojfze.jpg",
              imageAlt: "David Brown"
            },
            {
              id: "4",
              name: "Elena Martinez",
              role: "Wedding Planner",
              testimonial: "Made our client's wedding reception absolutely special. The live jazz perfectly complemented the celebration and created lasting memories.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140151637-4n68pd8r.jpg",
              imageAlt: "Elena Martinez"
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Connected"
          description="Subscribe to receive updates on upcoming performances, new releases, and exclusive jazz insights"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183261780-ge8p2clt.jpg"
          imageAlt="Jazz ensemble performing"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183264811-vjy9xda4.jpg"
          imageAlt="Stage performance lighting"
          logoText="Jazz Artist"
          copyrightText="© 2025 Jazz Artist Portfolio"
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "About", href: "about" },
                { label: "Portfolio", href: "portfolio" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Social",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Spotify", href: "https://spotify.com" },
                { label: "YouTube", href: "https://youtube.com" },
                { label: "SoundCloud", href: "https://soundcloud.com" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}