{"id":32,"date":"2026-04-30T09:41:39","date_gmt":"2026-04-30T09:41:39","guid":{"rendered":"https:\/\/wordpress-claude.myschool221.com\/?page_id=32"},"modified":"2026-04-30T10:25:30","modified_gmt":"2026-04-30T10:25:30","slug":"home","status":"publish","type":"page","link":"https:\/\/wordpress-claude.myschool221.com\/","title":{"rendered":"Bin Abdallah Tech \u2014 Formations IT &#038; Intelligence Artificielle"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&#038;family=Syne:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/lucide@0.344.0\/dist\/umd\/lucide.min.js\"><\/script>\n<style>\n  \/* == MASQUER CHROME TH\u00c8ME (TT5 + Astra) == *\/\n  .wp-site-blocks>header,.wp-site-blocks>footer,\n  header.wp-block-template-part,footer.wp-block-template-part,\n  #masthead,.site-header,#colophon,.site-footer,\n  .ast-hfb-header,.ast-above-header-wrap,.ast-below-header-wrap,\n  .entry-title,h1.entry-title,.page-title,.wp-block-post-title,\n  .entry-header,.page-header{display:none!important}\n  body{padding:0!important}\n  .wp-site-blocks,.site,.site-content,#primary,.wp-block-post-content,\n  .ast-container,.ast-article-post,.entry-content,main#main,article{\n    padding:0!important;margin:0!important;max-width:100%!important;\n    width:100%!important;background:transparent!important;border:none!important}\n  .wp-block-post-content>*{max-width:100%!important}\n\n  :root {\n    --blue-primary: #3AA0D8;\n    --navy: #0F1E30;\n    --white: #FAFCFE;\n    --gold: #E8A020;\n    --blue-50: #EEF7FC;\n    --blue-100: #C8E5F5;\n    --blue-200: #9ED0EB;\n    --blue-300: #7EC3E8;\n    --blue-600: #2487BF;\n    --blue-700: #1A6A97;\n    --font-display: 'Syne', sans-serif;\n    --font-body: 'Plus Jakarta Sans', sans-serif;\n  }\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  html { scroll-behavior: smooth; }\n  body { font-family: var(--font-body); background: var(--white); color: var(--navy); font-size: 16px; line-height: 1.6; overflow-x: hidden; }\n  .section-title { font-family: var(--font-display); font-size: clamp(28px,4vw,40px); font-weight: 800; color: var(--navy); line-height: 1.15; }\n  .gold-underline { display: inline-block; position: relative; }\n  .gold-underline::after { content: ''; display: block; width: 56px; height: 3px; background: var(--gold); margin-top: 10px; }\n  .badge { display: inline-block; padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: .02em; }\n  .badge-blue { background: var(--blue-100); color: var(--blue-700); }\n  .badge-gold { background: #FFF3DC; color: #B87A10; }\n  .reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s ease, transform .55s ease; }\n  .reveal.visible { opacity: 1; transform: none; }\n  .reveal-delay-1 { transition-delay: .1s; }\n  .reveal-delay-2 { transition-delay: .2s; }\n  .reveal-delay-3 { transition-delay: .3s; }\n\n  \/* NAV *\/\n  .nav { position: sticky; top: 0; z-index: 100; background: var(--navy); padding: 0 24px; height: 68px; display: flex; align-items: center; border-bottom: 1px solid rgba(58,160,216,.15); }\n  .nav-inner { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; align-items: center; }\n  .nav-logo { font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--white); text-decoration: none; flex-shrink: 0; }\n  .nav-logo span { color: var(--gold); }\n  .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; margin: 0 auto; }\n  .nav-links a { color: rgba(250,252,254,.75); text-decoration: none; font-size: 14.5px; font-weight: 500; transition: color .2s; }\n  .nav-links a:hover { color: var(--white); }\n  .nav-cta { background: var(--blue-primary); color: var(--white); padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: background .2s; }\n  .nav-cta:hover { background: var(--blue-600); }\n  .nav-hamburger { display: none; background: none; border: none; cursor: pointer; color: var(--white); padding: 4px; }\n  .nav-mobile { display: none; position: fixed; top: 68px; left: 0; right: 0; background: var(--navy); padding: 20px 24px; z-index: 99; border-bottom: 2px solid var(--blue-primary); flex-direction: column; gap: 16px; }\n  .nav-mobile.open { display: flex; }\n  .nav-mobile a { color: rgba(250,252,254,.85); text-decoration: none; font-size: 16px; font-weight: 500; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.06); }\n  .nav-mobile .nav-cta { text-align: center; margin-top: 8px; }\n\n  \/* HERO *\/\n  .hero { background: var(--navy); padding: 88px 24px 72px; position: relative; overflow: hidden; }\n  .hero-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 420px; gap: 56px; align-items: center; }\n  .hero-badge { margin-bottom: 24px; }\n  .hero-title { font-family: var(--font-display); font-size: clamp(36px,5vw,58px); font-weight: 800; color: var(--white); line-height: 1.12; margin-bottom: 22px; }\n  .hero-title span { color: var(--blue-primary); }\n  .hero-subtitle { color: rgba(250,252,254,.72); font-size: 17px; line-height: 1.65; max-width: 520px; margin-bottom: 36px; }\n  .hero-buttons { display: flex; gap: 14px; flex-wrap: wrap; }\n  .btn-primary { background: var(--blue-primary); color: var(--white); padding: 13px 26px; border-radius: 6px; font-size: 15px; font-weight: 600; text-decoration: none; border: none; cursor: pointer; transition: background .2s; display: inline-block; }\n  .btn-primary:hover { background: var(--blue-600); }\n  .btn-outline { background: transparent; color: var(--blue-primary); border: 1.5px solid var(--blue-primary); padding: 12px 26px; border-radius: 6px; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background .2s, color .2s; display: inline-block; }\n  .btn-outline:hover { background: rgba(58,160,216,.1); }\n  .hero-illustration { display: flex; align-items: center; justify-content: center; }\n  .hero-illustration svg { width: 100%; height: auto; max-width: 400px; }\n  .hero-separator { height: 3px; background: var(--gold); width: 100%; }\n\n  \/* STATS *\/\n  .stats { background: var(--blue-50); padding: 48px 24px; }\n  .stats-grid { max-width: 800px; margin: 0 auto; display: grid; grid-template-columns: repeat(2,1fr); }\n  .stat-item { text-align: center; padding: 20px 24px; position: relative; }\n  .stat-item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 20%; bottom: 20%; width: 1px; background: var(--blue-200); }\n  .stat-number { font-family: var(--font-display); font-size: 42px; font-weight: 800; color: var(--blue-primary); line-height: 1; margin-bottom: 8px; }\n  .stat-label { font-size: 14px; font-weight: 500; color: var(--navy); opacity: .8; }\n\n  \/* ABOUT *\/\n  .about { padding: 88px 24px; background: var(--white); }\n  .about-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 320px 1fr; gap: 64px; align-items: center; }\n  .about-avatar { width: 100%; aspect-ratio: 1; background: var(--blue-100); border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; max-width: 280px; }\n  .about-initials { font-family: var(--font-display); font-size: 56px; font-weight: 800; color: var(--blue-700); line-height: 1; }\n  .about-name-label { font-size: 14px; font-weight: 600; color: var(--blue-700); opacity: .7; letter-spacing: .05em; text-transform: uppercase; }\n  .about-label { font-size: 13px; font-weight: 600; color: var(--blue-primary); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 12px; }\n  .about-text { font-size: 16px; line-height: 1.75; color: rgba(15,30,48,.8); margin-bottom: 28px; }\n  .about-tags { display: flex; flex-wrap: wrap; gap: 8px; }\n  .about-tag { background: var(--blue-100); color: var(--blue-700); padding: 6px 14px; border-radius: 4px; font-size: 13px; font-weight: 600; }\n\n  \/* FORMATIONS *\/\n  .formations { padding: 88px 24px; background: var(--blue-50); }\n  .formations-header { max-width: 1200px; margin: 0 auto 48px; }\n  .formations-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 28px; }\n  .formation-card { background: var(--white); border-radius: 10px; padding: 36px 32px; box-shadow: 0 2px 12px rgba(15,30,48,.07); transition: box-shadow .25s; border-left: 4px solid transparent; }\n  .formation-card:hover { box-shadow: 0 8px 28px rgba(15,30,48,.12); }\n  .formation-card.card-blue { border-left-color: var(--blue-primary); }\n  .formation-card.card-gold { border-left-color: var(--gold); }\n  .card-top { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px; }\n  .card-icon { width: 48px; height: 48px; background: var(--blue-50); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--blue-primary); }\n  .card-icon.gold-icon { background: #FFF3DC; color: var(--gold); }\n  .card-title { font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--navy); line-height: 1.25; margin-bottom: 6px; }\n  .card-desc { font-size: 14.5px; color: rgba(15,30,48,.72); line-height: 1.65; margin-bottom: 22px; }\n  .card-public { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--navy); margin-bottom: 22px; font-weight: 500; }\n  .card-public-icon { color: var(--blue-primary); flex-shrink: 0; }\n  .card-programme-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--navy); margin-bottom: 12px; opacity: .7; }\n  .card-programme { list-style: none; margin-bottom: 24px; display: flex; flex-direction: column; gap: 9px; }\n  .card-programme li { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; color: rgba(15,30,48,.78); line-height: 1.45; }\n  .check-icon { flex-shrink: 0; margin-top: 1px; }\n  .check-blue { color: var(--blue-primary); }\n  .check-gold { color: var(--gold); }\n  .card-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 24px; font-size: 13px; color: rgba(15,30,48,.65); }\n  .card-meta-item { display: flex; align-items: center; gap: 5px; }\n  .btn-gold { background: var(--gold); color: var(--white); padding: 12px 24px; border-radius: 6px; font-size: 14.5px; font-weight: 600; text-decoration: none; border: none; cursor: pointer; transition: background .2s; display: inline-block; }\n  .btn-gold:hover { background: #d09018; }\n\n  \/* AUDIENCES *\/\n  .audiences { padding: 88px 24px; background: var(--white); }\n  .audiences-header { max-width: 1200px; margin: 0 auto 48px; }\n  .audiences-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }\n  .audience-card { background: var(--blue-50); border-radius: 10px; padding: 28px 24px; transition: box-shadow .25s, transform .25s; }\n  .audience-card:hover { box-shadow: 0 6px 20px rgba(15,30,48,.09); transform: translateY(-2px); }\n  .audience-icon { width: 44px; height: 44px; background: var(--white); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--blue-primary); margin-bottom: 16px; }\n  .audience-title { font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }\n  .audience-text { font-size: 13.5px; color: rgba(15,30,48,.7); line-height: 1.6; }\n\n  \/* MODALIT\u00c9S *\/\n  .modalites { padding: 88px 24px; background: var(--blue-50); }\n  .modalites-header { max-width: 1200px; margin: 0 auto 48px; }\n  .modalites-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }\n  .modalite-card { background: var(--white); border-radius: 10px; padding: 32px 28px; text-align: center; transition: box-shadow .25s; }\n  .modalite-card:hover { box-shadow: 0 6px 24px rgba(15,30,48,.1); }\n  .modalite-icon { width: 56px; height: 56px; background: var(--blue-50); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--blue-primary); margin: 0 auto 20px; }\n  .modalite-title { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 10px; }\n  .modalite-text { font-size: 14px; color: rgba(15,30,48,.7); line-height: 1.65; }\n\n  \/* CONTACT *\/\n  .contact { padding: 88px 24px; background: var(--navy); }\n  .contact-header { max-width: 700px; margin: 0 auto 44px; text-align: center; }\n  .contact-header .section-title { color: var(--white); }\n  .contact-header .gold-underline::after { margin: 10px auto 0; }\n  .contact-subtitle { margin-top: 14px; font-size: 16px; color: rgba(250,252,254,.65); }\n  .contact-form-wrapper { max-width: 680px; margin: 0 auto; background: var(--white); border-radius: 12px; padding: 44px 40px; box-shadow: 0 8px 40px rgba(0,0,0,.25); }\n  .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n  .form-field { display: flex; flex-direction: column; gap: 6px; }\n  .form-field.full { grid-column: 1 \/ -1; }\n  .form-field label { font-size: 13.5px; font-weight: 600; color: var(--navy); opacity: .85; }\n  .form-field input,.form-field select,.form-field textarea { border: 1.5px solid var(--blue-200); border-radius: 6px; padding: 11px 14px; font-family: var(--font-body); font-size: 14.5px; color: var(--navy); background: var(--white); transition: border-color .2s; outline: none; }\n  .form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color: var(--blue-primary); }\n  .form-field input.error,.form-field select.error { border-color: #e05050; }\n  .form-field textarea { resize: vertical; min-height: 100px; }\n  .form-error { font-size: 12px; color: #e05050; margin-top: 2px; display: none; }\n  .form-error.visible { display: block; }\n  .btn-submit { width: 100%; background: var(--blue-primary); color: var(--white); padding: 14px 24px; border-radius: 6px; font-size: 15.5px; font-weight: 700; border: none; cursor: pointer; transition: background .2s; margin-top: 8px; font-family: var(--font-body); }\n  .btn-submit:hover { background: var(--blue-600); }\n  .btn-submit:disabled { opacity: .7; cursor: not-allowed; }\n  .form-success { display: none; text-align: center; padding: 32px; }\n  .form-success.visible { display: block; }\n  .form-success-icon { width: 60px; height: 60px; background: var(--blue-50); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--blue-primary); margin: 0 auto 18px; }\n  .contact-info { max-width: 680px; margin: 28px auto 0; display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }\n  .contact-info-item { display: flex; align-items: center; gap: 8px; color: rgba(250,252,254,.65); font-size: 14px; }\n\n  \/* FOOTER *\/\n  .footer { background: var(--navy); border-top: 2px solid var(--gold); padding: 48px 24px 28px; }\n  .footer-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; gap: 40px; align-items: start; margin-bottom: 36px; }\n  .footer-logo { font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--white); text-decoration: none; display: block; margin-bottom: 10px; }\n  .footer-logo span { color: var(--gold); }\n  .footer-tagline { font-size: 13.5px; color: rgba(250,252,254,.5); font-style: italic; }\n  .footer-links { display: flex; flex-direction: column; gap: 10px; text-align: center; }\n  .footer-links a { color: rgba(250,252,254,.65); text-decoration: none; font-size: 14px; font-weight: 500; transition: color .2s; }\n  .footer-links a:hover { color: var(--blue-primary); }\n  .footer-social { display: flex; gap: 12px; justify-content: flex-end; }\n  .social-link { width: 38px; height: 38px; border-radius: 8px; border: 1px solid rgba(250,252,254,.15); display: flex; align-items: center; justify-content: center; color: rgba(250,252,254,.5); transition: color .2s, border-color .2s; text-decoration: none; }\n  .social-link:hover { color: var(--blue-primary); border-color: var(--blue-primary); }\n  .footer-bottom { max-width: 1200px; margin: 0 auto; padding-top: 20px; border-top: 1px solid rgba(250,252,254,.08); text-align: center; font-size: 13px; color: rgba(250,252,254,.35); }\n\n  @media (max-width: 1024px) {\n    .hero-inner { grid-template-columns: 1fr; }\n    .hero-illustration { display: none; }\n    .about-inner { grid-template-columns: 1fr; }\n    .formations-grid { grid-template-columns: 1fr; }\n    .audiences-grid { grid-template-columns: repeat(2,1fr); }\n  }\n  @media (max-width: 768px) {\n    .nav-links,.nav-cta { display: none; }\n    .nav-hamburger { display: flex; }\n    .modalites-grid { grid-template-columns: 1fr; }\n    .footer-inner { grid-template-columns: 1fr; text-align: center; }\n    .footer-social { justify-content: center; }\n    .form-grid { grid-template-columns: 1fr; }\n    .contact-form-wrapper { padding: 28px 22px; }\n  }\n  @media (max-width: 480px) {\n    .audiences-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<!-- NAV -->\n<nav class=\"nav\" id=\"main-nav\">\n  <div class=\"nav-inner\">\n    <a href=\"#\" class=\"nav-logo\">Bin Abdallah<span>\u00b7<\/span>Tech<\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"#formations\">Formations<\/a><\/li>\n      <li><a href=\"#formations\">Programmes<\/a><\/li>\n      <li><a href=\"#about\">\u00c0 propos<\/a><\/li>\n      <li><a href=\"#contact\">Contact<\/a><\/li>\n    <\/ul>\n    <a href=\"#contact\" class=\"nav-cta\">R\u00e9server une formation<\/a>\n    <button class=\"nav-hamburger\" id=\"hamburger-btn\" aria-label=\"Menu\">\n      <i data-lucide=\"menu\" width=\"24\" height=\"24\"><\/i>\n    <\/button>\n  <\/div>\n<\/nav>\n<div class=\"nav-mobile\" id=\"mobile-menu\">\n  <a href=\"#formations\" onclick=\"closeMobileMenu()\">Formations<\/a>\n  <a href=\"#formations\" onclick=\"closeMobileMenu()\">Programmes<\/a>\n  <a href=\"#about\" onclick=\"closeMobileMenu()\">\u00c0 propos<\/a>\n  <a href=\"#contact\" onclick=\"closeMobileMenu()\">Contact<\/a>\n  <a href=\"#contact\" class=\"nav-cta\" onclick=\"closeMobileMenu()\">R\u00e9server une formation<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"hero\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-content\">\n      <div class=\"hero-badge reveal\">\n        <span class=\"badge badge-blue\">Formation \u00b7 IT &amp; Intelligence Artificielle<\/span>\n      <\/div>\n      <h1 class=\"hero-title reveal reveal-delay-1\">\n        Ma\u00eetrisez l&rsquo;Informatique<br>et l&rsquo;<span>IA<\/span>.<br>\n        <span style=\"font-size:0.72em;color:rgba(250,252,254,0.85);font-weight:600;\">Formez-vous ou formez vos \u00e9quipes.<\/span>\n      <\/h1>\n      <p class=\"hero-subtitle reveal reveal-delay-2\">Des formations pratiques, accessibles et adapt\u00e9es \u00e0 votre rythme \u2014 en semaine ou le week-end, \u00e0 la demande.<\/p>\n      <div class=\"hero-buttons reveal reveal-delay-3\">\n        <a href=\"#formations\" class=\"btn-primary\">Voir les formations<\/a>\n        <a href=\"#contact\" class=\"btn-outline\">Nous contacter<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-illustration reveal reveal-delay-2\">\n      <svg viewBox=\"0 0 380 340\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <rect x=\"40\" y=\"40\" width=\"260\" height=\"180\" rx=\"12\" fill=\"#1A3550\" stroke=\"#3AA0D8\" stroke-width=\"1.5\"\/>\n        <rect x=\"54\" y=\"54\" width=\"232\" height=\"148\" rx=\"6\" fill=\"#0F2540\"\/>\n        <rect x=\"70\" y=\"74\" width=\"120\" height=\"8\" rx=\"4\" fill=\"#3AA0D8\" opacity=\"0.7\"\/>\n        <rect x=\"70\" y=\"92\" width=\"80\" height=\"6\" rx=\"3\" fill=\"#9ED0EB\" opacity=\"0.4\"\/>\n        <rect x=\"70\" y=\"108\" width=\"140\" height=\"6\" rx=\"3\" fill=\"#9ED0EB\" opacity=\"0.25\"\/>\n        <rect x=\"70\" y=\"122\" width=\"100\" height=\"6\" rx=\"3\" fill=\"#9ED0EB\" opacity=\"0.25\"\/>\n        <rect x=\"70\" y=\"144\" width=\"60\" height=\"22\" rx=\"4\" fill=\"#1A6A97\" opacity=\"0.6\"\/>\n        <rect x=\"138\" y=\"144\" width=\"40\" height=\"22\" rx=\"4\" fill=\"#E8A020\" opacity=\"0.35\"\/>\n        <rect x=\"186\" y=\"144\" width=\"50\" height=\"22\" rx=\"4\" fill=\"#1A6A97\" opacity=\"0.4\"\/>\n        <rect x=\"145\" y=\"220\" width=\"50\" height=\"14\" rx=\"3\" fill=\"#1A3550\"\/>\n        <rect x=\"115\" y=\"232\" width=\"110\" height=\"10\" rx=\"5\" fill=\"#1A3550\"\/>\n        <circle cx=\"295\" cy=\"90\" r=\"22\" fill=\"#0F2540\" stroke=\"#3AA0D8\" stroke-width=\"1.5\"\/>\n        <circle cx=\"295\" cy=\"90\" r=\"10\" fill=\"#3AA0D8\" opacity=\"0.3\"\/>\n        <circle cx=\"295\" cy=\"90\" r=\"4\" fill=\"#3AA0D8\"\/>\n        <circle cx=\"340\" cy=\"140\" r=\"16\" fill=\"#0F2540\" stroke=\"#E8A020\" stroke-width=\"1.5\"\/>\n        <circle cx=\"340\" cy=\"140\" r=\"6\" fill=\"#E8A020\" opacity=\"0.5\"\/>\n        <circle cx=\"295\" cy=\"185\" r=\"18\" fill=\"#0F2540\" stroke=\"#3AA0D8\" stroke-width=\"1.5\"\/>\n        <circle cx=\"295\" cy=\"185\" r=\"7\" fill=\"#3AA0D8\" opacity=\"0.4\"\/>\n        <circle cx=\"350\" cy=\"220\" r=\"13\" fill=\"#0F2540\" stroke=\"#9ED0EB\" stroke-width=\"1.5\"\/>\n        <line x1=\"295\" y1=\"112\" x2=\"324\" y2=\"124\" stroke=\"#3AA0D8\" stroke-width=\"1\" opacity=\"0.5\"\/>\n        <line x1=\"316\" y1=\"152\" x2=\"295\" y2=\"167\" stroke=\"#E8A020\" stroke-width=\"1\" opacity=\"0.5\"\/>\n        <line x1=\"295\" y1=\"203\" x2=\"337\" y2=\"207\" stroke=\"#9ED0EB\" stroke-width=\"1\" opacity=\"0.4\"\/>\n        <circle cx=\"60\" cy=\"280\" r=\"4\" fill=\"#3AA0D8\" opacity=\"0.3\"\/>\n        <circle cx=\"200\" cy=\"290\" r=\"5\" fill=\"#3AA0D8\" opacity=\"0.2\"\/>\n        <circle cx=\"330\" cy=\"270\" r=\"4\" fill=\"#E8A020\" opacity=\"0.25\"\/>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n<div class=\"hero-separator\"><\/div>\n\n<!-- STATS -->\n<section class=\"stats\">\n  <div class=\"stats-grid\">\n    <div class=\"stat-item reveal reveal-delay-2\">\n      <div class=\"stat-number\">2<\/div>\n      <div class=\"stat-label\">domaines<br>IT &amp; IA<\/div>\n    <\/div>\n    <div class=\"stat-item reveal reveal-delay-3\">\n      <div class=\"stat-number\">100%<\/div>\n      <div class=\"stat-label\">pratique<br>&amp; adapt\u00e9<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"about\">\n  <div class=\"about-inner\">\n    <div class=\"reveal\">\n      <div class=\"about-avatar\">\n        <div class=\"about-initials\">BB<\/div>\n        <div class=\"about-name-label\">Bin Abdallah<\/div>\n      <\/div>\n    <\/div>\n    <div>\n      <div class=\"about-label reveal\">Votre formateur<\/div>\n      <h2 class=\"section-title gold-underline reveal\">Bouna Bin Abdallah Dram\u00e9<\/h2>\n      <p class=\"about-text reveal reveal-delay-1\">Bouna Bin Abdallah Dram\u00e9 est d\u00e9veloppeur full-stack et formateur passionn\u00e9 en Informatique et Intelligence Artificielle. Fort d&rsquo;une exp\u00e9rience terrain en d\u00e9veloppement web, mobile et en solutions num\u00e9riques, il transmet des comp\u00e9tences concr\u00e8tes et directement applicables. Ses formations s&rsquo;adressent \u00e0 tous les profils : d\u00e9butants, enseignants, dirigeants ou \u00e9tudiants.<\/p>\n      <div class=\"about-tags reveal reveal-delay-2\">\n        <span class=\"about-tag\">React<\/span>\n        <span class=\"about-tag\">Python<\/span>\n        <span class=\"about-tag\">IA<\/span>\n        <span class=\"about-tag\">Web<\/span>\n        <span class=\"about-tag\">Mobile<\/span>\n        <span class=\"about-tag\">Laravel<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FORMATIONS -->\n<section class=\"formations\" id=\"formations\">\n  <div class=\"formations-header\">\n    <h2 class=\"section-title gold-underline reveal\">Nos Formations<\/h2>\n  <\/div>\n  <div class=\"formations-grid\">\n    <div class=\"formation-card card-blue reveal\">\n      <div class=\"card-top\">\n        <div class=\"card-icon\"><i data-lucide=\"monitor\" width=\"22\" height=\"22\"><\/i><\/div>\n        <div>\n          <span class=\"badge badge-blue\" style=\"margin-bottom:8px;display:inline-block;\">Niveau D\u00e9butant<\/span>\n          <div class=\"card-title\">Initiation \u00e0 l&rsquo;Informatique<\/div>\n        <\/div>\n      <\/div>\n      <p class=\"card-desc\">Apprenez les fondamentaux de l&rsquo;informatique : utilisation d&rsquo;un ordinateur, navigation internet, gestion des fichiers, outils bureautiques (Word, Excel, PowerPoint), cybers\u00e9curit\u00e9 de base et introduction aux r\u00e9seaux.<\/p>\n      <div class=\"card-public\"><i data-lucide=\"users\" width=\"16\" height=\"16\" class=\"card-public-icon\"><\/i><span>Particuliers \u00b7 Enseignants \u00b7 \u00c9l\u00e8ves \u00b7 Entrepreneurs<\/span><\/div>\n      <div class=\"card-programme-title\">Programme<\/div>\n      <ul class=\"card-programme\">\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-blue\"><\/i>Prise en main de l&rsquo;ordinateur (Windows \/ Linux)<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-blue\"><\/i>Navigation et s\u00e9curit\u00e9 sur Internet<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-blue\"><\/i>Suite bureautique compl\u00e8te (Office \/ LibreOffice)<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-blue\"><\/i>Gestion des fichiers et stockage cloud<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-blue\"><\/i>Introduction aux r\u00e9seaux et \u00e0 la cybers\u00e9curit\u00e9<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-blue\"><\/i>Email professionnel et communication num\u00e9rique<\/li>\n      <\/ul>\n      <div class=\"card-meta\">\n        <div class=\"card-meta-item\"><i data-lucide=\"clock\" width=\"14\" height=\"14\"><\/i> \u00c0 d\u00e9finir selon le profil<\/div>\n        <div class=\"card-meta-item\"><i data-lucide=\"calendar\" width=\"14\" height=\"14\"><\/i> En semaine \u00b7 Week-end \u00b7 \u00c0 la demande<\/div>\n      <\/div>\n      <a href=\"#contact\" class=\"btn-primary\">R\u00e9server cette formation<\/a>\n    <\/div>\n    <div class=\"formation-card card-gold reveal reveal-delay-1\">\n      <div class=\"card-top\">\n        <div class=\"card-icon gold-icon\"><i data-lucide=\"brain\" width=\"22\" height=\"22\"><\/i><\/div>\n        <div>\n          <span class=\"badge badge-gold\" style=\"margin-bottom:8px;display:inline-block;\">Niveau D\u00e9butant \u2192 Interm\u00e9diaire<\/span>\n          <div class=\"card-title\">Initiation \u00e0 l&rsquo;Intelligence Artificielle<\/div>\n        <\/div>\n      <\/div>\n      <p class=\"card-desc\">D\u00e9couvrez l&rsquo;IA sans jargon complexe : comprendre comment \u00e7a fonctionne, utiliser les outils IA du quotidien, automatiser des t\u00e2ches, et explorer les possibilit\u00e9s pour votre m\u00e9tier ou votre \u00e9tablissement.<\/p>\n      <div class=\"card-public\"><i data-lucide=\"users\" width=\"16\" height=\"16\" class=\"card-public-icon\"><\/i><span>Particuliers \u00b7 Enseignants \u00b7 \u00c9tablissements \u00b7 Entrepreneurs<\/span><\/div>\n      <div class=\"card-programme-title\">Programme<\/div>\n      <ul class=\"card-programme\">\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-gold\"><\/i>Qu&rsquo;est-ce que l&rsquo;IA ? Concepts fondamentaux<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-gold\"><\/i>Les outils IA incontournables (ChatGPT, Claude, Gemini\u2026)<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-gold\"><\/i>IA g\u00e9n\u00e9rative : texte, image, code<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-gold\"><\/i>Automatisation de t\u00e2ches avec l&rsquo;IA<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-gold\"><\/i>IA appliqu\u00e9e \u00e0 l&rsquo;\u00e9ducation et \u00e0 l&rsquo;entreprise<\/li>\n        <li><i data-lucide=\"check-circle\" width=\"15\" height=\"15\" class=\"check-icon check-gold\"><\/i>Bonnes pratiques, \u00e9thique et limites de l&rsquo;IA<\/li>\n      <\/ul>\n      <div class=\"card-meta\">\n        <div class=\"card-meta-item\"><i data-lucide=\"clock\" width=\"14\" height=\"14\"><\/i> \u00c0 d\u00e9finir selon le profil<\/div>\n        <div class=\"card-meta-item\"><i data-lucide=\"calendar\" width=\"14\" height=\"14\"><\/i> En semaine \u00b7 Week-end \u00b7 \u00c0 la demande<\/div>\n      <\/div>\n      <a href=\"#contact\" class=\"btn-gold\">R\u00e9server cette formation<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- AUDIENCES -->\n<section class=\"audiences\" id=\"audiences\">\n  <div class=\"audiences-header\">\n    <h2 class=\"section-title gold-underline reveal\">Ces formations sont faites pour vous<\/h2>\n  <\/div>\n  <div class=\"audiences-grid\">\n    <div class=\"audience-card reveal\"><div class=\"audience-icon\"><i data-lucide=\"user\" width=\"20\" height=\"20\"><\/i><\/div><div class=\"audience-title\">Particuliers<\/div><p class=\"audience-text\">Vous souhaitez acqu\u00e9rir des comp\u00e9tences num\u00e9riques pour votre vie professionnelle ou personnelle.<\/p><\/div>\n    <div class=\"audience-card reveal reveal-delay-1\"><div class=\"audience-icon\"><i data-lucide=\"graduation-cap\" width=\"20\" height=\"20\"><\/i><\/div><div class=\"audience-title\">Enseignants<\/div><p class=\"audience-text\">Vous voulez int\u00e9grer l&rsquo;informatique et l&rsquo;IA dans vos pratiques p\u00e9dagogiques.<\/p><\/div>\n    <div class=\"audience-card reveal reveal-delay-2\"><div class=\"audience-icon\"><i data-lucide=\"school\" width=\"20\" height=\"20\"><\/i><\/div><div class=\"audience-title\">\u00c9tablissements scolaires<\/div><p class=\"audience-text\">Vous souhaitez former vos enseignants ou vos \u00e9l\u00e8ves aux outils num\u00e9riques et \u00e0 l&rsquo;IA.<\/p><\/div>\n    <div class=\"audience-card reveal reveal-delay-3\"><div class=\"audience-icon\"><i data-lucide=\"briefcase\" width=\"20\" height=\"20\"><\/i><\/div><div class=\"audience-title\">Entrepreneurs &amp; PME<\/div><p class=\"audience-text\">Vous voulez digitaliser votre activit\u00e9 et former votre \u00e9quipe aux outils modernes.<\/p><\/div>\n  <\/div>\n<\/section>\n\n<!-- MODALIT\u00c9S -->\n<section class=\"modalites\" id=\"modalites\">\n  <div class=\"modalites-header\">\n    <h2 class=\"section-title gold-underline reveal\">Des formations flexibles, adapt\u00e9es \u00e0 vos contraintes<\/h2>\n  <\/div>\n  <div class=\"modalites-grid\">\n    <div class=\"modalite-card reveal\"><div class=\"modalite-icon\"><i data-lucide=\"settings\" width=\"24\" height=\"24\"><\/i><\/div><div class=\"modalite-title\">\u00c0 la demande<\/div><p class=\"modalite-text\">Planifiez votre formation selon vos disponibilit\u00e9s. Aucun calendrier impos\u00e9.<\/p><\/div>\n    <div class=\"modalite-card reveal reveal-delay-1\"><div class=\"modalite-icon\"><i data-lucide=\"calendar-days\" width=\"24\" height=\"24\"><\/i><\/div><div class=\"modalite-title\">En semaine &amp; week-end<\/div><p class=\"modalite-text\">Des sessions disponibles du lundi au dimanche pour s&rsquo;adapter \u00e0 tous les emplois du temps.<\/p><\/div>\n    <div class=\"modalite-card reveal reveal-delay-2\"><div class=\"modalite-icon\"><i data-lucide=\"users\" width=\"24\" height=\"24\"><\/i><\/div><div class=\"modalite-title\">Individuel ou groupe<\/div><p class=\"modalite-text\">Formations personnalis\u00e9es en one-to-one ou en groupe pour entreprises et \u00e9tablissements.<\/p><\/div>\n  <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"contact\">\n  <div class=\"contact-header reveal\">\n    <h2 class=\"section-title gold-underline\">R\u00e9servez votre formation ou contactez-nous<\/h2>\n    <p class=\"contact-subtitle\">Remplissez le formulaire ci-dessous et nous vous r\u00e9pondrons dans les 24h.<\/p>\n  <\/div>\n  <div class=\"contact-form-wrapper reveal reveal-delay-1\">\n    <form id=\"contact-form\" novalidate>\n      <div class=\"form-grid\">\n        <div class=\"form-field full\">\n          <label for=\"f-name\">Nom complet *<\/label>\n          <input type=\"text\" id=\"f-name\" name=\"name\" placeholder=\"Ex: Moussa Diallo\">\n          <div class=\"form-error\" id=\"err-name\">Ce champ est requis.<\/div>\n        <\/div>\n        <div class=\"form-field\">\n          <label for=\"f-email\">Email *<\/label>\n          <input type=\"email\" id=\"f-email\" name=\"email\" placeholder=\"vous@exemple.com\">\n          <div class=\"form-error\" id=\"err-email\">Adresse email invalide.<\/div>\n        <\/div>\n        <div class=\"form-field\">\n          <label for=\"f-phone\">T\u00e9l\u00e9phone \/ WhatsApp *<\/label>\n          <input type=\"tel\" id=\"f-phone\" name=\"phone\" placeholder=\"+221 77 000 00 00\">\n          <div class=\"form-error\" id=\"err-phone\">Ce champ est requis.<\/div>\n        <\/div>\n        <div class=\"form-field\">\n          <label for=\"f-profil\">Vous \u00eates *<\/label>\n          <select id=\"f-profil\" name=\"profil\">\n            <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n            <option>Particulier<\/option>\n            <option>Enseignant<\/option>\n            <option>Repr\u00e9sentant d&rsquo;\u00e9tablissement<\/option>\n            <option>Entrepreneur<\/option>\n          <\/select>\n          <div class=\"form-error\" id=\"err-profil\">Veuillez s\u00e9lectionner un profil.<\/div>\n        <\/div>\n        <div class=\"form-field\">\n          <label for=\"f-formation\">Formation souhait\u00e9e *<\/label>\n          <select id=\"f-formation\" name=\"formation\">\n            <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n            <option>Initiation IT<\/option>\n            <option>Initiation IA<\/option>\n            <option>Les deux<\/option>\n            <option>Je ne sais pas encore<\/option>\n          <\/select>\n          <div class=\"form-error\" id=\"err-formation\">Veuillez choisir une formation.<\/div>\n        <\/div>\n        <div class=\"form-field full\">\n          <label for=\"f-dispo\">Disponibilit\u00e9 pr\u00e9f\u00e9r\u00e9e<\/label>\n          <select id=\"f-dispo\" name=\"dispo\">\n            <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n            <option>En semaine<\/option>\n            <option>Week-end<\/option>\n            <option>Les deux<\/option>\n            <option>\u00c0 discuter<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"form-field full\">\n          <label for=\"f-message\">Message \/ Besoins sp\u00e9cifiques<\/label>\n          <textarea id=\"f-message\" name=\"message\" placeholder=\"D\u00e9crivez votre situation, vos objectifs...\"><\/textarea>\n        <\/div>\n      <\/div>\n      <button type=\"submit\" class=\"btn-submit\" id=\"submit-btn\">Envoyer ma demande<\/button>\n    <\/form>\n    <div class=\"form-success\" id=\"form-success\">\n      <div class=\"form-success-icon\"><i data-lucide=\"check-circle\" width=\"30\" height=\"30\"><\/i><\/div>\n      <h3 style=\"font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:10px;\">Demande envoy\u00e9e !<\/h3>\n      <p style=\"font-size:15px;color:rgba(15,30,48,0.7);\">Merci pour votre message. Nous vous contacterons dans les plus brefs d\u00e9lais.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"contact-info\">\n    <div class=\"contact-info-item\"><i data-lucide=\"mail\" width=\"16\" height=\"16\"><\/i><span>bounabinabdallahdrame@gmail.com<\/span><\/div>\n    <div class=\"contact-info-item\"><i data-lucide=\"phone\" width=\"16\" height=\"16\"><\/i><span>+221 78 186 02 90<\/span><\/div>\n    <div class=\"contact-info-item\"><i data-lucide=\"map-pin\" width=\"16\" height=\"16\"><\/i><span>Dakar, S\u00e9n\u00e9gal \u2014 Pr\u00e9sentiel &amp; distanciel<\/span><\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n  <div class=\"footer-inner\">\n    <div>\n      <a href=\"#\" class=\"footer-logo\">Bin Abdallah<span>\u00b7<\/span>Tech<\/a>\n      <p class=\"footer-tagline\">Former aujourd&rsquo;hui, transformer demain.<\/p>\n    <\/div>\n    <div class=\"footer-links\">\n      <a href=\"#formations\">Formations<\/a>\n      <a href=\"#about\">\u00c0 propos<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/div>\n    <div class=\"footer-social\">\n      <a href=\"#\" class=\"social-link\" aria-label=\"LinkedIn\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n      <\/a>\n      <a href=\"#\" class=\"social-link\" aria-label=\"TikTok\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\u00a9 2026 Bin Abdallah Tech \u00b7 Tous droits r\u00e9serv\u00e9s<\/div>\n<\/footer>\n\n<script>\n  lucide.createIcons();\n  const hamburger = document.getElementById('hamburger-btn');\n  const mobileMenu = document.getElementById('mobile-menu');\n  hamburger.addEventListener('click', () => mobileMenu.classList.toggle('open'));\n  function closeMobileMenu() { mobileMenu.classList.remove('open'); }\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n  const form = document.getElementById('contact-form');\n  const successEl = document.getElementById('form-success');\n  function validateField(id, errId, checkFn) {\n    const el = document.getElementById(id);\n    const err = document.getElementById(errId);\n    const valid = checkFn(el.value.trim());\n    el.classList.toggle('error', !valid);\n    err.classList.toggle('visible', !valid);\n    return valid;\n  }\n  form.addEventListener('submit', async (e) => {\n    e.preventDefault();\n    const v1 = validateField('f-name','err-name', v => v.length > 1);\n    const v2 = validateField('f-email','err-email', v => \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v));\n    const v3 = validateField('f-phone','err-phone', v => v.length > 6);\n    const v4 = validateField('f-profil','err-profil', v => v !== '');\n    const v5 = validateField('f-formation','err-formation', v => v !== '');\n    if (v1 && v2 && v3 && v4 && v5) {\n      const btn = document.getElementById('submit-btn');\n      btn.disabled = true; btn.textContent = 'Envoi en cours\u2026';\n      const fd = new FormData(form);\n      fd.append('access_key', 'VOTRE_CLE_WEB3FORMS');\n      fd.append('subject', 'Nouvelle demande \u2014 ' + document.getElementById('f-formation').value);\n      fd.append('from_name', 'Bin Abdallah Tech');\n      try {\n        const res = await fetch('https:\/\/api.web3forms.com\/submit', { method:'POST', body:fd });\n        const data = await res.json();\n        if (data.success) {\n          form.style.display = 'none';\n          successEl.classList.add('visible');\n          lucide.createIcons();\n        } else { btn.disabled = false; btn.textContent = 'Envoyer ma demande'; }\n      } catch { btn.disabled = false; btn.textContent = 'Envoyer ma demande'; }\n    }\n  });\n  ['f-name','f-email','f-phone','f-profil','f-formation'].forEach(id => {\n    const el = document.getElementById(id);\n    if (el) el.addEventListener('input', () => {\n      el.classList.remove('error');\n      const err = document.getElementById('err-' + id.replace('f-',''));\n      if (err) err.classList.remove('visible');\n    });\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Bin Abdallah\u00b7Tech Formations Programmes \u00c0 propos Contact R\u00e9server une formation Formations Programmes \u00c0 propos Contact R\u00e9server une formation Formation \u00b7 IT &amp; Intelligence Artificielle Ma\u00eetrisez l&rsquo;Informatiqueet l&rsquo;IA. Formez-vous ou formez vos \u00e9quipes. Des formations pratiques, accessibles et adapt\u00e9es \u00e0 votre rythme \u2014 en semaine ou le week-end, \u00e0 la demande. Voir les formations Nous contacter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":1,"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}