"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
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: "/" },
  { name: "Serviços", id: "/servicos" },
  { name: "Antes & Depois", id: "#gallery" },
  { name: "Avaliações", id: "#testimonials" },
  { name: "Localização", id: "#location" },
];

export default function ServicesPage() {
  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="services-detail" data-section="services-detail">
        <FeatureCardTen
          title="Nossos Serviços Detalhados"
          description="Conheça todos os serviços profissionais que oferecemos para restaurar seus calçados e acessórios de couro com perfeição"
          tag="Serviços Completos"
          features={[
            {
              id: "1",
              title: "Troca de Sola e Salto",
              description: "Serviço completo de troca de sola que devolve a vida a seus sapatos favoritos. Utilizamos materiais de primeira qualidade que garantem durabilidade e conforto.",
              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg",
              },
              items: [
                { icon: CheckCircle, text: "Materiais de primeira qualidade" },
                { icon: CheckCircle, text: "Trabalho rápido e garantido" },
                { icon: CheckCircle, text: "Diversos tipos de sola" },
              ],
              reverse: false,
            },
            {
              id: "2",
              title: "Conserto de Bolsas e Carteiras",
              description: "Restauração completa de bolsas de couro danificadas. Nossos artesãos especializados consertam zíperes, costuras, alças e devolvem o brilho original ao couro.",
              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/fastening-buckle-briefcase_1098-13955.jpg",
              },
              items: [
                { icon: CheckCircle, text: "Técnicas artesanais tradicionais" },
                { icon: CheckCircle, text: "Couro original preservado" },
                { icon: CheckCircle, text: "Atendimento personalizado" },
              ],
              reverse: true,
            },
            {
              id: "3",
              title: "Ajustes de Tamanho e Reforma Completa",
              description: "Ajustamos o tamanho de seus sapatos para o conforto perfeito e realizamos reformas completas que podem incluir reforços internos e externos.",
              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-3330.jpg",
              },
              items: [
                { icon: CheckCircle, text: "Ajuste profissional de tamanho" },
                { icon: CheckCircle, text: "Reforma total ou parcial" },
                { icon: CheckCircle, text: "Garantia de satisfação" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services-about" data-section="services-about">
        <TextSplitAbout
          title="Por Que Somos Os Melhores"
          description={[
            "Com mais de 25 anos no mercado, desenvolvemos expertise em cada tipo de material e problema que seus calçados possam ter.",
            "Usamos apenas materiais importados de qualidade certificada e seguimos protocolos rigorosos de qualidade em cada etapa do processo.",
            "Nossos artesãos são altamente treinados e apaixonados pelo que fazem. Cada sapato recebe atenção individual e cuidado personalizado.",
          ]}
          buttons={[{ text: "Solicitar Orçamento", href: "tel:+5511999999999" }]}
          showBorder={true}
          useInvertedBackground={true}
        />
      </div>

      <div id="services-contact" data-section="services-contact">
        <ContactCenter
          tag="Agende Seu Serviço"
          title="Pronto Para Restaurar Seus Sapatos?"
          description="Entre em contato conosco para discutir suas necessidades de reparo. Oferecemos orçamento gratuito e prazo rápido de entrega."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Seu email"
          buttonText="Solicitar Orçamento"
          termsText="Você receberá uma resposta em até 24 horas com um orçamento personalizado para seu serviço."
        />
      </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>
  );
}