"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { AlertCircle, Award, CheckCircle, Clock, DollarSign, Droplet, Hammer, MapPin, Phone, Smile, Star, Users, Wrench, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="fluid"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Expert Canalizações"
          navItems={[
            { name: "Serviços", id: "services" },
            { name: "Porquê Nós", id: "why-us" },
            { name: "Avaliações", id: "testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          bottomLeftText="24 Horas | Sacavém, Loures"
          bottomRightText="926 846 453"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Canalizador 24h em Sacavém – Resposta Rápida em Minutos"
          description="Desentupimentos urgentes, deteção e reparação de fugas de água, reparações gerais de canalização. Atendimento imediato, profissional e de confiança."
          background={{ variant: "radial-gradient" }}
          tag="Urgência Resolvida"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "📞 Ligar Agora", href: "tel:926846453" },
            { text: "📝 Pedir Orçamento Grátis", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg?_wi=1"
          imageAlt="Canalizador profissional Expert Canalizações"
          mediaAnimation="slide-up"
          ariaLabel="Hero section Expert Canalizações"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTen
          title="Serviços de Canalização de Qualidade"
          description="Especializados em soluções rápidas e eficazes para todos os problemas de canalização. Atendimento urgente com garantia de qualidade."
          tag="Soluções Completas"
          tagIcon={Wrench}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Contactar Agora", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: "unclog",              title: "Desentupimentos Urgentes",              description: "Resolução rápida de entupimentos em pias, sanitas e tubagens. Equipamento moderno e técnicos especializados.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",                imageAlt: "Serviço de desentupimento"
              },
              items: [
                { icon: Zap, text: "Resposta rápida" },
                { icon: CheckCircle, text: "Equipamento profissional" },
                { icon: Smile, text: "Garantia satisfação" }
              ],
              reverse: false
            },
            {
              id: "leaks",              title: "Deteção e Reparação de Fugas",              description: "Deteção precisa de fugas com tecnologia avançada. Reparação imediata para evitar danos maiores e economizar água.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-kitchen-rack-with-pull-out-faucet-sprayer-rinsing-drainer_169016-69667.jpg",                imageAlt: "Serviço de deteção de fugas"
              },
              items: [
                { icon: Droplet, text: "Deteção precisa" },
                { icon: AlertCircle, text: "Prevenção de danos" },
                { icon: DollarSign, text: "Economia de água" }
              ],
              reverse: true
            },
            {
              id: "repairs",              title: "Reparações Gerais de Canalização",              description: "Desde pequenos ajustes até obras maiores. Técnicos qualificados com ampla experiência em sistemas de canalização.",              media: {
                imageSrc: "http://img.b2bpic.net/free-psd/modern-bathroom-suite-elegant-toilet-bidet-design-clean-simple-white-fixtures_191095-90409.jpg",                imageAlt: "Serviço de reparação geral"
              },
              items: [
                { icon: Hammer, text: "Reparação completa" },
                { icon: Users, text: "Técnicos experientes" },
                { icon: Hammer, text: "Trabalho garantido" }
              ],
              reverse: false
            },
            {
              id: "emergency24h",              title: "Serviço 24 Horas de Urgência",              description: "Disponível dia e noite, fins de semana e feriados. Porque as emergências não marcam hora, nós também não.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg",                imageAlt: "Serviço 24 horas de emergência"
              },
              items: [
                { icon: Clock, text: "Disponível sempre" },
                { icon: MapPin, text: "Proximidade Sacavém" },
                { icon: Phone, text: "Contacto direto" }
              ],
              reverse: true
            }
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardThree
          title="Porquê Escolher a Expert Canalizações"
          description="Somos referência em serviços de canalização com excelente reputação e clientes satisfeitos em toda a região."
          tag="Confiança Comprovada"
          tagIcon={Award}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Ligar Agora", href: "tel:926846453" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            { id: "speed", icon: Zap, title: "Resposta Rápida", value: "< 30 min" },
            { id: "availability", icon: Clock, title: "Disponível 24h", value: "Sempre" },
            { id: "satisfaction", icon: Smile, title: "Satisfação Garantida", value: "4,8/5" },
            { id: "experience", icon: Award, title: "Experiência", value: "+15 anos" }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Confiado por Clientes em Toda a Região"
          description="Empresas e famílias em Sacavém, Loures e arredores confiam nos nossos serviços de canalização."
          tag="Prova Social"
          tagIcon={Users}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Juntar-se aos Nossos Clientes", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Condomínios Sacavém",            "Empresas Loures",            "Restaurantes Região",            "Hotéis Proximidade",            "Escolas Locais",            "Prédios Comerciais",            "Habitações Privadas",            "Instituições Públicas"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="O Que Dizem os Nossos Clientes"
          description="Avaliações reais de clientes satisfeitos com os nossos serviços de canalização de emergência."
          tag="Avaliações Reais"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Pedir Ajuda Agora", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          testimonials={[
            { id: "1", name: "João Silva", role: "Proprietário", company: "Sacavém", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
            { id: "2", name: "Maria Santos", role: "Administradora", company: "Condomínio Loures", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-smiling-holding-hands_23-2147744903.jpg" },
            { id: "3", name: "Pedro Oliveira", role: "Gestor", company: "Empresa Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ygedjg" },
            { id: "4", name: "Ana Costa", role: "Proprietária", company: "Casa Particular", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9b14n5" },
            { id: "5", name: "Carlos Mendes", role: "Responsável Manutenção", company: "Edifício Comercial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3633.jpg" },
            { id: "6", name: "Fernanda Martins", role: "Dona de Casa", company: "Sacavém", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg" }
          ]}
          kpiItems={[
            { value: "4.8", label: "Avaliação Média" },
            { value: "22+", label: "Clientes Satisfeitos" },
            { value: "24h", label: "Disponibilidade" }
          ]}
        />
      </div>

      <div id="urgency" data-section="urgency">
        <MetricSplitMediaAbout
          title="Tem uma Fuga ou Entupimento Agora?"
          description="Não espere mais. As fugas e entupimentos podem causar danos sérios à sua casa ou negócio. Ligue-nos agora e resolva o seu problema em minutos."
          tag="Urgência"
          tagIcon={AlertCircle}
          tagAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg?_wi=2"
          imageAlt="Contacto de urgência"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          metrics={[
            { value: "926 846 453", title: "Ligar Agora" },
            { value: "24/7", title: "Disponível" },
            { value: "Sacavém", title: "Localização" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Pedir Orçamento Grátis"
          description="Preencha o formulário e receba uma resposta no prazo máximo de 1 hora. Sem compromisso."
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg?_wi=3"
          imageAlt="Contacto Expert Canalizações"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Seu Nome Completo", required: true },
            { name: "phone", type: "tel", placeholder: "Seu Telefone", required: true },
            { name: "problem", type: "text", placeholder: "Descrição do Problema", required: true },
            { name: "location", type: "text", placeholder: "Localização (Sacavém, Loures, etc)", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Informações Adicionais (opcional)", rows: 4 }}
          buttonText="Pedir Ajuda Imediata"
          ariaLabel="Contact form Expert Canalizações"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Expert Canalizações"
          columns={[
            {
              items: [
                { label: "Contacto", href: "tel:926846453" },
                { label: "Email", href: "mailto:info@expertcanalizacoes.pt" },
                { label: "Morada", href: "#" },
                { label: "Horário: 24 Horas", href: "#" }
              ]
            },
            {
              items: [
                { label: "Serviços", href: "#services" },
                { label: "Porquê Nós", href: "#why-us" },
                { label: "Avaliações", href: "#testimonials" },
                { label: "Contacto", href: "#contact" }
              ]
            },
            {
              items: [
                { label: "Política Privacidade", href: "#" },
                { label: "Termos Serviço", href: "#" },
                { label: "Cookies", href: "#" },
                { label: "Sobre Nós", href: "#" }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}