"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Centro Automotivo União"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "Sobre", id: "#about" },
            { name: "Serviços", id: "#features" },
            { name: "Avaliações", id: "#testimonials" },
            { name: "Contato", id: "#contact" }
          ]}
          button={{
            text: "WhatsApp",            href: "https://wa.me/5574999999999"
          }}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ug2md6"
          logoAlt="automotive workshop logo union"
        />
      </div>
      <div id="hero" data-section="hero" className="min-h-[calc(100vh-var(--navbar-height))] md:min-h-[calc(80vh-var(--navbar-height))] lg:min-h-[calc(85vh-var(--navbar-height))]" >
        <HeroOverlayTestimonial
          title="Seu carro nas mãos de quem entende"
          description="Manutenção, diagnóstico e revisão em Juazeiro. Atendimento direto pelo WhatsApp, com orçamento antes de qualquer serviço."
          buttons={[
            { text: "Pedir orçamento no WhatsApp", href: "https://wa.me/5574999999999" }
          ]}
          testimonials={[
            { name: "João Silva", handle: "@joaosilva", testimonial: "Serviço impecável! Meu carro está novo de novo e o atendimento via WhatsApp é super prático. Recomendo a todos em Juazeiro.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1513.jpg", imageAlt: "brazilian man casual portrait" },
            { name: "Maria Souza", handle: "@mariasouza", testimonial: "Transparência total no orçamento e no serviço. Fui informada a cada passo e o preço foi justo. O melhor de Juazeiro!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", imageAlt: "brazilian woman professional photo" },
            { name: "Carlos Lima", handle: "@carloslima", testimonial: "Confiança é tudo, e aqui eu encontro! Anos levando meus carros e nunca tive problemas. Equipe de ponta.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg", imageAlt: "brazilian senior man friendly" },
            { name: "Ana Paula", handle: "@anapaula", testimonial: "Agilidade e eficiência, exatamente o que eu precisava. O orçamento via WhatsApp me poupou muito tempo. Cinco estrelas!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388775.jpg", imageAlt: "brazilian young woman cheerful" },
            { name: "Roberto Costa", handle: "@robertocosta", testimonial: "Fui muito bem atendido e orientado. É minha primeira vez aqui e já virei cliente. Super profissionalismo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-business-meeting_23-2148746263.jpg", imageAlt: "brazilian mechanic portrait" }
          ]}
          testimonialRotationInterval={5000}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1513.jpg", alt: "brazilian man casual portrait" },
            { src: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", alt: "brazilian woman professional photo" },
            { src: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg", alt: "brazilian senior man friendly" },
            { src: "http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388775.jpg", alt: "brazilian young woman cheerful" }
          ]}
          avatarText="Confiança de centenas de clientes satisfeitos"
          imageSrc="http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg"
          imageAlt="mechanic working on car engine"
          showBlur={true}
          textPosition="bottom"
          ariaLabel="Seu carro nas mãos de quem entende"
        />
      </div>
      <div id="about" data-section="about" >
        <InlineImageSplitTextAbout
          heading={[{ type: "text", content: "Excelência e Confiança em Manutenção Automotiva em Juazeiro" }]}
          buttons={[
            { text: "Conheça Nossos Valores", href: "#features" }
          ]}
          image={{
            src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg",            alt: "clean automotive workshop interior"
          }}
          useInvertedBackground={true}
          ariaLabel="Sobre o Centro Automotivo União"
        />
      </div>
      <div id="features" data-section="features" >
        <FeatureCardTwentyThree
          title="Nossos Serviços Completos"
          description="Oferecemos uma gama completa de serviços para garantir a segurança e performance do seu veículo, sempre com a qualidade e confiança que você merece."
          features={[
            { id: "servico-1", title: "Troca de Óleo e Filtros", tags: ["Manutenção Essencial"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg", imageAlt: "mechanic changing car oil filter" },
            { id: "servico-2", title: "Revisão de Freios", tags: ["Sua Segurança"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11844.jpg", imageAlt: "mechanic inspecting car brakes" },
            { id: "servico-3", title: "Alinhamento e Balanceamento", tags: ["Desempenho Otimizado"], imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370168.jpg", imageAlt: "car wheel alignment machine" },
            { id: "servico-4", title: "Diagnóstico Computadorizado", tags: ["Tecnologia Precisa"], imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg", imageAlt: "mechanic working on car engine" },
            { id: "servico-5", title: "Manutenção Preventiva", tags: ["Evite Problemas"], imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg", imageAlt: "clean automotive workshop interior" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Serviços Oferecidos"
        />
      </div>
      <div id="metrics" data-section="metrics" >
        <MetricCardSeven
          title="Nossa Experiência em Números"
          description="Anos de dedicação e milhares de clientes satisfeitos atestam a qualidade do nosso trabalho e o compromisso com a excelência automotiva em Juazeiro."
          metrics={[
            { id: "metric-1", value: "15+", title: "Anos de Experiência", items: ["Expertise comprovada no mercado automotivo", "Equipe técnica altamente qualificada", "Constante atualização em novas tecnologias"] },
            { id: "metric-2", value: "2.5K+", title: "Clientes Satisfeitos", items: ["Relacionamento de confiança com a comunidade", "Feedback positivo e recorrente dos clientes", "Prioridade na satisfação e bom atendimento"] },
            { id: "metric-3", value: "5K+", title: "Veículos Atendidos", items: ["Milhares de carros revisados e em perfeitas condições", "Experiência com diversas marcas e modelos", "Foco na segurança e desempenho de cada veículo"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Nossos Números de Sucesso"
        />
      </div>
      <div id="testimonials" data-section="testimonials" >
        <TestimonialCardTen
          title="O que Nossos Clientes Dizem"
          description="A satisfação de quem confia no Centro Automotivo União é a nossa maior recompensa. Veja o que nossos clientes em Juazeiro têm a dizer sobre nosso trabalho."
          testimonials={[
            { id: "client-1", title: "Qualidade Inquestionável", quote: "O Centro Automotivo União superou minhas expectativas! Meu carro ficou perfeito e o atendimento foi exemplar. A melhor oficina em Juazeiro.", name: "Lucas Fernandes", role: "Engenheiro", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg", imageAlt: "happy customer at car workshop" },
            { id: "client-2", title: "Transparência Total", quote: "Adorei a clareza no orçamento e a comunicação constante via WhatsApp. Me senti segura e bem informada durante todo o processo. Recomendo muito!", name: "Beatriz Guedes", role: "Professora", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440264.jpg", imageAlt: "woman smiling at automotive shop" },
            { id: "client-3", title: "Atendimento de Primeira", quote: "Sempre confiei meus veículos ao União e nunca me decepcionei. A equipe é muito profissional e sempre resolve os problemas com rapidez e eficiência.", name: "Ricardo Almeida", role: "Empresário", imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg", imageAlt: "senior man trusting mechanic" },
            { id: "client-4", title: "Eficiência e Praticidade", quote: "Para quem tem a vida corrida como eu, o serviço de agendamento e orçamento pelo WhatsApp é um diferencial enorme. Extremamente prático e eficaz.", name: "Juliana Castro", role: "Advogada", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-desk_23-2149097926.jpg", imageAlt: "young professional car owner" },
            { id: "client-5", title: "Confiança Garantida", quote: "Era minha primeira vez em Juazeiro e precisava de um mecânico de confiança. Encontrei no União o que buscava: honestidade e um serviço de alta qualidade.", name: "Gabriel Santos", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-female-car-mechanic-repair-shop_637285-7764.jpg", imageAlt: "first-time customer happy car service" },
            { id: "client-6", title: "Serviço Local de Excelência", quote: "É muito bom ter um centro automotivo tão competente e confiável aqui em Juazeiro. Eles realmente se importam com o cliente e com o carro.", name: "Patrícia Ribeiro", role: "Comerciante", imageSrc: "http://img.b2bpic.net/free-photo/african-american-guy-looking-blonde-client-holding-tablet_74855-8793.jpg", imageAlt: "local resident satisfied car repair" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Depoimentos de Clientes"
        />
      </div>
      <div id="faq" data-section="faq" >
        <FaqBase
          title="Perguntas Frequentes"
          description="Tire suas dúvidas rapidamente sobre nossos serviços, agendamento e formas de pagamento. Se não encontrar o que procura, entre em contato!"
          faqs={[
            { id: "faq-1", title: "Como faço para pedir um orçamento?", content: "Você pode solicitar seu orçamento diretamente pelo nosso WhatsApp, clicando no botão 'Pedir orçamento no WhatsApp'. Basta enviar uma mensagem descrevendo o serviço necessário e a equipe responderá em breve." },
            { id: "faq-2", title: "Quais são as formas de pagamento?", content: "Aceitamos diversas formas de pagamento para sua comodidade, incluindo cartões de crédito (parcelamento disponível), débito, PIX e dinheiro." },
            { id: "faq-3", title: "Vocês trabalham com todas as marcas de veículos?", content: "Sim, nossa equipe é capacitada e possui ferramentas para realizar a manutenção e reparos em veículos de diversas marcas e modelos, nacionais e importados." },
            { id: "faq-4", title: "Preciso agendar para ser atendido?", content: "Recomendamos o agendamento prévio, especialmente para revisões ou serviços mais complexos, para garantir um atendimento mais rápido e eficiente. Para isso, entre em contato via WhatsApp." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Perguntas Frequentes sobre Serviços Automotivos"
        />
      </div>
      <div id="contact" data-section="contact" >
        <ContactSplitForm
          title="Pronto para um Orçamento Personalizado?"
          description="Preencha o formulário abaixo e receba seu orçamento direto no WhatsApp, sem compromisso e sem burocracia. Estamos prontos para cuidar do seu carro!"
          inputs={[
            { name: "name", type: "text", placeholder: "Seu Nome Completo", required: true },
            { name: "whatsapp", type: "tel", placeholder: "Seu WhatsApp (com DDD)", required: true },
            { name: "carModel", type: "text", placeholder: "Modelo e Ano do Veículo", required: false }
          ]}
          textarea={{
            name: "serviceDescription",            placeholder: "Descreva o serviço que você precisa (ex: troca de freios, revisão geral)",            rows: 4,
            required: true
          }}
          imageSrc="http://img.b2bpic.net/free-photo/speech-bubble-contacts-communication-connection_53876-120176.jpg"
          imageAlt="smartphone with whatsapp chat"
          mediaAnimation="opacity"
          mediaPosition="left"
          buttonText="Enviar Orçamento via WhatsApp"
          useInvertedBackground={false}
          ariaLabel="Formulário de Contato para Orçamento"
        />
      </div>
      <div id="footer" data-section="footer" >
        <FooterBaseReveal
          logoText="Centro Automotivo União"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ug2md6"
          logoAlt="automotive workshop logo union"
          columns={[
            { title: "Serviços", items: [{ label: "Troca de Óleo", href: "#features" }, { label: "Revisão de Freios", href: "#features" }, { label: "Alinhamento", href: "#features" }, { label: "Diagnóstico", href: "#features" }] },
            { title: "Empresa", items: [{ label: "Sobre Nós", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contato", href: "#contact" }] },
            { title: "Legal", items: [{ label: "Política de Privacidade", href: "#" }, { label: "Termos de Serviço", href: "#" }] }
          ]}
          copyrightText="© 2024 Centro Automotivo União. Todos os direitos reservados."
          ariaLabel="Rodapé do site Centro Automotivo União"
        />
      </div>
    </ThemeProvider>
  );
}