import { useState, useEffect, useRef } from "react"; const gold = "#d4a017"; const navy = "#1a3a6b"; const blue = "#2257a8"; const sky = "#3a7bd5"; const TOPICS = [ { id: "glycemie", label: "Glycémie & Diabète", labelAr: "سكر الدم والسكري", icon: "🩸", keywords: "glycémie, diabète, HbA1c, bilan diabétique, Tanger, laboratoire analyses", }, { id: "nfs", label: "Numération Formule Sanguine (NFS)", labelAr: "تعداد الدم الكامل", icon: "🔬", keywords: "NFS, hémogramme, anémie, globules blancs, plaquettes, analyses sang Tanger", }, { id: "thyroide", label: "Bilan Thyroïdien", labelAr: "تحاليل الغدة الدرقية", icon: "⚗️", keywords: "TSH, T4 libre, T3, hypothyroïdie, hyperthyroïdie, thyroïde Tanger", }, { id: "spermogramme", label: "Spermogramme & Fertilité Masculine", labelAr: "تحليل السائل المنوي والخصوبة", icon: "🧬", keywords: "spermogramme, fertilité masculine, spermatozoïdes, infertilité, bilan fertilité Tanger", }, { id: "lipides", label: "Bilan Lipidique & Cholestérol", labelAr: "تحاليل الدهون والكولسترول", icon: "💉", keywords: "cholestérol total, LDL, HDL, triglycérides, risque cardiovasculaire, Tanger", }, { id: "renal", label: "Bilan Rénal", labelAr: "تحاليل وظائف الكلى", icon: "🫘", keywords: "créatinine, urée, DFG, insuffisance rénale, bilan rénal Tanger", }, ]; function buildPrompt(topic) { return `Tu es expert en rédaction médicale SEO bilingue (français/arabe) pour laboratoires d'analyses médicales au Maroc. Rédige un article SEO bilingue complet (~700 mots par version) sur : "${topic.label}" LABORATOIRE : ZaidiLab · Avenue Mly Ali Chrif N°278, Tanger · www.zaidilab.com · zaidilabtanger@gmail.com MOTS-CLÉS : ${topic.keywords} RÈGLES : - Ton pédagogique accessible au grand public marocain - Mentionner ZaidiLab Tanger naturellement 2-3 fois - Structure : H1 accrocheur → intro → 3 sections H2 → conclusion + CTA ZaidiLab - Version arabe : arabe standard moderne, direction RTL, termes médicaux arabes courants - CTA français : "Prenez rendez-vous au ZaidiLab à Tanger — www.zaidilab.com" - CTA arabe : "احجزوا موعدكم في مختبر ZAIDILAB بطنجة — www.zaidilab.com" Réponds UNIQUEMENT en JSON valide sans markdown ni backticks : { "fr": { "meta_title": "max 60 caractères", "meta_description": "max 160 caractères", "slug": "slug-url-francais", "mots_cles": ["kw1","kw2","kw3","kw4"], "contenu_html": "

...

...

..." }, "ar": { "meta_title": "عنوان أقل من 60 حرف", "meta_description": "وصف أقل من 160 حرف", "slug": "slug-arabic", "mots_cles": ["كلمة1","كلمة2","كلمة3"], "contenu_html": "

...

...

..." } }`; } async function generateArticle(topic) { const res = await fetch("https://api.anthropic.com/v1/messages", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ model: "claude-sonnet-4-20250514", max_tokens: 1000, messages: [{ role: "user", content: buildPrompt(topic) }], }), }); const data = await res.json(); const raw = data.content?.map((b) => b.text || "").join("") || ""; const clean = raw.replace(/```json|```/g, "").trim(); return JSON.parse(clean); } function renderHTML(html, lang) { if (!html) return ""; return html .replace(/

/g, `

`) .replace(/<\/h1>/g, "

") .replace(/

/g, `

`) .replace(/

/g, `

`) .replace(//g, ``) .replace(/
    /g, `
      `) .replace(/
    • /g, `
    • `); } export default function App() { const [articles, setArticles] = useState([]); const [generating, setGenerating] = useState(null); const [done, setDone] = useState(false); const [activeArticle, setActiveArticle] = useState(0); const [activeLang, setActiveLang] = useState("fr"); const [copied, setCopied] = useState(null); const startedRef = useRef(false); useEffect(() => { if (startedRef.current) return; startedRef.current = true; (async () => { const results = []; for (let i = 0; i < TOPICS.length; i++) { setGenerating(i); try { const art = await generateArticle(TOPICS[i]); results.push({ topic: TOPICS[i], data: art }); setArticles([...results]); } catch (e) { results.push({ topic: TOPICS[i], data: null, error: true }); setArticles([...results]); } } setGenerating(null); setDone(true); })(); }, []); const copy = (idx, lang) => { const a = articles[idx]; if (!a?.data?.[lang]) return; const d = a.data[lang]; const text = `\n\n\n\n${d.contenu_html}`; navigator.clipboard.writeText(text); setCopied(`${idx}-${lang}`); setTimeout(() => setCopied(null), 2000); }; const progress = articles.length; const total = TOPICS.length; return (
      {/* HEADER */}
      🔬
      ZaidiLab · Tanger · المختبر
      Articles SEO Bilingues — المقالات العلمية
      {/* Progress bar */}
      {done ? `✅ ${total} articles générés !` : generating !== null ? `⏳ Génération : ${TOPICS[generating]?.label}…` : "Démarrage…"} {progress} / {total}
      {/* TOPIC TABS */}
      {TOPICS.map((t, i) => { const art = articles[i]; const isReady = !!art?.data; const isError = art?.error; const isActive = activeArticle === i; return ( ); })}
      {/* ARTICLE VIEWER */} {articles[activeArticle]?.data ? (() => { const art = articles[activeArticle]; const d = art.data[activeLang]; const isAr = activeLang === "ar"; return (
      {/* Lang tabs */}
      {[{ key: "fr", flag: "🇫🇷", label: "Français" }, { key: "ar", flag: "🇲🇦", label: "عربي" }].map((tab) => ( ))}
      {/* Meta SEO */}
      {d.mots_cles?.map((k, i) => ( {k} ))}
      📌 Meta Title : {d.meta_title}
      📝 Meta Description : {d.meta_description}
      🔗 Slug : /{d.slug}
      {/* Content */}
      {/* Copy buttons */}
      ); })() : (
      {generating !== null ? ( <>
      {TOPICS[generating]?.icon}
      Génération : {TOPICS[generating]?.label}
      {TOPICS[generating]?.labelAr}…
      ) : (
      Sélectionnez un article ci-dessus
      )}
      )} {done && (
      ✅ {total} articles bilingues générés · Cliquez sur un thème pour le consulter et copier le HTML
      ZaidiLab · Avenue Mly Ali Chrif N°278, Tanger · www.zaidilab.com
      )}
      ); }

      Vos résultats d'analyses disponibles en moins de 2 heures

      Une équipe agréable est prête à vous recevoir

      Qui sommes nous ?

      Le laboratoire d’analyses Médicale ZAIDILAB est constitué d’une équipe de 10 personnes pluridisciplinaires et compétentes dans les différents domaines de la qualité, biologie, bactériologie, biochimie, hématologie, sérologie… elles sont dotées d’une parfaite maîtrise des conditions de prélèvement avec un matériel stérile à usage unique,et élimination des déchets par la société ATHISA.

      oute l’équipe du Laboratoire se tient à votre disposition pour vous fournir un service de qualité an que votre visite se passe le plus agréablement possible

      LA DIRECTION : Directeur général : Médecin Biologiste.

      LE PRE-ANALYTIQUE : Secrétaires caissières Infermières préleveuses.

      L’ANALYTIQUE : Techniciens répartis dans les secteurs :Biochimie, Hémato, Immuno, Microbiologie.

      • L'ensemble technique et administratif s'efforce d'assurer le respect de toutes les réglementations sanitaires du ministère.
      • Laboratoire Zaidi dispose d'un équipement sanitaire qui garantit le respect de toutes les réglementations

      Pourquoi nous ?

      Des résultats rapides, une équipe expérimentée et une hygiène irréprochable pour votre tranquillité d’esprit.

      Rapidité maximale

      Haute technologie disponible pour nos clients ,ce qui permet de garantir des résultats dans une période de temps entre 20 minutes et 2 heures

      24 heures sans interruption

      Haute technologie disponible pour nos clients ,ce qui permet de garantir des résultats dans une période de temps entre 20 minutes et 2 heures

      Equipe pluridisciplinaire

      Une équipe médicale qualifiée de 12 professionnels dévoués, toujours prête à vous offrir un service personnalisé et attentionné

      Hygiène

      Notre laboratoire applique des standards d’hygiène certifiés, garantissant la traçabilité parfaite depuis le prélèvement jusqu’à vos résultats

      Nos Analyses
      Documents

      Priorité aux patients chroniques et fragiles

      Dans‏ notre laboratoire, Zaidi Lab, nous offrons les meilleurs services à tous nos patients, en particulier aux patients atteints de maladies chroniques et qui sont obligés de nous rendre visite en privé, tels que : (diabétiques, patients sous chimio, patients atteints de thalassémie, etc.)

      Plateau Technique

      Découvrez nos installations techniques dotées d’une technologie ultramoderne

      Details

      Prélèvement

      Préparez vous avant de faire des analyses biologique

      Details

      Réglement

      Consultez les différentes methodes de paiements acceptées

      Plateau Technique

      Découvrez nos installations techniques de pointe, équipées d’une technologie ultramoderne et innovante, conçue pour garantir une précision optimale et une fiabilité maximale dans le domaine exigeant de l’analyse biologique.
      Details

      Prise en Charge

      Une secrétaire dédiée prendra en charge le traitement de votre dossier personnel avec le plus grand soin, en veillant à la confidentialité de vos informations et en s’assurant que chaque étape soit réalisée dans les meilleurs délais pour vous offrir un service rapide, efficace et personnalisé.
      Details
      Plateau Technique
      Plateau Technique
      Découvrez nos installations techniques
      dotées d’une technologie ultramoderne dans le
      domaine d’analyse biologique.
      Détails

      Faites Vos Analyses Maintenant !
      Chez ZaidiLab

      contactez nous
      Facebook Instagram Youtube Tiktok
      © 2026 ZaidiLab زايدي لاب

      Plateau Technique

      Notre laboratoire est équipé d’un matériel performant de dernière génération à la pointe de la technologie , Nous renouvelons constamment notre matériel automates , petits matériel ainsi que notre informatique dans le but d’optimiser continuellement notre efficacité . De ce fait nous nous donnons les moyens de réaliser un grand nombre analyses en un minimum de temps tout en vous garantissant le respect le plus strict des normes de sécurité de qualité et de confidentialité , Cette volonté de disposer d’équipements de haute technologie souligne notre détermination quotidienne à vouloir placer la satisfaction et la confiance de nos partenaires (Médecins Patients Cliniques Institutions au cœur de nos préoccupationsNos équipements sont soumis à des programmes de maintenance et de surveillance métrologique en partenariat avec des fournisseurs agréés et répondant aux normes exigéesTous nos automates sont connectés en mode bidirectionnel à notre système informatique de gestion de laboratoire pour une sécurité et une traçabilité le long des processus d’analyses . Notre laboratoire réalise plusieurs fois par jour des Contrôles Internes de Qualité (CIQ) des paramètres biologiques Nous adhérons également à des programmes dévaluation Externe de la Qualité (EEQ) auprès d’organismes internationaux indépendants Par ailleurs un suivi continu et quotidien des performances du Laboratoire est réalisé par des comparaisons à un large réseau international des laboratoires danalyses de biologie médicaleLa veille technologique sétend aussi aux locaux aux conditions environnementales et à la formation continue du personnel

      Prise en charge

      Une secrétaire médicale vous accueille chaleureusement et procède à l’enregistrement de votre dossier personnalisé.

      Pour cela, il est nécessaire de vous munir d’une pièce d’identité afin de garantir une identification précise. Nous vous invitons également à présenter votre carte de mutuelle ou tout autre justificatif de couverture, si vous en disposez, ainsi que l’ordonnance de votre médecin, le cas échéant, afin de faciliter la prise en charge de votre demande.