"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Clock, History, Heart, UtensilsCrossed, Star, Zap, Phone, MessageCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Acalanto Lanchonete"
          navItems={[
            { name: "Cardápio", id: "menu" },
            { name: "Sobre", id: "about" },
            { name: "Avaliações", id: "testimonials" },
            { name: "Contato", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="O sabor autêntico da Acalanto 🍔"
          description="Sua lanchonete de confiança em Juazeiro do Norte. Oferecemos lanches artesanais, salgados frescos e aquele sabor que só a nossa tradição traz para sua família."
          tag="Lanchonete Tradicional"
          tagIcon={Clock}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "☎️ Ligar Agora", href: "tel:+5588999999999" },
            { text: "💬 WhatsApp", href: "https://wa.me/5588999999999?text=Olá,%20gostaria%20de%20fazer%20um%20pedido" }
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Maria Silva",              handle: "@cliente_satisfeita",              testimonial: "Os melhores lanches da cidade! Tudo sempre muito fresco e bem feito.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg?_wi=1",              imageAlt: "Maria Silva"
            },
            {
              name: "João Santos",              handle: "@joao_cliente",              testimonial: "Lanchonete nota 10. Atendimento rápido e preço excelente.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-3110.jpg?_wi=1",              imageAlt: "João Santos"
            }
          ]}
          testimonialRotationInterval={5000}
          imageSrc="http://img.b2bpic.net/free-photo/chicken-burger-wooden-board-side-view_141793-2340.jpg?_wi=1"
          imageAlt="Lanche artesanal da Acalanto"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Nossa História"
          tagIcon={History}
          tagAnimation="slide-up"
          title="Acalanto: Tradição em servir bem"
          description="Muito mais que uma lanchonete, a Acalanto é um ponto de encontro. Desde o início, focamos em qualidade, higiene e um atendimento que faz você se sentir em casa, seja para o lanche da tarde ou para a fome da noite."
          subdescription="Ingredientes selecionados, preparo artesanal e muito carinho em cada detalhe. Venha nos visitar em Juazeiro do Norte!"
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173271.jpg"
          imageAlt="Ambiente da Acalanto"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Nosso Cardápio"
          description="Explore nossas delícias artesanais feitas na hora para você."
          tag="Cardápio"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          buttons={[
            { text: "Ver Cardápio", href: "https://wa.me/5588999999999?text=Olá,%20gostaria%20de%20ver%20o%20cardápio" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          gridVariant="asymmetric-60-wide-40-narrow"
          animationType="blur-reveal"
          useInvertedBackground={false}
          products={[
            {
              id: "x-tudo",              name: "X-Tudo Especial",              price: "R$ 25,00",              imageSrc: "http://img.b2bpic.net/free-photo/chicken-burger-wooden-board-side-view_141793-2340.jpg?_wi=2",              imageAlt: "X-Tudo"
            },
            {
              id: "coxinha",              name: "Kit Coxinha Artesanal",              price: "R$ 15,00",              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-wings-wooden-table_141793-2415.jpg",              imageAlt: "Coxinha"
            },
            {
              id: "suco",              name: "Sucos Naturais",              price: "R$ 8,00",              imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-table_140725-6800.jpg",              imageAlt: "Suco"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Acalanto em Números"
          description="Nossa trajetória é feita de confiança e clientes felizes em toda a região."
          tag="Qualidade"
          tagIcon={Star}
          tagAnimation="slide-up"
          names={[
            "+10 anos de tradição",            "+5.000 clientes satisfeitos",            "Salgados sempre frescos",            "Delivery rápido",            "Atendimento familiar"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Como aproveitar a Acalanto"
          description="Escolha a melhor forma de se deliciar com nossos produtos."
          tag="Serviços"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Pedir Delivery", href: "https://wa.me/5588999999999?text=Gostaria%20de%20pedir%20um%20delivery" }
          ]}
          buttonAnimation="slide-up"
          accordionItems={[
            {
              id: "dine-in",              title: "🍽️ No Local",              content: "Ambiente confortável e familiar. Venha saborear seu lanche no aconchego da nossa lanchonete."
            },
            {
              id: "takeout",              title: "📦 Para Retirar",              content: "Faça seu pedido e passe aqui para buscar. Rápido e prático para o seu dia a dia."
            },
            {
              id: "delivery",              title: "🏍️ Entrega em Casa",              content: "Sua fome não espera! Entregamos seus lanches quentinhos em toda Juazeiro do Norte."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/people-eating-together-outdoors_23-2148782352.jpg"
          imageAlt="Cliente saboreando lanche"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="O que dizem os clientes"
          description="Confira o que as famílias e amigos de Juazeiro do Norte dizem sobre a Acalanto."
          tag="Feedback"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Ana Paula",              role: "Cliente",              company: "Juazeiro do Norte",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg?_wi=2",              imageAlt: "Ana Paula"
            },
            {
              id: "2",              name: "Carlos",              role: "Cliente",              company: "Juazeiro do Norte",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-3110.jpg?_wi=2",              imageAlt: "Carlos"
            },
            {
              id: "3",              name: "Beatriz",              role: "Cliente",              company: "Juazeiro do Norte",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/family-cooks-together-kitchen_1157-25235.jpg?_wi=2",              imageAlt: "Beatriz"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Contato"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ficou com água na boca?"
          description="Peça agora mesmo através dos nossos canais de atendimento oficial. Estamos prontos para atender você!"
          buttons={[
            { text: "☎️ Ligar", href: "tel:+5588999999999" },
            { text: "💬 WhatsApp", href: "https://wa.me/5588999999999" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Acalanto Lanchonete"
          leftLink={{
            text: "📍 Rua Principal, 123 - Juazeiro do Norte",            href: "https://maps.google.com"
          }}
          rightLink={{
            text: "☎️ (88) 99999-9999",            href: "tel:+5588999999999"
          }}
        />
      </div>
    </ThemeProvider>
  );
}