"use client";

import type { ReactNode } from 'react';

import Navbar from '@/components/Navbar';
import Footer from '@/components/Footer';
import StickyMobileCTA from '@/components/StickyMobileCTA';
import CTASection from '@/components/CTASection';

import ProductHero from '@/components/product/ProductHero';
import CompatibilityTabs from '@/components/product/CompatibilityTabs';
import ProductShowcase from '@/components/product/ProductShowcase';
import TechnicalSpecs from '@/components/product/TechnicalSpecs';
import ProductAdvantages from '@/components/product/ProductAdvantages';
import ProductFAQ from '@/components/product/ProductFAQ';
import CoolRoofGuide from '@/components/product/CoolRoofGuide';
import RelatedProducts from '@/components/product/RelatedProducts';
import ApplicatorsSection from '@/components/ApplicatorsSection';

import { covathermFaqs } from '@/data/productFaqs';

// Assets
import heroImage from '@/assets/produits/covatherm-hero.webp';
import compatBitume from '@/assets/produits/compat-bitume.webp';
import compatBeton from '@/assets/produits/compat-beton.webp';
import compatEpdm from '@/assets/produits/compat-epdm.webp';
import compatFibrociment from '@/assets/produits/compat-fibrociment.webp';
import compatArdoise from '@/assets/produits/compat-ardoise.webp';
import compatPvc from '@/assets/produits/compat-pvc.webp';

// ─── Data ────────────────────────────────────────────────────────────────────

const compatibleRoofs = [
  {
    type: 'Membrane bitumineuse',
    detail: 'Toiture plate ou légèrement en pente, en bon état général. 80% de nos chantiers.',
    image: compatBitume.src,
  },
  {
    type: 'Béton / dalle béton',
    detail: 'Surface solide, non fissurée. Adhérence parfaite sur béton brut ou peint.',
    image: compatBeton.src,
  },
  {
    type: 'EPDM (caoutchouc)',
    detail: 'Membrane EPDM en bon état. Préparation de surface par notre technicien.',
    image: compatEpdm.src,
  },
  {
    type: 'Fibrociment',
    detail: 'Surface poreuse compatible, sans fibres apparentes. Bilan technique obligatoire.',
    image: compatFibrociment.src,
  },
  {
    type: 'Ardoise et tuile',
    detail: "Toits légèrement inclinés, jusqu'à 15° de pente.",
    image: compatArdoise.src,
  },
  {
    type: 'PVC et membrane synthétique',
    detail: "Toiture PVC en bon état. Test d'adhérence préalable.",
    image: compatPvc.src,
  },
];

/**
 * Réponses riches (avec liens internes) pour certaines questions de la FAQ.
 * Les textes bruts (utilisés aussi pour le JSON-LD côté serveur) vivent dans
 * src/data/productFaqs.ts — clé = intitulé exact de la question.
 */
const faqNodes: Record<string, ReactNode> = {
  'Une peinture cool roof est-elle étanche ?': (
    <>
      CovaTherm est un revêtement cool roof, pas un système d'étanchéité. Pour une toiture qui présente des microfissures ou des infiltrations, c'est{' '}
      <a href="/covaseal" className="text-primary font-semibold hover:underline">
        CovaSeal&nbsp;20, notre peinture cool roof étanche
      </a>
      , qui prend le relais en combinant effet cool roof et étanchéité liquide en une seule application. Un diagnostic technique gratuit permet d'arbitrer la solution la plus adaptée à l'état réel de votre toiture.
    </>
  ),
  'Peut-on appliquer une peinture cool roof soi-même ?': (
    <>
      Des peintures cool roof grand public existent en bricolage, mais la qualité de la pose conditionne directement la performance et la durée de vie du revêtement. Un primaire mal dosé, une couche trop fine ou une application par temps humide peuvent faire chuter la réflectivité de <strong>30 à 50 % en quelques mois</strong>. C'est aussi une question de sécurité : le travail en toiture impose des EPI, une formation et un matériel adapté. Covalba travaille uniquement avec un{' '}
      <a href="/devenir-applicateur" className="text-primary font-semibold hover:underline">
        réseau d'applicateurs certifiés
      </a>
      , formés à ses produits. C'est une condition de la garantie fabricant.
    </>
  ),
};

const faqsForRender = covathermFaqs.map(({ q, text }) => ({ q, a: faqNodes[q] ?? text }));

// ─── Page ────────────────────────────────────────────────────────────────────

const CovaTherm = () => {
  return (
    <div className="min-h-screen">
      <Navbar lightBg />

      <ProductHero
        tag="Peinture cool roof professionnelle"
        productName="CovaTherm"
        tagline="La peinture cool roof la plus durable du marché."
        description="La peinture blanche réfléchissante haute performance signée Covalba, pionnier français du cool roof depuis 2018. Résine polyuréthane, SRI 118, garantie 20 ans, pour les toitures industrielles et tertiaires les plus exigeantes."
        heroImage={heroImage.src}
        accentColor="#038d92"
        primaryCTA={{ label: 'Demander un devis', href: '/diagnostic' }}
        secondaryCTA={{ label: 'Télécharger la fiche technique', href: '#fiche-technique' }}
        inlineBadges={['SRI 119', '20 ans de garantie', 'Prime CEE éligible']}
        heroStats={[
          { value: '-10°C', label: 'Température intérieure' },
          { value: '40%', label: "d'économie d'énergie" },
          { value: '20 ans', label: 'de durabilité' },
        ]}
      />

      {/* Toggle CovaTherm 8 / 20 — inspiré Cool Roof France */}
      <ProductShowcase />

      {/* Compatibilité toiture — grille simple */}
      <CompatibilityTabs
        productName="CovaTherm"
        compatibleRoofs={compatibleRoofs}
        coverageNote="80% des toitures industrielles et tertiaires françaises sont en membrane bitumineuse."
        intro={
          <p>
            Une peinture cool roof ne tient que si elle adhère durablement au support. Chaque chantier démarre par un <strong className="text-foreground">diagnostic préalable</strong> confié à un <strong className="text-foreground">applicateur certifié Covalba</strong>.
          </p>
        }
        footerNote={
          <>
            Toiture en bac acier ? Voir notre{' '}
            <a href="/covametal" className="text-primary font-semibold hover:underline">
              peinture cool roof pour bac acier
            </a>{' '}
            dédiée, CovaMetal 20.
          </>
        }
      />

      {/* Tableau comparatif CovaTherm vs acrylique */}
      <TechnicalSpecs />

      {/* 6 avantages cool roof */}
      <ProductAdvantages />

      {/* FAQ spécifique CovaTherm */}
      <ProductFAQ productName="CovaTherm" faqs={faqsForRender} />

      {/* Guide pédagogique SEO "La peinture cool roof, en clair" — après la FAQ */}
      <CoolRoofGuide />

      {/* CTA finale */}
      <CTASection />

      {/* Autres produits */}
      <RelatedProducts currentProduct="CovaTherm" />

      {/* Réseau applicateurs */}
      <ApplicatorsSection />

      <Footer />
      <StickyMobileCTA />
    </div>
  );
};

export default CovaTherm;