{"id":16568,"date":"2026-03-31T13:08:19","date_gmt":"2026-03-31T11:08:19","guid":{"rendered":"https:\/\/kinbrique.com\/?page_id=16568"},"modified":"2026-03-31T13:13:04","modified_gmt":"2026-03-31T11:13:04","slug":"accueil1","status":"publish","type":"page","link":"https:\/\/kinbrique.com\/index.php\/accueil1\/","title":{"rendered":"accueil1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16568\" class=\"elementor elementor-16568\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8428c4b wd-section-stretch e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"8428c4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7429c6 elementor-widget elementor-widget-html\" data-id=\"f7429c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Kin Brique \u2014 Mat\u00e9riaux de Construction \u00e0 Kinshasa<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500 *\/\n    :root {\n      --bg:        #F7F5F2;\n      --white:     #FFFFFF;\n      --ink:       #1A1814;\n      --ink-soft:  #4A4640;\n      --terra:     #B85C38;\n      --terra-lt:  #D4724E;\n      --stone:     #8C8278;\n      --rule:      rgba(26,24,20,.10);\n      --card-bg:   #FFFFFF;\n      --hero-bg:   #EDE9E3;\n      --serif:     'Cormorant Garamond', Georgia, serif;\n      --sans:      'DM Sans', system-ui, sans-serif;\n      --radius:    4px;\n      --transition: .35s cubic-bezier(.4,0,.2,1);\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      font-family: var(--sans);\n      background: var(--bg);\n      color: var(--ink);\n      font-size: 15px;\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    \/* \u2500\u2500\u2500 UTILITIES \u2500\u2500\u2500 *\/\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }\n    .section-label {\n      font-family: var(--sans);\n      font-size: 10px;\n      font-weight: 500;\n      letter-spacing: .2em;\n      text-transform: uppercase;\n      color: var(--terra);\n      margin-bottom: 16px;\n    }\n    .section-title {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 52px);\n      font-weight: 600;\n      line-height: 1.1;\n      color: var(--ink);\n    }\n    .btn-primary {\n      display: inline-flex; align-items: center; gap: 10px;\n      background: var(--terra);\n      color: #fff;\n      font-family: var(--sans);\n      font-size: 13px;\n      font-weight: 500;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n      padding: 14px 28px;\n      border: none; cursor: pointer;\n      text-decoration: none;\n      transition: background var(--transition);\n    }\n    .btn-primary:hover { background: var(--terra-lt); }\n    .btn-outline {\n      display: inline-flex; align-items: center; gap: 10px;\n      border: 1.5px solid var(--ink);\n      color: var(--ink);\n      font-family: var(--sans);\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: .1em;\n      text-transform: uppercase;\n      padding: 11px 24px;\n      text-decoration: none;\n      transition: all var(--transition);\n    }\n    .btn-outline:hover { background: var(--ink); color: #fff; }\n\n    \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n    nav {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n      background: rgba(247,245,242,.92);\n      backdrop-filter: blur(12px);\n      border-bottom: 1px solid var(--rule);\n    }\n    .nav-inner {\n      display: flex; align-items: center; justify-content: space-between;\n      height: 68px;\n    }\n    .nav-logo {\n      font-family: var(--serif);\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--ink);\n      text-decoration: none;\n      letter-spacing: -.01em;\n    }\n    .nav-logo span { color: var(--terra); }\n    .nav-links {\n      display: flex; align-items: center; gap: 36px;\n      list-style: none;\n    }\n    .nav-links a {\n      font-size: 13px;\n      font-weight: 400;\n      letter-spacing: .04em;\n      color: var(--ink-soft);\n      text-decoration: none;\n      transition: color var(--transition);\n      position: relative;\n    }\n    .nav-links a::after {\n      content: '';\n      position: absolute; bottom: -2px; left: 0; right: 0;\n      height: 1px; background: var(--terra);\n      transform: scaleX(0); transform-origin: left;\n      transition: transform var(--transition);\n    }\n    .nav-links a:hover { color: var(--ink); }\n    .nav-links a:hover::after { transform: scaleX(1); }\n    .nav-actions { display: flex; align-items: center; gap: 20px; }\n    .nav-cart {\n      display: flex; align-items: center; gap: 8px;\n      font-size: 13px; color: var(--ink-soft);\n      text-decoration: none;\n    }\n    .nav-cart svg { width: 18px; height: 18px; }\n    .nav-sell {\n      font-size: 12px; font-weight: 500;\n      letter-spacing: .08em; text-transform: uppercase;\n      color: var(--terra); text-decoration: none;\n      border-bottom: 1px solid currentColor;\n      padding-bottom: 1px;\n      transition: opacity var(--transition);\n    }\n    .nav-sell:hover { opacity: .7; }\n\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n    #hero {\n      min-height: 100vh;\n      background: var(--hero-bg);\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      align-items: center;\n      padding-top: 68px;\n      position: relative;\n      overflow: hidden;\n    }\n    .hero-texture {\n      position: absolute; inset: 0;\n      background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'\/%3E%3Ccircle cx='30' cy='30' r='.5' fill='%231A1814' opacity='.04'\/%3E%3C\/svg%3E\");\n      pointer-events: none;\n    }\n    .hero-content {\n      padding: 80px 60px 80px 80px;\n      position: relative; z-index: 1;\n    }\n    .hero-eyebrow {\n      font-size: 11px; font-weight: 500;\n      letter-spacing: .25em; text-transform: uppercase;\n      color: var(--terra); margin-bottom: 28px;\n      display: flex; align-items: center; gap: 14px;\n    }\n    .hero-eyebrow::before {\n      content: ''; display: block;\n      width: 32px; height: 1px;\n      background: var(--terra);\n    }\n    .hero-title {\n      font-family: var(--serif);\n      font-size: clamp(42px, 5vw, 72px);\n      font-weight: 600;\n      line-height: 1.05;\n      color: var(--ink);\n      margin-bottom: 28px;\n    }\n    .hero-title em { font-style: italic; color: var(--terra); }\n    .hero-subtitle {\n      font-size: 16px; font-weight: 300;\n      color: var(--ink-soft); line-height: 1.7;\n      max-width: 400px; margin-bottom: 44px;\n    }\n    .hero-ctas { display: flex; align-items: center; gap: 20px; }\n    .hero-stats {\n      display: flex; gap: 48px;\n      margin-top: 60px;\n      padding-top: 40px;\n      border-top: 1px solid var(--rule);\n    }\n    .stat-num {\n      font-family: var(--serif);\n      font-size: 36px; font-weight: 300; color: var(--ink);\n      display: block;\n    }\n    .stat-lbl {\n      font-size: 11px; letter-spacing: .1em; text-transform: uppercase;\n      color: var(--stone); margin-top: 4px; display: block;\n    }\n    .hero-visual {\n      height: 100%;\n      min-height: 100vh;\n      position: relative;\n      display: flex; align-items: center; justify-content: center;\n    }\n    .hero-img-main {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      position: absolute; inset: 0;\n      filter: brightness(.9);\n    }\n    .hero-img-card {\n      position: absolute; bottom: 60px; left: -48px;\n      background: var(--white);\n      padding: 20px 28px;\n      box-shadow: 0 16px 48px rgba(0,0,0,.12);\n      z-index: 2;\n    }\n    .hero-img-card p { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--stone); margin-bottom: 6px; }\n    .hero-img-card strong { font-family: var(--serif); font-size: 20px; font-weight: 600; }\n    .hero-badge {\n      position: absolute; top: 60px; right: -24px;\n      width: 100px; height: 100px;\n      background: var(--terra);\n      border-radius: 50%;\n      display: flex; flex-direction: column; align-items: center; justify-content: center;\n      color: #fff; text-align: center; z-index: 2;\n      box-shadow: 0 8px 24px rgba(184,92,56,.35);\n    }\n    .hero-badge strong { font-family: var(--serif); font-size: 20px; font-weight: 700; line-height: 1; }\n    .hero-badge span { font-size: 9px; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }\n\n    \/* \u2500\u2500\u2500 MARQUEE BAND \u2500\u2500\u2500 *\/\n    .marquee-band {\n      background: var(--ink);\n      color: #fff;\n      padding: 14px 0;\n      overflow: hidden;\n    }\n    .marquee-inner {\n      display: flex; white-space: nowrap;\n      animation: marquee 30s linear infinite;\n    }\n    .marquee-inner span {\n      font-size: 12px; letter-spacing: .2em; text-transform: uppercase;\n      padding: 0 40px; opacity: .6;\n    }\n    .marquee-inner strong {\n      font-size: 12px; letter-spacing: .1em; text-transform: uppercase;\n      padding: 0 40px; opacity: 1;\n    }\n    @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n\n    \/* \u2500\u2500\u2500 PRODUCTS \u2500\u2500\u2500 *\/\n    #products { padding: 100px 0; }\n    .products-header {\n      display: flex; align-items: flex-end; justify-content: space-between;\n      margin-bottom: 60px;\n    }\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 2px;\n    }\n    .product-card {\n      background: var(--white);\n      position: relative; overflow: hidden;\n      text-decoration: none; color: inherit;\n      display: block;\n    }\n    .product-card-img {\n      aspect-ratio: 3\/4; overflow: hidden;\n      background: #EDE9E3;\n      position: relative;\n    }\n    .product-card-img img {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      transition: transform .6s cubic-bezier(.4,0,.2,1);\n    }\n    .product-card:hover .product-card-img img { transform: scale(1.06); }\n    .product-card-overlay {\n      position: absolute; inset: 0;\n      background: rgba(26,24,20,0);\n      transition: background var(--transition);\n      display: flex; align-items: flex-end; justify-content: center;\n      padding: 24px;\n    }\n    .product-card:hover .product-card-overlay { background: rgba(26,24,20,.35); }\n    .product-card-cta {\n      background: var(--terra); color: #fff;\n      font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase;\n      padding: 10px 20px; border: none; cursor: pointer;\n      transform: translateY(12px); opacity: 0;\n      transition: all var(--transition);\n      white-space: nowrap;\n    }\n    .product-card:hover .product-card-cta { transform: translateY(0); opacity: 1; }\n    .product-card-body { padding: 20px 24px 24px; }\n    .product-cat {\n      font-size: 10px; letter-spacing: .15em; text-transform: uppercase;\n      color: var(--stone); margin-bottom: 6px;\n    }\n    .product-name {\n      font-family: var(--serif);\n      font-size: 17px; font-weight: 600; line-height: 1.3;\n      color: var(--ink); margin-bottom: 10px;\n    }\n    .product-price {\n      font-size: 16px; font-weight: 400;\n      color: var(--terra);\n    }\n    .product-price span { font-family: var(--serif); font-weight: 600; font-size: 19px; }\n\n    \/* \u2500\u2500\u2500 QUALITY \u2500\u2500\u2500 *\/\n    #quality {\n      padding: 100px 0;\n      background: var(--ink);\n      color: #fff;\n    }\n    .quality-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n    }\n    .quality-img-wrap {\n      position: relative;\n    }\n    .quality-img {\n      width: 100%; aspect-ratio: 4\/3;\n      object-fit: cover;\n      display: block;\n    }\n    .quality-badge {\n      position: absolute; bottom: -28px; right: -28px;\n      background: var(--terra);\n      padding: 32px;\n      max-width: 200px;\n    }\n    .quality-badge p { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; opacity: .7; margin-bottom: 8px; }\n    .quality-badge strong { font-family: var(--serif); font-size: 28px; font-weight: 600; line-height: 1.1; display: block; }\n    .quality-content { padding-left: 20px; }\n    .quality-content .section-label { color: rgba(255,255,255,.5); }\n    .quality-content .section-title { color: #fff; margin-bottom: 24px; }\n    .quality-content p { color: rgba(255,255,255,.65); font-weight: 300; line-height: 1.8; margin-bottom: 48px; }\n    .quality-features { display: flex; flex-direction: column; gap: 0; }\n    .quality-feature {\n      display: flex; align-items: flex-start; gap: 20px;\n      padding: 24px 0;\n      border-top: 1px solid rgba(255,255,255,.1);\n    }\n    .quality-feature:last-child { border-bottom: 1px solid rgba(255,255,255,.1); }\n    .quality-feature-icon {\n      width: 36px; height: 36px; flex-shrink: 0;\n      border: 1px solid rgba(255,255,255,.2);\n      display: flex; align-items: center; justify-content: center;\n      color: var(--terra);\n    }\n    .quality-feature-icon svg { width: 16px; height: 16px; }\n    .quality-feature h4 { font-size: 15px; font-weight: 500; color: #fff; margin-bottom: 4px; }\n    .quality-feature p { font-size: 13px; color: rgba(255,255,255,.5); margin-bottom: 0; }\n\n    \/* \u2500\u2500\u2500 CTA BAND \u2500\u2500\u2500 *\/\n    #cta-band {\n      background: var(--terra);\n      padding: 80px 0;\n    }\n    .cta-band-inner {\n      display: flex; align-items: center; justify-content: space-between; gap: 40px;\n    }\n    .cta-band-text .section-label { color: rgba(255,255,255,.6); }\n    .cta-band-text .section-title { color: #fff; }\n    .btn-white {\n      background: #fff; color: var(--terra);\n      font-family: var(--sans); font-size: 13px; font-weight: 500;\n      letter-spacing: .08em; text-transform: uppercase;\n      padding: 16px 36px;\n      border: none; cursor: pointer; text-decoration: none;\n      display: inline-block; flex-shrink: 0;\n      transition: all var(--transition);\n    }\n    .btn-white:hover { background: var(--ink); color: #fff; }\n\n    \/* \u2500\u2500\u2500 BLOG \u2500\u2500\u2500 *\/\n    #blog { padding: 100px 0; }\n    .blog-header {\n      display: flex; align-items: flex-end; justify-content: space-between;\n      margin-bottom: 60px;\n    }\n    .blog-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2px;\n    }\n    .blog-card {\n      background: var(--white);\n      text-decoration: none; color: inherit;\n      display: block; overflow: hidden;\n      position: relative;\n    }\n    .blog-card-img {\n      aspect-ratio: 16\/9; overflow: hidden;\n      background: var(--hero-bg);\n    }\n    .blog-card-img img {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      transition: transform .6s cubic-bezier(.4,0,.2,1);\n    }\n    .blog-card:hover .blog-card-img img { transform: scale(1.05); }\n    .blog-card-body { padding: 28px 28px 32px; }\n    .blog-card-meta {\n      display: flex; align-items: center; gap: 12px;\n      font-size: 11px; letter-spacing: .1em; text-transform: uppercase;\n      color: var(--stone); margin-bottom: 14px;\n    }\n    .blog-card-meta span { width: 4px; height: 4px; background: var(--terra); border-radius: 50%; display: inline-block; }\n    .blog-card-title {\n      font-family: var(--serif);\n      font-size: 20px; font-weight: 600; line-height: 1.3;\n      color: var(--ink); margin-bottom: 14px;\n      transition: color var(--transition);\n    }\n    .blog-card:hover .blog-card-title { color: var(--terra); }\n    .blog-card-excerpt {\n      font-size: 13px; color: var(--stone); line-height: 1.7;\n      margin-bottom: 20px;\n    }\n    .blog-card-link {\n      font-size: 12px; letter-spacing: .1em; text-transform: uppercase;\n      color: var(--terra); font-weight: 500;\n      display: flex; align-items: center; gap: 8px;\n    }\n    .blog-card-link svg { width: 14px; height: 14px; transition: transform var(--transition); }\n    .blog-card:hover .blog-card-link svg { transform: translateX(4px); }\n\n    \/* \u2500\u2500\u2500 VENDOR CTA \u2500\u2500\u2500 *\/\n    #vendor {\n      background: var(--hero-bg);\n      padding: 80px 0;\n      border-top: 1px solid var(--rule);\n    }\n    .vendor-inner {\n      display: grid; grid-template-columns: 1fr auto;\n      gap: 40px; align-items: center;\n    }\n    .vendor-inner h2 {\n      font-family: var(--serif);\n      font-size: clamp(24px, 3vw, 40px);\n      font-weight: 600; line-height: 1.2;\n    }\n    .vendor-inner p { font-size: 15px; color: var(--ink-soft); margin-top: 10px; }\n\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n    footer {\n      background: var(--ink);\n      color: rgba(255,255,255,.55);\n      padding: 60px 0 32px;\n    }\n    .footer-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: 48px;\n      margin-bottom: 60px;\n    }\n    .footer-brand .nav-logo { color: #fff; display: block; margin-bottom: 16px; }\n    .footer-brand p { font-size: 13px; line-height: 1.7; max-width: 260px; }\n    .footer-col h5 {\n      font-size: 11px; letter-spacing: .18em; text-transform: uppercase;\n      color: rgba(255,255,255,.4); margin-bottom: 20px;\n    }\n    .footer-col ul { list-style: none; }\n    .footer-col ul li { margin-bottom: 10px; }\n    .footer-col ul li a {\n      font-size: 13px; color: rgba(255,255,255,.55); text-decoration: none;\n      transition: color var(--transition);\n    }\n    .footer-col ul li a:hover { color: #fff; }\n    .footer-bottom {\n      border-top: 1px solid rgba(255,255,255,.08);\n      padding-top: 28px;\n      display: flex; justify-content: space-between; align-items: center;\n    }\n    .footer-bottom p { font-size: 12px; }\n    .footer-bottom a { color: rgba(255,255,255,.4); text-decoration: none; }\n\n    \/* \u2500\u2500\u2500 WHATSAPP FLOAT \u2500\u2500\u2500 *\/\n    .whatsapp-btn {\n      position: fixed; bottom: 28px; right: 28px; z-index: 200;\n      width: 56px; height: 56px;\n      background: #25D366; border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      box-shadow: 0 8px 28px rgba(37,211,102,.4);\n      transition: transform var(--transition), box-shadow var(--transition);\n      text-decoration: none;\n    }\n    .whatsapp-btn:hover { transform: scale(1.08); box-shadow: 0 12px 36px rgba(37,211,102,.5); }\n    .whatsapp-btn svg { width: 28px; height: 28px; fill: #fff; }\n\n    \/* \u2500\u2500\u2500 SKELETON LOADER \u2500\u2500\u2500 *\/\n    .skeleton {\n      background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n      background-size: 200% 100%;\n      animation: shimmer 1.5s infinite;\n    }\n    @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }\n    .skeleton-card { background: var(--white); padding: 0; overflow: hidden; }\n    .skeleton-img { aspect-ratio: 3\/4; }\n    .skeleton-body { padding: 20px 24px 24px; }\n    .skeleton-line { height: 12px; margin-bottom: 10px; border-radius: 2px; }\n    .skeleton-line.short { width: 60%; }\n\n    \/* \u2500\u2500\u2500 LOADING \/ ERROR \u2500\u2500\u2500 *\/\n    .state-container {\n      grid-column: 1 \/ -1;\n      text-align: center; padding: 80px 0;\n      color: var(--stone);\n    }\n    .state-container p { font-size: 15px; }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n    @media (max-width: 1024px) {\n      .products-grid { grid-template-columns: repeat(2, 1fr); }\n      .quality-grid { grid-template-columns: 1fr; gap: 60px; }\n      .quality-img-wrap { display: none; }\n      .quality-content { padding-left: 0; }\n      .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n    }\n    @media (max-width: 768px) {\n      #hero { grid-template-columns: 1fr; min-height: auto; }\n      .hero-content { padding: 60px 32px 40px; }\n      .hero-visual { display: none; }\n      .hero-stats { gap: 28px; }\n      .products-grid { grid-template-columns: 1fr 1fr; }\n      .blog-grid { grid-template-columns: 1fr; }\n      .products-header, .blog-header { flex-direction: column; align-items: flex-start; gap: 20px; }\n      .cta-band-inner { flex-direction: column; align-items: flex-start; }\n      .vendor-inner { grid-template-columns: 1fr; }\n      .footer-grid { grid-template-columns: 1fr; }\n      nav .nav-links, nav .nav-sell { display: none; }\n    }\n\n    \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(24px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n    .hero-eyebrow { animation: fadeUp .6s .1s both; }\n    .hero-title   { animation: fadeUp .6s .25s both; }\n    .hero-subtitle{ animation: fadeUp .6s .4s both; }\n    .hero-ctas    { animation: fadeUp .6s .55s both; }\n    .hero-stats   { animation: fadeUp .6s .7s both; }\n  <\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550 NAV \u2550\u2550\u2550 -->\n<nav>\n  <div class=\"container nav-inner\">\n    <a href=\"https:\/\/kinbrique.com\/\" class=\"nav-logo\">Kin<span>Brique<\/span><\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"https:\/\/kinbrique.com\/\">Accueil<\/a><\/li>\n      <li><a href=\"https:\/\/kinbrique.com\/index.php\/shop\/\">Mat\u00e9riaux<\/a><\/li>\n      <li><a href=\"https:\/\/kinbrique.com\/index.php\/product-category\/boutique\/\">Boutique<\/a><\/li>\n      <li><a href=\"https:\/\/kinbrique.com\/index.php\/blog\/\">Blog<\/a><\/li>\n    <\/ul>\n    <div class=\"nav-actions\">\n      <a class=\"nav-sell\" href=\"https:\/\/kinbrique.com\/index.php\/devenez-vendeur\/\">Devenez vendeur<\/a>\n      <a class=\"nav-cart\" href=\"https:\/\/kinbrique.com\/index.php\/cart\/\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n          <circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/>\n          <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/>\n        <\/svg>\n        Panier\n      <\/a>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n<section id=\"hero\">\n  <div class=\"hero-texture\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"hero-eyebrow\">Kinshasa, RDC<\/div>\n    <h1 class=\"hero-title\">Le meilleur<br>fournisseur de<br><em>briques<\/em> \u00e0 Kinshasa<\/h1>\n    <p class=\"hero-subtitle\">Mat\u00e9riaux de construction de qualit\u00e9 sup\u00e9rieure, fabriqu\u00e9s \u00e0 la machine. Livraison gratuite sur chaque commande.<\/p>\n    <div class=\"hero-ctas\">\n      <a class=\"btn-primary\" href=\"https:\/\/kinbrique.com\/index.php\/shop\/\">\n        Voir nos produits\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <a class=\"btn-outline\" href=\"https:\/\/web.whatsapp.com\/send?phone=243810478729\" target=\"_blank\">Nous contacter<\/a>\n    <\/div>\n    <div class=\"hero-stats\">\n      <div>\n        <strong class=\"stat-num\">100%<\/strong>\n        <span class=\"stat-lbl\">Qualit\u00e9 Machine<\/span>\n      <\/div>\n      <div>\n        <strong class=\"stat-num\">0 $<\/strong>\n        <span class=\"stat-lbl\">Livraison<\/span>\n      <\/div>\n      <div>\n        <strong class=\"stat-num\">+500<\/strong>\n        <span class=\"stat-lbl\">Projets livr\u00e9s<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"hero-visual\">\n    <img decoding=\"async\" class=\"hero-img-main\"\n      src=\"https:\/\/kinbrique.com\/wp-content\/uploads\/2021\/10\/66af8721-2ffd-4b8a-9436-bb1acd2a9faf.png\"\n      alt=\"Brique Kinshasa\" \/>\n    <div class=\"hero-badge\">\n      <strong>\u21161<\/strong>\n      <span>Kinshasa<\/span>\n    <\/div>\n    <div class=\"hero-img-card\">\n      <p>Disponible maintenant<\/p>\n      <strong>Livraison gratuite<\/strong>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550 -->\n<div class=\"marquee-band\">\n  <div class=\"marquee-inner\" id=\"marquee-inner\">\n    <!-- JS will fill and duplicate this -->\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 PRODUCTS \u2550\u2550\u2550 -->\n<section id=\"products\">\n  <div class=\"container\">\n    <div class=\"products-header\">\n      <div>\n        <p class=\"section-label\">Notre catalogue<\/p>\n        <h2 class=\"section-title\">Nos produits<\/h2>\n      <\/div>\n      <a class=\"btn-outline\" href=\"https:\/\/kinbrique.com\/index.php\/shop\/\">Voir tout<\/a>\n    <\/div>\n    <div class=\"products-grid\" id=\"products-grid\">\n      <!-- Skeleton loaders -->\n      <div class=\"skeleton-card\">\n        <div class=\"skeleton skeleton-img\"><\/div>\n        <div class=\"skeleton-body\">\n          <div class=\"skeleton skeleton-line short\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n          <div class=\"skeleton skeleton-line short\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"skeleton-card\">\n        <div class=\"skeleton skeleton-img\"><\/div>\n        <div class=\"skeleton-body\">\n          <div class=\"skeleton skeleton-line short\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n          <div class=\"skeleton skeleton-line short\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"skeleton-card\">\n        <div class=\"skeleton skeleton-img\"><\/div>\n        <div class=\"skeleton-body\">\n          <div class=\"skeleton skeleton-line short\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n          <div class=\"skeleton skeleton-line short\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"skeleton-card\">\n        <div class=\"skeleton skeleton-img\"><\/div>\n        <div class=\"skeleton-body\">\n          <div class=\"skeleton skeleton-line short\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n          <div class=\"skeleton skeleton-line short\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 QUALITY \u2550\u2550\u2550 -->\n<section id=\"quality\">\n  <div class=\"container\">\n    <div class=\"quality-grid\">\n      <div class=\"quality-img-wrap\">\n        <img decoding=\"async\" class=\"quality-img\"\n          src=\"https:\/\/kinbrique.com\/wp-content\/uploads\/2024\/03\/imgbrique.png\"\n          alt=\"Qualit\u00e9 Kinbrique\" \/>\n        <div class=\"quality-badge\">\n          <p>Certification<\/p>\n          <strong>Rapport de composition inclus<\/strong>\n        <\/div>\n      <\/div>\n      <div class=\"quality-content\">\n        <p class=\"section-label\">Notre engagement<\/p>\n        <h2 class=\"section-title\">Fabriqu\u00e9 avec les meilleurs mat\u00e9riaux<\/h2>\n        <p>Chaque brique est produite \u00e0 la machine pour garantir une qualit\u00e9 constante et une r\u00e9sistance optimale. Nous fournissons un rapport de composition d\u00e9taill\u00e9 pour chaque commande.<\/p>\n        <div class=\"quality-features\">\n          <div class=\"quality-feature\">\n            <div class=\"quality-feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4>Une composition parfaite<\/h4>\n              <p>Rapport de composition fourni pour chaque commande.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"quality-feature\">\n            <div class=\"quality-feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4>Fait \u00e0 la machine<\/h4>\n              <p>Fabrication m\u00e9canique pour une qualit\u00e9 uniforme sur chaque brique.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"quality-feature\">\n            <div class=\"quality-feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4>Livraison gratuite<\/h4>\n              <p>Livraison offerte sur toutes les commandes \u00e0 Kinshasa.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 CTA BAND \u2550\u2550\u2550 -->\n<section id=\"cta-band\">\n  <div class=\"container cta-band-inner\">\n    <div class=\"cta-band-text\">\n      <p class=\"section-label\">Sur mesure<\/p>\n      <h2 class=\"section-title\" style=\"color:#fff\">Vous avez un projet<br>sp\u00e9cifique ?<\/h2>\n    <\/div>\n    <a class=\"btn-white\" href=\"https:\/\/web.whatsapp.com\/send?phone=243810478729\" target=\"_blank\">\n      Parlez-nous de votre projet \u2192\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 BLOG \u2550\u2550\u2550 -->\n<section id=\"blog\">\n  <div class=\"container\">\n    <div class=\"blog-header\">\n      <div>\n        <p class=\"section-label\">Conseils & guides<\/p>\n        <h2 class=\"section-title\">Nos articles<\/h2>\n      <\/div>\n      <a class=\"btn-outline\" href=\"https:\/\/kinbrique.com\/index.php\/blog\/\">Voir tout<\/a>\n    <\/div>\n    <div class=\"blog-grid\" id=\"blog-grid\">\n      <div class=\"skeleton-card\">\n        <div class=\"skeleton\" style=\"aspect-ratio:16\/9\"><\/div>\n        <div class=\"skeleton-body\">\n          <div class=\"skeleton skeleton-line short\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"skeleton-card\">\n        <div class=\"skeleton\" style=\"aspect-ratio:16\/9\"><\/div>\n        <div class=\"skeleton-body\">\n          <div class=\"skeleton skeleton-line short\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"skeleton-card\">\n        <div class=\"skeleton\" style=\"aspect-ratio:16\/9\"><\/div>\n        <div class=\"skeleton-body\">\n          <div class=\"skeleton skeleton-line short\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n          <div class=\"skeleton skeleton-line\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 VENDOR \u2550\u2550\u2550 -->\n<section id=\"vendor\">\n  <div class=\"container vendor-inner\">\n    <div>\n      <h2>Vous \u00eates fournisseur ?<br>Rejoignez notre r\u00e9seau.<\/h2>\n      <p>D\u00e9veloppez votre activit\u00e9 en rejoignant la plateforme de r\u00e9f\u00e9rence pour les mat\u00e9riaux de construction \u00e0 Kinshasa.<\/p>\n    <\/div>\n    <a class=\"btn-primary\" href=\"https:\/\/kinbrique.com\/index.php\/devenez-vendeur\/\">Devenir vendeur<\/a>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 FOOTER \u2550\u2550\u2550 -->\n<footer>\n  <div class=\"container\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-brand\">\n        <a href=\"https:\/\/kinbrique.com\/\" class=\"nav-logo\">Kin<span style=\"color:var(--terra)\">Brique<\/span><\/a>\n        <p>Le meilleur fournisseur de mat\u00e9riaux de construction \u00e0 Kinshasa. Qualit\u00e9 garantie, livraison gratuite.<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Mat\u00e9riaux<\/h5>\n        <ul>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/shop\/\">Briques<\/a><\/li>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/product-category\/carreaux\/\">Carreaux<\/a><\/li>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/product-category\/autres\/\">Autres<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Boutique<\/h5>\n        <ul>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/product-category\/awael-bloc\/\">Awael Bloc<\/a><\/li>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/product-category\/total\/\">Total<\/a><\/li>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/product-category\/boutique\/cimko\/\">CIMKO<\/a><\/li>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/product-category\/boutique\/congo-nouveau\/\">Congo Nouveau<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h5>Liens<\/h5>\n        <ul>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/blog\/\">Blog<\/a><\/li>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/devenez-vendeur\/\">Devenez vendeur<\/a><\/li>\n          <li><a href=\"https:\/\/kinbrique.com\/index.php\/cart\/\">Panier<\/a><\/li>\n          <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=243810478729\" target=\"_blank\">WhatsApp<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <p>\u00a9 2025 KinBrique \u2014 Par <a href=\"https:\/\/mans-consulting.com\" target=\"_blank\">Mans-Consulting<\/a><\/p>\n      <p>Kinshasa, R\u00e9publique D\u00e9mocratique du Congo<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- \u2550\u2550\u2550 WHATSAPP \u2550\u2550\u2550 -->\n<a class=\"whatsapp-btn\"\n   href=\"https:\/\/web.whatsapp.com\/send?phone=243810478729&text=Bonjour%2C%20je%20souhaite%20avoir%20des%20informations%20sur%20vos%20produits.\"\n   target=\"_blank\" aria-label=\"\u00c9crire sur WhatsApp\">\n  <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 00-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n<\/a>\n\n<!-- \u2550\u2550\u2550 SCRIPT \u2550\u2550\u2550 -->\n<script>\nconst BASE = 'https:\/\/kinbrique.com';\nconst WC   = `${BASE}\/wp-json\/wc\/v3`;\nconst WP   = `${BASE}\/wp-json\/wp\/v2`;\n\n\/\/ \u2500\u2500 marquee\n(function() {\n  const items = [\n    { type: 'strong', text: 'Livraison gratuite \u00e0 Kinshasa' },\n    { type: 'span',   text: '\u2726' },\n    { type: 'strong', text: 'Briques fabriqu\u00e9es \u00e0 la machine' },\n    { type: 'span',   text: '\u2726' },\n    { type: 'strong', text: 'Rapport de composition fourni' },\n    { type: 'span',   text: '\u2726' },\n    { type: 'strong', text: 'Mat\u00e9riaux de construction de qualit\u00e9' },\n    { type: 'span',   text: '\u2726' },\n    { type: 'strong', text: 'Briques \u00b7 Barres \u00b7 Carreaux \u00b7 Ciment' },\n    { type: 'span',   text: '\u2726' },\n  ];\n  const m = document.getElementById('marquee-inner');\n  \/\/ duplicate for seamless loop\n  let html = '';\n  [1,2].forEach(() => items.forEach(i => {\n    html += `<${i.type}>${i.text}<\/${i.type}>`;\n  }));\n  m.innerHTML = html;\n})();\n\n\/\/ \u2500\u2500 strip HTML tags helper\nfunction strip(html) {\n  const d = document.createElement('div');\n  d.innerHTML = html;\n  return d.textContent || d.innerText || '';\n}\n\n\/\/ \u2500\u2500 render product card\nfunction productCard(p) {\n  const name    = strip(p.name);\n  const price   = p.price ? parseFloat(p.price).toFixed(2) : '\u2014';\n  const img     = p.images && p.images[0] ? p.images[0].src : 'https:\/\/kinbrique.com\/wp-content\/uploads\/2024\/03\/imgbrique.png';\n  const link    = p.permalink || `${BASE}\/index.php\/product\/${p.slug}\/`;\n  const cat     = p.categories && p.categories[0] ? p.categories[0].name : '';\n  const cartUrl = `${BASE}\/?add-to-cart=${p.id}`;\n\n  return `\n  <a class=\"product-card\" href=\"${link}\">\n    <div class=\"product-card-img\">\n      <img decoding=\"async\" src=\"${img}\" alt=\"${name}\" loading=\"lazy\"\/>\n      <div class=\"product-card-overlay\">\n        <button class=\"product-card-cta\" onclick=\"event.preventDefault();event.stopPropagation();window.location='${cartUrl}'\">\n          Ajouter au panier\n        <\/button>\n      <\/div>\n    <\/div>\n    <div class=\"product-card-body\">\n      <p class=\"product-cat\">${cat}<\/p>\n      <h3 class=\"product-name\">${name}<\/h3>\n      <p class=\"product-price\"><span>${price} $<\/span><\/p>\n    <\/div>\n  <\/a>`;\n}\n\n\/\/ \u2500\u2500 render blog card\nfunction blogCard(post) {\n  const title   = strip(post.title.rendered);\n  const excerpt = strip(post.excerpt.rendered).substring(0,110) + '\u2026';\n  const link    = post.link;\n  const date    = new Date(post.date).toLocaleDateString('fr-FR', { day:'numeric', month:'long', year:'numeric' });\n  const img     = post._embedded?.['wp:featuredmedia']?.[0]?.source_url ||\n                  'https:\/\/kinbrique.com\/wp-content\/uploads\/2024\/03\/imgbrique.png';\n\n  return `\n  <a class=\"blog-card\" href=\"${link}\">\n    <div class=\"blog-card-img\">\n      <img decoding=\"async\" src=\"${img}\" alt=\"${title}\" loading=\"lazy\"\/>\n    <\/div>\n    <div class=\"blog-card-body\">\n      <div class=\"blog-card-meta\">\n        <span>${date}<\/span>\n        <span><\/span>\n        <span>Blog<\/span>\n      <\/div>\n      <h3 class=\"blog-card-title\">${title}<\/h3>\n      <p class=\"blog-card-excerpt\">${excerpt}<\/p>\n      <span class=\"blog-card-link\">\n        Lire l'article\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/span>\n    <\/div>\n  <\/a>`;\n}\n\n\/\/ \u2500\u2500 load products (WooCommerce public endpoint \u2014 no auth needed for listing)\nasync function loadProducts() {\n  const grid = document.getElementById('products-grid');\n  try {\n    \/\/ Try WooCommerce REST API first\n    const res = await fetch(`${WC}\/products?per_page=8&status=publish&_fields=id,name,slug,price,images,categories,permalink`, {\n      headers: { 'Content-Type': 'application\/json' }\n    });\n\n    if (!res.ok) throw new Error('WC API unavailable');\n    const products = await res.json();\n\n    if (!products.length) throw new Error('No products');\n    grid.innerHTML = products.slice(0, 8).map(productCard).join('');\n\n  } catch (err) {\n    \/\/ Fallback: use static data extracted from the page\n    const fallbackProducts = [\n      { id: 16507, name: 'Barre 10 \u00e0 Kinshasa', slug: 'barre-de-10-kinshasa', price: '7.75', categories: [{ name: 'Congo Nouveau' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/pexels-grigoriy-3808567-10059198-scaled-1-rk8xlpzb3s60kjmadhbpmn6dngypvs6mze6hej88zq.jpg' }] },\n      { id: 16508, name: 'Barre 12 \u00e0 Kinshasa', slug: 'barre-de-12-kinshasa', price: '11.65', categories: [{ name: 'Congo Nouveau' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/pexels-eva-bronzini-6086887-scaled-1-rk8xlruzhg8l7rjk2i4yrmpau8pgb6e3nnhgd35gna.jpg' }] },\n      { id: 16509, name: 'Barre 14 \u00e0 Kinshasa', slug: 'barre-de-14', price: '16.50', categories: [{ name: 'Congo Nouveau' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/pexels-grigoriy-3808567-100591991-scaled-1-rk8xltqnv4b5uzgtriy7wm8810g6qklkbwsfbn2oau.jpg' }] },\n      { id: 16510, name: 'Barre 16 \u00e0 Kinshasa', slug: 'barre-de-16-kinshasa', price: '20.50', categories: [{ name: 'Bricolage & R\u00e9novation' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/pexels-grigoriy-3808567-10059198-scaled-1-rk8xlpzb3s60kjmadhbpmn6dngypvs6mze6hej88zq.jpg' }] },\n      { id: 16511, name: 'Barre 18 \u00e0 Kinshasa', slug: 'barre-de-18-kinshasa', price: '25.50', categories: [{ name: 'Congo Nouveau' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/pexels-eva-bronzini-6086887-scaled-1-rk8xlruzhg8l7rjk2i4yrmpau8pgb6e3nnhgd35gna.jpg' }] },\n      { id: 16512, name: 'Barre 20 \u00e0 Kinshasa', slug: 'barre-de-20-kinshasa', price: '29.50', categories: [{ name: 'Bricolage & R\u00e9novation' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/pexels-wal_-172619-2156618639-36050289-scaled-1-rk8xlvmc8sdqi7e3gjrh1lr57s6x5yt1063ea6zvye.jpg' }] },\n      { id: 16507, name: 'Brique Standard', slug: 'shop', price: '0.25', categories: [{ name: 'Briques' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/2024\/03\/imgbrique.png' }] },\n      { id: 16507, name: 'Brique de Pierre', slug: 'shop', price: '0.45', categories: [{ name: 'Briques' }], images: [{ src: 'https:\/\/kinbrique.com\/wp-content\/uploads\/2024\/03\/Brique_accueil.png' }] },\n    ];\n    grid.innerHTML = fallbackProducts.map(productCard).join('');\n  }\n}\n\n\/\/ \u2500\u2500 load blog posts (WP REST \u2014 always public)\nasync function loadBlog() {\n  const grid = document.getElementById('blog-grid');\n  try {\n    const res = await fetch(`${WP}\/posts?per_page=3&_embed&_fields=id,title,excerpt,link,date,_embedded`);\n    if (!res.ok) throw new Error('WP API unavailable');\n    const posts = await res.json();\n\n    if (!posts.length) throw new Error('No posts');\n    grid.innerHTML = posts.map(blogCard).join('');\n\n  } catch (err) {\n    \/\/ Fallback static blog posts from extracted data\n    const fallback = [\n      { title: { rendered: 'Comment faire ses propres briques' }, excerpt: { rendered: 'Faire ses briques soi-m\u00eame : Un guide complet pour les bricoleurs et passionn\u00e9s de construction.' }, link: 'https:\/\/kinbrique.com\/index.php\/2024\/03\/14\/comment-faire-ses-propres-briques\/', date: '2024-03-14', _embedded: { 'wp:featuredmedia': [{ source_url: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/Fabrique-ses-briques-ql7jxssw3wnewtiq3ur6vxu4q10qpw6suw81y9s1vw.png' }] } },\n      { title: { rendered: 'Comment fabriquer une brique' }, excerpt: { rendered: 'Les \u00e9tapes compl\u00e8tes pour fabriquer une brique de qualit\u00e9, de la pr\u00e9paration \u00e0 la cuisson.' }, link: 'https:\/\/kinbrique.com\/index.php\/2024\/03\/14\/comment-fabriquer-une-brique\/', date: '2024-03-14', _embedded: { 'wp:featuredmedia': [{ source_url: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/Fabrique-une-brique-ql7igk7z0prrbwunzcaw5vh9hdfbr1u3ve10f2psb0.png' }] } },\n      { title: { rendered: 'Dimension d\\'une brique en terre cuite' }, excerpt: { rendered: 'Guide complet sur les dimensions et standards des briques en terre cuite pour la construction.' }, link: 'https:\/\/kinbrique.com\/index.php\/2024\/03\/14\/dimension-dune-brique-en-terre-cuite\/', date: '2024-03-14', _embedded: { 'wp:featuredmedia': [{ source_url: 'https:\/\/kinbrique.com\/wp-content\/uploads\/elementor\/thumbs\/Dimension-dune-brique-ql70q9xe4s07gfzx4ft3zxyznzgeu9vvg616kt3xjg.png' }] } },\n    ];\n    grid.innerHTML = fallback.map(blogCard).join('');\n  }\n}\n\n\/\/ \u2500\u2500 init\nloadProducts();\nloadBlog();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kin Brique \u2014 Mat\u00e9riaux de Construction \u00e0 Kinshasa KinBrique Accueil Mat\u00e9riaux Boutique Blog Devenez vendeur Panier Kinshasa, RDC Le meilleurfournisseur<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16568","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>accueil1 - kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinbrique.com\/index.php\/accueil1\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"accueil1 - kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\" \/>\n<meta property=\"og:description\" content=\"Kin Brique \u2014 Mat\u00e9riaux de Construction \u00e0 Kinshasa KinBrique Accueil Mat\u00e9riaux Boutique Blog Devenez vendeur Panier Kinshasa, RDC Le meilleurfournisseur\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinbrique.com\/index.php\/accueil1\/\" \/>\n<meta property=\"og:site_name\" content=\"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T11:13:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/accueil1\\\/\",\"url\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/accueil1\\\/\",\"name\":\"accueil1 - kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kinbrique.com\\\/#website\"},\"datePublished\":\"2026-03-31T11:08:19+00:00\",\"dateModified\":\"2026-03-31T11:13:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/accueil1\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/accueil1\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/accueil1\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kinbrique.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"accueil1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kinbrique.com\\\/#website\",\"url\":\"https:\\\/\\\/kinbrique.com\\\/\",\"name\":\"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\",\"description\":\"Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kinbrique.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"accueil1 - kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinbrique.com\/index.php\/accueil1\/","og_locale":"fr_FR","og_type":"article","og_title":"accueil1 - kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","og_description":"Kin Brique \u2014 Mat\u00e9riaux de Construction \u00e0 Kinshasa KinBrique Accueil Mat\u00e9riaux Boutique Blog Devenez vendeur Panier Kinshasa, RDC Le meilleurfournisseur","og_url":"https:\/\/kinbrique.com\/index.php\/accueil1\/","og_site_name":"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","article_modified_time":"2026-03-31T11:13:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kinbrique.com\/index.php\/accueil1\/","url":"https:\/\/kinbrique.com\/index.php\/accueil1\/","name":"accueil1 - kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","isPartOf":{"@id":"https:\/\/kinbrique.com\/#website"},"datePublished":"2026-03-31T11:08:19+00:00","dateModified":"2026-03-31T11:13:04+00:00","breadcrumb":{"@id":"https:\/\/kinbrique.com\/index.php\/accueil1\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinbrique.com\/index.php\/accueil1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kinbrique.com\/index.php\/accueil1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kinbrique.com\/"},{"@type":"ListItem","position":2,"name":"accueil1"}]},{"@type":"WebSite","@id":"https:\/\/kinbrique.com\/#website","url":"https:\/\/kinbrique.com\/","name":"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","description":"Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinbrique.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/16568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/comments?post=16568"}],"version-history":[{"count":4,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/16568\/revisions"}],"predecessor-version":[{"id":16573,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/16568\/revisions\/16573"}],"wp:attachment":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/media?parent=16568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}