"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import { CheckCircle } from "lucide-react";

const navItems = [
  { name: "Início", id: "hero" },
  { name: "Serviços", id: "services" },
  { name: "Antes & Depois", id: "gallery" },
  { name: "Avaliações", id: "testimonials" },
  { name: "Localização", id: "location" },
];

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sapatreiro Pro"
          navItems={navItems}
          button={{ text: "Ligar Agora", href: "tel:+5511999999999" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="SAPATREIRO PRO"
          description="Conserto profissional de sapatos, bolsas e couro em São Paulo. Mais de 25 anos restaurando seus calçados favoritos com qualidade e cuidado."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Ligar Agora", href: "tel:+5511999999999" },
            { text: "Peça um Orçamento", href: "#contact" },
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/talented-cobbler-is-working-pair-black-men-s-shoes-his-workshop_613910-3817.jpg"
          imageAlt="Artesão restaurando sapato com dedicação"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardTwo
          title="Confiança Conquistada"
          description="Números que refletem nossa dedicação ao atendimento de qualidade"
          metrics={[
            { id: "1", value: "25+", description: "Anos de Experiência" },
            { id: "2", value: "5000+", description: "Sapatos Restaurados" },
            { id: "3", value: "4.9★", description: "Avaliação no Google" },
            { id: "4", value: "100%", description: "Garantia de Serviço" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTen
          title="Nossos Serviços Profissionais"
          description="Oferecemos uma gama completa de serviços de reparo e restauração para todos os tipos de calçados e bolsas"
          tag="Serviços"
          features={[
            {
              id: "1",
              title: "Troca de Sola e Salto",
              description: "Restauramos a sola completa de seus sapatos usando materiais de alta qualidade. Solas de borracha durável, couro genuíno ou material sintético.",
              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-3330.jpg?_wi=1",
              },
              items: [
                { icon: CheckCircle, text: "Materiais premium" },
                { icon: CheckCircle, text: "Reparo rápido" },
                { icon: CheckCircle, text: "Preço justo" },
              ],
              reverse: false,
            },
            {
              id: "2",
              title: "Conserto de Bolsas de Couro",
              description: "Reparamos bolsas e carteiras danificadas. Consertamos zíperes, alças, costuras e restauramos o couro com técnicas artesanais.",
              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/fastening-buckle-briefcase_1098-13955.jpg?_wi=1",
              },
              items: [
                { icon: CheckCircle, text: "Restauração completa" },
                { icon: CheckCircle, text: "Técnica artesanal" },
                { icon: CheckCircle, text: "Couro original preservado" },
              ],
              reverse: true,
            },
            {
              id: "3",
              title: "Ajustes e Reformas",
              description: "Ajustamos o tamanho de seus sapatos, consertamos rasgos e realizamos reformas completas para que voltem a parecer novos.",
              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg?_wi=1",
              },
              items: [
                { icon: CheckCircle, text: "Ajuste de tamanho" },
                { icon: CheckCircle, text: "Reforma completa" },
                { icon: CheckCircle, text: "Trabalho garantido" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          title="Antes & Depois: Transformações Reais"
          description="Veja como transformamos sapatos danificados em peças restauradas com perfeição. Cada trabalho é um testemunho da nossa dedicação."
          products={[
            {
              id: "1",
              brand: "Transformação 1",
              name: "Sapato Social Restaurado",
              price: "A Partir de R$120",
              rating: 5,
              reviewCount: "125+",
              imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-3330.jpg?_wi=2",
              imageAlt: "Antes e depois de sapato social restaurado",
            },
            {
              id: "2",
              brand: "Transformação 2",
              name: "Bolsa de Couro Renovada",
              price: "A Partir de R$150",
              rating: 5,
              reviewCount: "98+",
              imageSrc: "http://img.b2bpic.net/free-photo/fastening-buckle-briefcase_1098-13955.jpg?_wi=2",
              imageAlt: "Antes e depois de bolsa de couro restaurada",
            },
            {
              id: "3",
              brand: "Transformação 3",
              name: "Bota de Couro Reforma",
              price: "A Partir de R$180",
              rating: 5,
              reviewCount: "156+",
              imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg?_wi=2",
              imageAlt: "Antes e depois de bota de couro reformada",
            },
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <div className="mx-auto px-4 md:px-6">
          <div className="max-w-6xl mx-auto">
            <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-start py-16 md:py-24">
              <div className="flex flex-col gap-8">
                <h2 className="text-4xl md:text-5xl lg:text-6xl font-semibold leading-tight text-foreground">
                  Por Que Escolher a Gente?
                </h2>
              </div>
              <div className="flex flex-col gap-8">
                <p className="text-lg md:text-xl text-foreground/80 leading-relaxed">
                  Temos mais de 25 anos de experiência em conserto e restauração de calçados e bolsas. Cada peça que passa por nossas mãos recebe atenção especializada e dedicação artesanal.
                </p>
                <p className="text-lg md:text-xl text-foreground/80 leading-relaxed">
                  Utilizamos apenas materiais de alta qualidade e técnicas tradicionais combinadas com inovação moderna. Nosso objetivo é que seus sapatos favoritos voltem a parecer novos.
                </p>
                <p className="text-lg md:text-xl text-foreground/80 leading-relaxed">
                  Oferecemos atendimento rápido, preços justos e garantia em todos os nossos trabalhos. Somos um negócio familiar focado em satisfação do cliente.
                </p>
                <div className="pt-4">
                  <a
                    href="tel:+5511999999999"
                    className="inline-flex items-center justify-center px-8 py-3 rounded-full bg-primary-cta text-primary-cta-text font-medium hover:opacity-90 transition-opacity"
                  >
                    Agende Agora
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="O Que Nossos Clientes Dizem"
          description="Avaliações reais de clientes satisfeitos que confiam em nosso trabalho há anos"
          testimonials={[
            {
              id: "1",
              name: "Maria Silva, Professora",
              date: "Date: 15 Dezembro 2024",
              title: "Excelente trabalho e muito honesto!",
              quote: "Levei meus sapatos preferidos que estavam com a sola gasta e o Sapatreiro Pro devolveu como novos. Muito satisfeita com o preço cobrado e principalmente com a qualidade.",
              tag: "Cliente Satisfeita",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
              avatarAlt: "Maria Silva",
              imageAlt: "Maria Silva",
            },
            {
              id: "2",
              name: "João Santos, Executivo",
              date: "Date: 10 Dezembro 2024",
              title: "Serviço profissional e rápido",
              quote: "Sempre levo meus sapatos de couro para a Sapatreiro Pro. Não confio em outro lugar. Trabalho impecável, atendimento atencioso e ainda me explicam cada passo do processo.",
              tag: "Cliente Regular",
              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
              avatarAlt: "João Santos",
              imageAlt: "João Santos",
            },
            {
              id: "3",
              name: "Ana Costa, Advogada",
              date: "Date: 05 Dezembro 2024",
              title: "Minha bolsa favorita foi salva!",
              quote: "Pensava que tinha perdido minha bolsa de couro italiana quando a corrente quebrou. Graças aos artesãos da Sapatreiro Pro, ela está como nova. Muito obrigada!",
              tag: "Cliente Feliz",
              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
              avatarAlt: "Ana Costa",
              imageAlt: "Ana Costa",
            },
            {
              id: "4",
              name: "Carlos Mendes, Empresário",
              date: "Date: 28 Novembro 2024",
              title: "Referência na região",
              quote: "Conheço a Sapatreiro Pro há mais de 10 anos. Qualidade consistente, honestidade nos preços e um atendimento que faz a diferença. Recomendo para todos os meus amigos.",
              tag: "Cliente Antigo",
              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
              avatarAlt: "Carlos Mendes",
              imageAlt: "Carlos Mendes",
            },
            {
              id: "5",
              name: "Patricia Oliveira, Executiva",
              date: "Date: 20 Novembro 2024",
              title: "Trabalho impecável em tempo recorde",
              quote: "Precisava de meus sapatos prontos em uma semana e a equipe entregou com a qualidade que sempre entregam. Muito comprometidos com o cliente.",
              tag: "Cliente Satisfeita",
              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
              avatarAlt: "Patricia Oliveira",
              imageAlt: "Patricia Oliveira",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Fale Conosco"
          title="Seu Sapato Favorito Merece Uma Segunda Vida"
          description="Entre em contato agora para solicitar um orçamento. Disponível para WhatsApp, ligações e agendamento de atendimento na loja."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Seu email"
          buttonText="Quero Orçamento"
          termsText="Enviaremos um orçamento detalhado em até 24 horas. Você também pode ligar: (11) 9999-9999"
        />
      </div>

      <footer id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="SAPATREIRO PRO"
          columns={[
            {
              items: [
                { label: "Início", href: "#hero" },
                { label: "Serviços", href: "#services" },
                { label: "Avaliações", href: "#testimonials" },
              ],
            },
            {
              items: [
                { label: "Localização", href: "#location" },
                { label: "Contato", href: "#contact" },
                { label: "Sobre Nós", href: "/sobre" },
              ],
            },
            {
              items: [
                { label: "Ligar", href: "tel:+5511999999999" },
                { label: "WhatsApp", href: "https://wa.me/5511999999999" },
                { label: "Email", href: "mailto:contato@sapatreiropro.com.br" },
              ],
            },
            {
              items: [
                { label: "Google Maps", href: "https://maps.google.com" },
                { label: "Política de Privacidade", href: "#" },
                { label: "Termos de Uso", href: "#" },
              ],
            },
          ]}
        />
      </footer>
    </ThemeProvider>
  );
}