"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function SitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant={"expand-hover"}
      defaultTextAnimation={"entrance-slide"}
      borderRadius={"rounded"}
      contentWidth={"compact"}
      sizing={"mediumLargeSizeLargeTitles"}
      background={"fluid"}
      cardStyle={"soft-shadow"}
      primaryButtonStyle={"flat"}
      secondaryButtonStyle={"solid"}
      headingFontWeight={"light"}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Indio Solari"
          logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-apache-logo-design-template_23-2150047217.jpg"
          logoAlt="Logo de Indio Solari"
          navItems={[
            { name: "Inicio", id: "hero" },
            { name: "Infancia", id: "infancia" },
            { name: "Ricota", id: "ricota" },
            { name: "Solista", id: "solista" },
            { name: "Legado", id: "legado" },
            { name: "Frases", id: "frases" },
            { name: "Conclusión", id: "conclusion" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Indio Solari"
          description="Una inmersión profunda en la vida y el legado del icónico músico que redefinió el rock argentino."
          background={{"variant":"plain"}}
          testimonials={[
            { name: "Marcelo Figueras", handle: "@marcelofigueras", testimonial: "La figura más enigmática y poderosa del rock argentino. Un poeta que canta y un filósofo del escenario.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-playing-electric-guitar_23-2151406167.jpg", imageAlt: "Retrato de Marcelo Figueras" },
            { name: "Gustavo Santaolalla", handle: "@santaolalla", testimonial: "Indio tiene esa magia, esa voz que te atraviesa y te hace sentir parte de algo más grande. Único e irrepetible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/music-producer-studio_23-2152110002.jpg", imageAlt: "Retrato de Gustavo Santaolalla" },
            { name: "Fanático Anónimo", handle: "@ricotero", testimonial: "Sus letras son el evangelio de mi generación. Es más que un músico, es un referente vital.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concert-goer-crowd_23-2152110003.jpg", imageAlt: "Fanático en concierto" },
            { name: "Luciana", handle: "@lucianarock", testimonial: "Cada recital es una misa pagana, una conexión espiritual que solo él puede generar. Su impacto es inmenso.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-rock-fan-portrait_23-2152110004.jpg", imageAlt: "Retrato de Luciana" },
            { name: "Ricardo", handle: "@ricardo_musica", testimonial: "Indio Solari trasciende la música; es un fenómeno cultural que marcó a varias generaciones en Argentina y más allá.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/music-critic-writing-notes_23-2152110005.jpg", imageAlt: "Retrato de Ricardo" }
          ]}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/indio-solari-live-performance-close-up_23-2152110001.jpg"
          imageAlt="Ilustración 3D artística de Indio Solari"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="infancia" data-section="infancia">
        <TextSplitAbout
          title="Infancia y Juventud: La Gesta Silenciosa"
          description={["Carlos Alberto Solari, nacido en Entre Ríos en 1949, creció en La Plata, una ciudad que se convertiría en cuna de su inquietud artística. Desde temprana edad, mostró una fascinación por la poesía, el dibujo y las corrientes contraculturales, forjando una visión del mundo que más tarde plasmaría en su música.","Sus primeros años estuvieron marcados por la exploración de distintas formas de expresión, desde las artes plásticas hasta la escritura. Esta etapa de formación fue crucial para el desarrollo de su singular lírica y su particular estética, elementos que lo distinguirían profundamente en el panorama cultural argentino."]}
          useInvertedBackground={true}
          showBorder={false}
        />
      </div>

      <div id="ricota" data-section="ricota">
        <FeatureCardMedia
          animationType="scale-rotate"
          title="Patricio Rey y sus Redonditos de Ricota"
          description="La banda que marcó un antes y un después en el rock nacional, liderada por la voz inconfundible del Indio Solari."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            { id: "f1", title: "El Inicio de la Leyenda", description: "A principios de los 70, la banda emergió del under platense con una propuesta vanguardista y letras crípticas que resonaron profundamente en la juventud. Una fusión de rock, blues y psicodelia.", tag: "Orígenes", imageSrc: "http://img.b2bpic.net/free-photo/redondos-band-performing-early-days_23-2152110006.jpg", imageAlt: "Patricio Rey y sus Redonditos de Ricota en concierto" },
            { id: "f2", title: "Un Fenómeno Cultural", description: "Más allá de la música, Los Redondos se convirtieron en un movimiento. Sus conciertos eran \"misas\" multitudinarias, un espacio de catarsis y conexión que trascendía lo musical.", tag: "Impacto", imageSrc: "http://img.b2bpic.net/free-photo/redondos-concert-massive-crowd_23-2152110007.jpg", imageAlt: "Concierto de Los Redondos con multitud" },
            { id: "f3", title: "El Legado Imperecedero", description: "Con álbumes icónicos como 'Oktubre' y 'Lobo Suelto, Cordero Atado', la banda dejó una huella imborrable. Su influencia perdura, inspirando a nuevas generaciones de artistas y fans.", tag: "Discografía", imageSrc: "http://img.b2bpic.net/free-photo/indio-solari-redondos-era-portrait_23-2152110008.jpg", imageAlt: "Retrato de Indio Solari en la época de Los Redondos" }
          ]}
        />
      </div>

      <div id="solista" data-section="solista">
        <MetricCardEleven
          animationType="slide-up"
          title="Carrera Solista: Hitos y Álbumes"
          description="Desde el 2004, Indio Solari forjó una trayectoria solista que continuó su legado musical y poético, explorando nuevos sonidos y manteniendo su esencia transgresora."
          textboxLayout="default"
          useInvertedBackground={true}
          metrics={[
            { id: "m1", value: "2004", title: "El Tesoro de los Inocentes", description: "Su debut solista, marcando un hito en su carrera con un sonido renovado y la misma profundidad lírica.", imageSrc: "http://img.b2bpic.net/free-photo/el-tesoro-de-los-inocentes-album-cover_23-2152110009.jpg", imageAlt: "Carátula del álbum El Tesoro de los Inocentes" },
            { id: "m2", value: "2007", title: "Porco Rex", description: "Un álbum aclamado que consolidó su propuesta solista, con grandes éxitos que resonaron en todo el país.", imageSrc: "http://img.b2bpic.net/free-photo/indio-solari-porco-rex-live-performance_23-2152110010.jpg", imageAlt: "Indio Solari en concierto solista" },
            { id: "m3", value: "2010", title: "El Perfume de la Tempestad", description: "Continuando su exploración musical, este trabajo demostró su versatilidad y capacidad de reinvención.", imageSrc: "http://img.b2bpic.net/free-photo/indio-solari-studio-recording-session_23-2152110011.jpg", imageAlt: "Indio Solari grabando en estudio" }
          ]}
        />
      </div>

      <div id="legado" data-section="legado">
        <TestimonialCardFive
          testimonials={[
            { id: "t1", name: "Andrés Calamaro", date: "2018", title: "La Voz de una Era", quote: "Indio Solari es la voz de una generación, un artista que siempre supo reinventarse sin perder su alma. Su legado es inmenso.", tag: "Colega", avatarSrc: "http://img.b2bpic.net/free-photo/male-musician-holding-guitar_23-2151406176.jpg", avatarAlt: "Avatar de Andrés Calamaro" },
            { id: "t2", name: "Periodista Cultural", date: "2020", title: "Icono Inmortal", quote: "Más allá de la música, Indio Solari es un fenómeno sociológico. Sus letras son un reflejo de la Argentina, un espejo crítico y poético.", tag: "Análisis", avatarSrc: "http://img.b2bpic.net/free-photo/female-journalist-writing-notes_23-2152110012.jpg", avatarAlt: "Avatar de Periodista Cultural" },
            { id: "t3", name: "Seguidor Fiel", date: "2022", title: "Una Filosofía de Vida", quote: "Sus canciones no son solo para escuchar, son para vivir. Indio me enseñó a pensar, a dudar, a sentir. Eternamente agradecido.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/concert-fan-with-hands-up_23-2152110013.jpg", avatarAlt: "Avatar de Seguidor Fiel" },
            { id: "t4", name: "Sociólogo", date: "2021", title: "Fenómeno de Masas", quote: "Los conciertos de Indio Solari son un estudio de caso en la sociología de las masas y la construcción de identidades colectivas. Un líder sin proponérselo.", tag: "Estudio", avatarSrc: "http://img.b2bpic.net/free-photo/professor-lecturing-university_23-2152110014.jpg", avatarAlt: "Avatar de Sociólogo" },
            { id: "t5", name: "Músico Emergente", date: "2023", title: "Inspiración Constante", quote: "Indio es la prueba de que se puede ser auténtico y masivo al mismo tiempo. Su arte es un faro para quienes buscamos hacer algo diferente.", tag: "Influencia", avatarSrc: "http://img.b2bpic.net/free-photo/young-artist-with-guitar_23-2152110015.jpg", avatarAlt: "Avatar de Músico Emergente" }
          ]}
          title="Momentos Icónicos y Reflexiones"
          description="Artistas, críticos y fans comparten sus pensamientos sobre la influencia perdurable de Indio Solari en la cultura y la música."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="frases" data-section="frases">
        <FaqBase
          faqs={[
            { id: "q1", title: "\"Un par de ojos que te miran, un par de ojos que te van a mirar.\"", content: "Reflexión sobre la percepción, la atención y la ineludible mirada del otro, o quizás de uno mismo en el reflejo. Una frase que invita a la introspección." },
            { id: "q2", title: "\"El lujo es vulgaridad, dijo, y me conquistó.\"", content: "Una crítica sutil al materialismo y la ostentación, valorando lo auténtico y despojado. Se convirtió en un lema para muchos de sus seguidores." },
            { id: "q3", title: "\"Dicen que soy un ilusionista y me gusta.\"", content: "Una declaración que abraza su rol de creador de mundos y realidades alternativas a través de la música y la poesía. Reconoce y disfruta su capacidad de encantar." }
          ]}
          title="Frases Destacadas"
          description="Algunas de las reflexiones más potentes y enigmáticas del Indio Solari, presentadas con una estética visual impactante, como murales urbanos."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          showCard={false}
        />
      </div>

      <div id="conclusion" data-section="conclusion">
        <ContactCTA
          tag="El Legado Continúa"
          title="La Experiencia Solari Vive"
          description="La música de Indio Solari es un viaje sin fin, una obra en constante resonancia. Su impacto trasciende las canciones, habitando en la memoria colectiva y en el alma del rock argentino. ¿Qué historia te dejó a vos?"
          buttons={[
            { text: "Revivir la discografía", href: "#ricota" },
            { text: "Explorar más", href: "#solista" }
          ]}
          background={{"variant":"plain"}}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: "Biografía", items: [{ label: "Inicio", href: "#hero" }, { label: "Infancia", href: "#infancia" }, { label: "Redonditos", href: "#ricota" }, { label: "Solista", href: "#solista" }, { label: "Legado", href: "#legado" }] },
            { title: "Conéctate", items: [{ label: "Instagram", href: "https://www.instagram.com/indiosolari_oficial" }, { label: "Facebook", href: "https://www.facebook.com/indiosolari" }, { label: "YouTube", href: "https://www.youtube.com/channel/UC-Xf2f-3j5Y5t2l2d4z4c4g" }] },
            { title: "Legal", items: [{ label: "Términos de Servicio", href: "#" }, { label: "Política de Privacidad", href: "#" }] }
          ]}
          bottomLeftText="© 2024 Indio Solari. Todos los derechos reservados."
          bottomRightText="Hecho con pasión por el rock."
        />
      </div>
    </ThemeProvider>
  );
}
