"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, Facebook, MessageCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Lanchonete Delícia"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Sobre", id: "about" },
            { name: "Especiais", id: "specials" },
            { name: "Contato", id: "contact" }
          ]}
          button={{ text: "Fazer Pedido", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Bem-vindo à Lanchonete Delícia"
          description="Descubra lanches artesanais feitos com ingredientes frescos e selecionados. Do burger clássico ao wrap inovador, cada refeição é preparada com paixão."
          tag="Aberto todos os dias"
          tagAnimation="slide-up"
          background="radial-gradient"
          buttons={[
            { text: "Ver Menu", href: "#menu" },
            { text: "Fazer Pedido Agora", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            { id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-vegetables-platecloseup-eco-healthy-vegetables-plate-summer-picnic-veggies-salad-tomatoes-red-pepper-cucumbers_132075-13619.jpg" },
            { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg" },
            { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/chicken-sandwich_1203-3597.jpg" },
            { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fried-eggplant-rolls-with-garlic-cream-cheese-tomato_140725-11797.jpg" },
            { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/waitress-giving-menus-customers-bar_23-2147874469.jpg" },
            { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-vegetables-platecloseup-eco-healthy-vegetables-plate-summer-picnic-veggies-salad-tomatoes-red-pepper-cucumbers_132075-13619.jpg" }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          ariaLabel="Hero section with carousel of lanchonete dishes"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="A Nossa História"
          description="Desde 2010, a Lanchonete Delícia tem sido o destino favorito para quem busca sabor autêntico e atendimento acolhedor. Começamos como um pequeno quiosque e crescemos para um estabelecimento completo, mantendo sempre a qualidade e o carinho em cada lanche. Nossa missão é simples: fazer a melhor lanchonete da região com ingredientes premium e receitas exclusivas."
          tag="Desde 2010"
          tagAnimation="blur-reveal"
          buttons={[{ text: "Saiba Mais", href: "#features" }]}
          buttonAnimation="opacity"
          imageSrc="http://img.b2bpic.net/free-photo/waitress-giving-menus-customers-bar_23-2147874469.jpg"
          imageAlt="Interior acolhedor da Lanchonete Delícia"
          useInvertedBackground={false}
          ariaLabel="About section"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Nosso Menu Especial"
          description="Cada lanche é cuidadosamente preparado com ingredientes frescos e de qualidade premium. Escolha entre nossos clássicos e especialidades exclusivas."
          tag="Mais Vendidos"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "burger-premium",              name: "Burger Premium",              price: "R$ 28,90",              variant: "Duplo queijo, bacon e alface",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",              imageAlt: "Burger Premium - Duplo queijo e bacon"
            },
            {
              id: "sandwich-gourmet",              name: "Sandwich Gourmet",              price: "R$ 24,90",              variant: "Peito de frango, tomate e maionese caseira",              imageSrc: "http://img.b2bpic.net/free-photo/chicken-sandwich_1203-3597.jpg",              imageAlt: "Sandwich Gourmet - Frango e maionese"
            },
            {
              id: "wrap-vegano",              name: "Wrap Vegano",              price: "R$ 22,90",              variant: "Vegetais frescos, grão de bico e tahine",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fried-eggplant-rolls-with-garlic-cream-cheese-tomato_140725-11797.jpg",              imageAlt: "Wrap Vegano - Ingredientes frescos"
            }
          ]}
          buttons={[{ text: "Encomendar", href: "#contact" }]}
          buttonAnimation="slide-up"
          ariaLabel="Menu section with featured products"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Por Que Escolher a Lanchonete Delícia"
          description="Oferecemos a melhor experiência em cada detalhe, desde a qualidade dos ingredientes até o atendimento excepcional."
          tag="Diferencial"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          features={[
            {
              id: "feature-1",              title: "Entrega Rápida",              author: "Serviço Premium",              description: "Receba seu pedido em até 30 minutos, quente e fresquinho, diretamente na sua casa.",              tags: ["rápido", "confiável"],
              imageSrc: "http://img.b2bpic.net/free-vector/flat-delivery-boy-bike-background_23-2148157439.jpg",              imageAlt: "Serviço de entrega rápida"
            },
            {
              id: "feature-2",              title: "Ingredientes Premium",              author: "Qualidade Garantida",              description: "Selecionamos apenas os melhores fornecedores para garantir frescor e sabor em cada lanche.",              tags: ["fresco", "qualidade"],
              imageSrc: "http://img.b2bpic.net/free-vector/premium-quality-product-golden-label-design_1017-12393.jpg",              imageAlt: "Ingredientes frescos e de qualidade"
            },
            {
              id: "feature-3",              title: "Atendimento Amigável",              author: "Sempre Disponível",              description: "Nossa equipe está sempre pronta para ajudar com sugestões e garantir sua satisfação total.",              tags: ["atencioso", "dedicado"],
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-colleagues-standing-office-pointing-towards-camera_1098-20267.jpg",              imageAlt: "Equipe de atendimento prestativa"
            }
          ]}
          buttons={[{ text: "Conheça Mais", href: "#testimonials" }]}
          buttonAnimation="slide-up"
          ariaLabel="Features section highlighting benefits"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="O Que Nossos Clientes Dizem"
          description="Milhares de clientes satisfeitos já provaram nossos deliciosos lanches. Veja o que eles têm a dizer sobre a Lanchonete Delícia."
          tag="Avaliações"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          showRating={true}
          testimonials={[
            {
              id: "testimonial-1",              name: "Carolina Silva",              handle: "@carolsilva",              testimonial: "Os lanches são simplesmente incríveis! A qualidade é excelente e a entrega rápida. Com certeza vou encomendar novamente.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-chocolate-heart_1163-89.jpg",              imageAlt: "Carolina Silva"
            },
            {
              id: "testimonial-2",              name: "João Santos",              handle: "@joaosantos",              testimonial: "Melhor lanchonete da região! O burger é perfeito, e o atendimento é muito atencioso. Recomendo para todos!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg",              imageAlt: "João Santos"
            },
            {
              id: "testimonial-3",              name: "Marina Costa",              handle: "@marinacosta",              testimonial: "Adorei o wrap vegano! Saudável, saboroso e feito com ingredientes fresquíssimos. Vira meu pedido padrão!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",              imageAlt: "Marina Costa"
            },
            {
              id: "testimonial-4",              name: "Paulo Oliveira",              handle: "@paulooliveira",              testimonial: "Toda vez que peço, fico surpreso com a qualidade e o sabor. É realmente a melhor opção para um lanche rápido e bom!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Paulo Oliveira"
            }
          ]}
          buttons={[{ text: "Deixe Sua Avaliação", href: "#contact" }]}
          buttonAnimation="slide-up"
          ariaLabel="Testimonials section with customer reviews"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Faça Seu Pedido Agora"
          description="Preencha o formulário abaixo e entraremos em contato para confirmar seu pedido. Ou ligue direto para (11) 98765-4321."
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/delicious-fresh-vegetables-platecloseup-eco-healthy-vegetables-plate-summer-picnic-veggies-salad-tomatoes-red-pepper-cucumbers_132075-13619.jpg"
          imageAlt="Delicioso burger e bebida"
          mediaAnimation="opacity"
          mediaPosition="right"
          buttonText="Enviar Pedido"
          inputs={[
            { name: "name", type: "text", placeholder: "Seu nome completo", required: true },
            { name: "phone", type: "tel", placeholder: "Seu telefone/WhatsApp", required: true },
            { name: "address", type: "text", placeholder: "Endereço de entrega", required: true },
            { name: "email", type: "email", placeholder: "Seu email (opcional)", required: false }
          ]}
          textarea={{ name: "order", placeholder: "Descreva seu pedido aqui...", rows: 4, required: true }}
          ariaLabel="Contact form for placing orders"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Lanchonete Delícia"
          copyrightText="© 2025 | Lanchonete Delícia - Todos os direitos reservados"
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: MessageCircle, href: "https://whatsapp.com", ariaLabel: "WhatsApp" }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}