"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Star, MessageSquareText } from "lucide-react";

export default function AppPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Juguetes Fer"
          navItems={[
            { name: "Inicio", id: "#hero" },
            { name: "Quiénes Somos", id: "#about" },
            { name: "Ventajas", id: "#features" },
            { name: "Juguetes", id: "#products" },
            { name: "Reseñas", id: "#testimonials" },
            { name: "Contacto", id: "#contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Juguetes Fer"
          description="Tu juguetería de confianza en el corazón de Madrid desde hace décadas"
          buttons={[{ text: "Visítanos", href: "#contact" }]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/soviet-dolls-toys-chernobyl-nuclear-disaster-area_627829-11655.jpg", imageAlt: "Classic wooden toy train and building blocks" },
            { imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-cookies-isolated-white-background-png_185193-110576.jpg", imageAlt: "Vintage dollhouse and rocking horse" },
            { imageSrc: "http://img.b2bpic.net/free-photo/bear-bunny-baking-together-kitchen_23-2152008569.jpg", imageAlt: "Plush animals and retro board games" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-girl-out-shopping-session-with-her-parents_23-2150895929.jpg", imageAlt: "Colorful toy store interior illustration" },
            { imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-tabletop-game-with-chips_23-2147718798.jpg", imageAlt: "Children playing with a wooden train set" },
            { imageSrc: "http://img.b2bpic.net/free-photo/little-kids-halloween-party_53876-49101.jpg", imageAlt: "Kids playing with dolls and toy cars" }
          ]}
          autoplayDelay={4000}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Quiénes Somos"
          title="La magia de Juguetes Fer"
          description="En Juguetes Fer, Fernando, nuestro apasionado dueño, ha dedicado décadas a seleccionar los mejores juguetes y a ofrecer un trato cercano y personalizado. Su conocimiento experto garantiza que siempre encontrarás el regalo perfecto."
          subdescription="Como dicen nuestros clientes: \"Fer es un experto y es muy bueno aconsejándote en qué juguete comprar.\""
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/cute-young-children-learning-how-recycle_23-2148490319.jpg"
          imageAlt="friendly toy store owner advising child"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          tag="Nuestra Promesa"
          title="¿Por qué elegir Juguetes Fer?"
          description="Descubre la diferencia de una juguetería con alma y la dedicación de Fernando en cada juguete."
          features={[
            {
              title: "Gran variedad",              description: "Juguetes para todas las edades: bebés, Playmobil, juegos de mesa, coches, ¡y mucho más!",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-toy-wooden-car-near-wooden-track_181624-32455.jpg", imageAlt: "Shelves with diverse toy categories" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-girl_93675-132608.jpg", imageAlt: "Child playing happily with various toys" }
            },
            {
              title: "Atención personalizada",              description: "Fernando te asesora con experiencia para encontrar el regalo perfecto que haga sonreír.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mom-watching-son-while-playing_23-2148443216.jpg", imageAlt: "Toy store owner advising a customer" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-surprised-brother-sister-opening-gifts_23-2148321649.jpg", imageAlt: "Happy family with a new toy" }
            },
            {
              title: "Precios competitivos",              description: "Iguales o mejores que grandes plataformas online, con la cercanía y confianza de tu barrio.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tiny-gift-boxes-put-mini-cart-light-green-floor_1150-34335.jpg", imageAlt: "Price tags on various toys" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/excited-little-blonde-girl-putting-hand-face-holding-gift-box-isolated-pink-wall-with-copy-space_141793-108264.jpg", imageAlt: "Happy family shopping toys budget" }
            }
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Juguetes para todas las edades"
          description="Explora nuestra cuidada selección de clásicos y novedades para cada etapa de la infancia, fomentando la diversión y el aprendizaje."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={true}
          products={[
            { id: "prod-1", name: "Tren de Madera Clásico", price: "€34.99", imageSrc: "http://img.b2bpic.net/free-photo/barefoot-ice-queen-swing_329181-6532.jpg", imageAlt: "Classic wooden train set on floor" },
            { id: "prod-2", name: "Puzzle Educativo", price: "€19.99", imageSrc: "http://img.b2bpic.net/free-photo/pastel-watercolor-paint-boxes-workplace-artist_171337-10930.jpg", imageAlt: "Educational puzzle for toddlers animals" },
            { id: "prod-3", name: "Juego de Mesa Familiar", price: "€29.99", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-merry-go-round_23-2147830646.jpg", imageAlt: "Family board game" },
            { id: "prod-4", name: "Cuentos Mágicos", price: "€12.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-little-boy-blue-t-shirt-with-black-headphones-holding-black-guitar_179666-1352.jpg", imageAlt: "Stack of children's books" },
            { id: "prod-5", name: "Coche Teledirigido", price: "€49.99", imageSrc: "http://img.b2bpic.net/free-photo/little-child-painting-like-artist_23-2148178265.jpg", imageAlt: "Remote control car" },
            { id: "prod-6", name: "Kit de Plastilina Creativa", price: "€14.99", imageSrc: "http://img.b2bpic.net/free-photo/hand-tools_1048-2926.jpg", imageAlt: "Play-doh creative modeling clay kit" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="La confianza de nuestros clientes"
          description="Orgullosos de la experiencia que ofrecemos en Juguetes Fer, reflejada en cada valoración."
          metrics={[
            { id: "metric-1", icon: Star, title: "Valoración Perfecta", value: "5.0 / 5" },
            { id: "metric-2", icon: MessageSquareText, title: "Reseñas en Google", value: "+55" }
          ]}
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="La voz de nuestros clientes"
          description="Nos enorgullece compartir las experiencias de quienes ya confían en la magia de Juguetes Fer."
          testimonials={[
            { id: "test-1", title: "Un servicio inmejorable", quote: "Excelente juguetería, con gran variedad e increíble servicio. Siempre encuentro lo que busco y la atención es fantástica.", name: "Camila G.", role: "Cliente Satisfecha", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-holding-carton-bags-isolated-green-wall_141793-26036.jpg", imageAlt: "happy woman smiling with new toy" },
            { id: "test-2", title: "Fernando, un gran experto", quote: "El señor Fernando es una persona muy amable y dedicada a su trabajo. Siempre acierta con sus recomendaciones.", name: "Tenatic G.", role: "Cliente Habitual", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-florist-with-flower-photo-album-shop_23-2147882084.jpg", imageAlt: "kind man smiling in a shop setting" },
            { id: "test-3", title: "Tienda organizada y cercana", quote: "Sabía mucho de sus productos, tenía la tienda super bien organizada y era muy amable. ¡Una experiencia de compra genial!", name: "Yessy J.", role: "Nueva Clienta", imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-with-paper-bags_23-2147669707.jpg", imageAlt: "organized store happy customer" },
            { id: "test-4", title: "La juguetería de siempre", quote: "Una juguetería con encanto, de las de toda la vida. Mis hijos y yo siempre salimos con una sonrisa y el juguete perfecto.", name: "Ana R.", role: "Madre de Familia", imageSrc: "http://img.b2bpic.net/free-photo/excited-little-blonde-girl-holding-gift-box-isolated-pink-wall-with-copy-space_141793-108052.jpg", imageAlt: "happy child playing with new toy" },
            { id: "test-5", title: "Productos de calidad", quote: "Impresionada con la calidad de los juguetes y la pasión de Fernando. Se nota que cada producto está elegido con cariño.", name: "Pablo S.", role: "Abuelo Contentísimo", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-christmas-present-near-christmas-festive-balls_114579-80767.jpg", imageAlt: "smiling adult reviewing a product" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Visítanos"
          title="Encuéntranos en Madrid"
          description="Te esperamos en Juguetes Fer, en el corazón de Madrid. ¡La magia está a la vuelta de la esquina!"
          buttons={[
            { text: "Ver en Google Maps", href: "https://www.google.com/maps/search/C/+Juli%C3%A1n+Romea+2,+Bajo,+Madrid+(28003)" }
          ]}
          buttonAnimation="expand-hover"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Juguetes Fer"
          columns={[
            { items: [{ label: "Inicio", href: "#hero" }, { label: "Quiénes Somos", href: "#about" }, { label: "Juguetes", href: "#products" }] },
            { items: [{ label: "Reseñas", href: "#testimonials" }, { label: "Contacto", href: "#contact" }, { label: "Horario", href: "#contact" }] },
            { items: [{ label: "Política de Privacidad", href: "#" }, { label: "Aviso Legal", href: "#" }] }
          ]}
          logoSrc="http://img.b2bpic.net/free-photo/toy-train-with-letters_23-2148144858.jpg"
          logoAlt="juguetes fer logo playful children"
        />
      </div>
    </ThemeProvider>
  );
}
