{"id":299,"date":"2026-08-22T06:37:58","date_gmt":"2026-08-22T06:37:58","guid":{"rendered":"https:\/\/bhwebcreation.fr\/?page_id=299"},"modified":"2026-08-22T07:06:51","modified_gmt":"2026-08-22T07:06:51","slug":"contact","status":"publish","type":"page","link":"https:\/\/bhwebcreation.fr\/index.php\/contact\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"299\" class=\"elementor elementor-299\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f321112 e-flex e-con-boxed e-con e-parent\" data-id=\"f321112\" 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-a27bc7a elementor-widget elementor-widget-html\" data-id=\"a27bc7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n<title>Contact \u2014 BH Web Cr\u00e9ation<\/title>\r\n<style>\r\n:root{\r\n  --navy:#07101f;--navy2:#0d1b30;--blue:#3f94f6;--blue2:#2877d3;\r\n  --white:#fff;--muted:#aab6c7;--ink:#172033;--line:#e3e9f1;\r\n  --soft:#f5f8fc;--green:#16865e;--red:#c44755\r\n}\r\n*{box-sizing:border-box}\r\nbody{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;background:var(--soft);color:var(--ink)}\r\n\/* Elementor integration *\/\r\n#hfc-root,#hfc-root *{box-sizing:border-box}\r\n.elementor-widget-html:has(#hfc-root){width:100%!important}\r\n\r\n.hfc-page{width:100%;min-height:100vh;margin:0;padding:0 0 80px;background:linear-gradient(180deg,var(--navy) 0 43%,var(--soft) 43%);overflow:hidden}\r\n.hfc-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}\r\n.hfc-header{display:flex;justify-content:space-between;align-items:center;padding:22px 0}\r\n.hfc-brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:13px}\r\n.hfc-back{color:#dce8f7;text-decoration:none;font-size:11px;border:1px solid rgba(255,255,255,.16);padding:10px 13px;border-radius:10px}\r\n.hfc-hero{padding:52px 0 72px;color:#fff}\r\n.hfc-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#8fc4ff;font-weight:700}\r\n.hfc-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.045em;max-width:720px;margin:12px 0}\r\n.hfc-hero p{max-width:650px;color:#b9c5d5;font-size:15px;line-height:1.65;margin:0}\r\n.hfc-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:start}\r\n.hfc-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 55px rgba(20,37,63,.10);padding:28px}\r\n.hfc-card h2{margin:0 0 7px;font-size:22px}.hfc-card-intro{margin:0 0 22px;color:#7c899c;font-size:12px;line-height:1.5}\r\n.hfc-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}\r\n.hfc-field{display:flex;flex-direction:column;gap:7px}.hfc-field.full{grid-column:1\/-1}\r\n.hfc-field label{font-size:10px;font-weight:750;color:#344158}\r\n.hfc-field input,.hfc-field select,.hfc-field textarea{\r\n  width:100%;border:1px solid #dbe2eb;border-radius:10px;background:#fff;color:#172033;\r\n  padding:12px 13px;font:inherit;font-size:12px;outline:none;transition:.15s\r\n}\r\n.hfc-field textarea{min-height:125px;resize:vertical}\r\n.hfc-field input:focus,.hfc-field select:focus,.hfc-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(63,148,246,.12)}\r\n.hfc-consent{grid-column:1\/-1;display:flex;gap:9px;align-items:flex-start;color:#7b8798;font-size:9px;line-height:1.5}\r\n.hfc-consent input{margin-top:2px}\r\n.hfc-submit{grid-column:1\/-1;border:0;border-radius:11px;padding:14px 18px;background:var(--blue2);color:#fff;font-weight:750;font-size:12px;cursor:pointer;box-shadow:0 9px 20px rgba(40,119,211,.20)}\r\n.hfc-submit:hover{background:#2168bb}.hfc-submit:disabled{opacity:.65;cursor:wait}\r\n.hfc-status{grid-column:1\/-1;display:none;padding:12px;border-radius:10px;font-size:10px;line-height:1.5}\r\n.hfc-status.ok{display:block;background:#eafaf4;color:var(--green)}.hfc-status.err{display:block;background:#ffedf0;color:var(--red)}\r\n.hfc-side{display:flex;flex-direction:column;gap:14px}\r\n.hfc-side-card{background:var(--navy2);border-radius:18px;padding:22px;color:#fff}\r\n.hfc-side-card h3{margin:0 0 8px;font-size:15px}.hfc-side-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}\r\n.hfc-points{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}\r\n.hfc-points li{font-size:11px;color:#dce5f1;display:flex;gap:9px}.hfc-points b{color:#8fc4ff}\r\n.hfc-mini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px}.hfc-mini strong{display:block;font-size:12px;margin-bottom:5px}.hfc-mini span{font-size:10px;color:#7b8798;line-height:1.5}\r\n@media(max-width:800px){\r\n  .hfc-page{background:linear-gradient(180deg,var(--navy) 0 39%,var(--soft) 39%)}\r\n  .hfc-wrap{width:calc(100% - 28px)}\r\n  .hfc-grid{grid-template-columns:1fr}.hfc-hero{padding:32px 0 42px}\r\n}\r\n@media(max-width:560px){\r\n  .hfc-wrap{width:calc(100% - 24px)}\r\n  .hfc-hero{padding:30px 0 42px}\r\n  .hfc-header{padding:17px 0}.hfc-back{padding:9px 10px}\r\n  .hfc-hero h1{font-size:36px}.hfc-hero p{font-size:13px}\r\n  .hfc-card{padding:19px;border-radius:16px}.hfc-form{grid-template-columns:1fr}\r\n  .hfc-field.full,.hfc-consent,.hfc-submit,.hfc-status{grid-column:auto}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"hfc-root\" class=\"hfc-page\">\r\n  <div class=\"hfc-wrap\">\r\n    <header class=\"hfc-header\">\r\n      <a class=\"hfc-brand\" href=\"\/\">BH WEB CR\u00c9ATION<\/a>\r\n      <a class=\"hfc-back\" href=\"\/\">\u2190 Retour \u00e0 l'accueil<\/a>\r\n    <\/header>\r\n\r\n    <section class=\"hfc-hero\">\r\n      <div class=\"hfc-kicker\">Parlons de votre projet<\/div>\r\n      <h1>Une question ? Un projet ? Parlons-en.<\/h1>\r\n      <p>Expliquez-nous votre besoin. Que ce soit pour votre pr\u00e9sence en ligne ou pour HEDIN FLOW, nous vous r\u00e9pondons rapidement.<\/p>\r\n    <\/section>\r\n\r\n    <div class=\"hfc-grid\">\r\n      <section class=\"hfc-card\">\r\n        <h2>Votre demande<\/h2>\r\n        <p class=\"hfc-card-intro\">Quelques informations suffisent pour que nous puissions revenir vers vous.<\/p>\r\n\r\n        <form class=\"hfc-form\" id=\"hfc-form\">\r\n          <div class=\"hfc-field\"><label for=\"hfc-name\">Nom *<\/label><input id=\"hfc-name\" name=\"name\" required autocomplete=\"name\"><\/div>\r\n          <div class=\"hfc-field\"><label for=\"hfc-company\">Entreprise<\/label><input id=\"hfc-company\" name=\"company\" autocomplete=\"organization\"><\/div>\r\n          <div class=\"hfc-field\"><label for=\"hfc-email\">E-mail *<\/label><input id=\"hfc-email\" name=\"email\" type=\"email\" required autocomplete=\"email\"><\/div>\r\n          <div class=\"hfc-field\"><label for=\"hfc-phone\">T\u00e9l\u00e9phone<\/label><input id=\"hfc-phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\"><\/div>\r\n          <div class=\"hfc-field full\"><label for=\"hfc-subject\">Votre demande *<\/label>\r\n            <select id=\"hfc-subject\" name=\"subject\" required>\r\n              <option value=\"\">S\u00e9lectionnez une option<\/option>\r\n              <option>Demande d'information<\/option>\r\n              <option>D\u00e9mo HEDIN FLOW<\/option>\r\n              <option>Cr\u00e9ation de site<\/option>\r\n              <option>Autre projet<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"hfc-field full\"><label for=\"hfc-message\">Message *<\/label><textarea id=\"hfc-message\" name=\"message\" required placeholder=\"D\u00e9crivez-nous votre besoin...\"><\/textarea><\/div>\r\n          <label class=\"hfc-consent\"><input type=\"checkbox\" name=\"consent\" value=\"1\" required> <span>J'accepte que les informations saisies soient utilis\u00e9es pour r\u00e9pondre \u00e0 ma demande. *<\/span><\/label>\r\n          <div class=\"hfc-status\" id=\"hfc-status\"><\/div>\r\n          <button class=\"hfc-submit\" id=\"hfc-submit\" type=\"submit\">Envoyer ma demande \u2192<\/button>\r\n        <\/form>\r\n      <\/section>\r\n\r\n      <aside class=\"hfc-side\">\r\n        <div class=\"hfc-side-card\">\r\n          <h3>Un \u00e9change simple et direct.<\/h3>\r\n          <p>Pas de parcours compliqu\u00e9. Vous nous expliquez votre situation et nous voyons ensemble la meilleure fa\u00e7on d'avancer.<\/p>\r\n          <ul class=\"hfc-points\">\r\n            <li><b>\u2713<\/b> R\u00e9ponse rapide<\/li>\r\n            <li><b>\u2713<\/b> \u00c9change sans engagement<\/li>\r\n            <li><b>\u2713<\/b> Un interlocuteur humain<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"hfc-mini\"><strong>Vous souhaitez d\u00e9couvrir HEDIN FLOW ?<\/strong><span>Consultez la d\u00e9monstration pour voir concr\u00e8tement comment la solution peut centraliser votre activit\u00e9 terrain.<\/span><\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const form = document.getElementById('hfc-form');\r\n  const status = document.getElementById('hfc-status');\r\n  const btn = document.getElementById('hfc-submit');\r\n\r\n  if(!form) return;\r\n\r\n  \/\/ Sur ce site, \/wp-json\/ n'est pas accessible.\r\n  \/\/ WordPress expose correctement l'API via ?rest_route=.\r\n  function getApiUrl(){\r\n    return window.location.origin + '\/?rest_route=\/bh-contact\/v1\/send';\r\n  }\r\n\r\n  form.addEventListener('submit', async function(e){\r\n    e.preventDefault();\r\n\r\n    status.className='hfc-status';\r\n    status.textContent='';\r\n    btn.disabled=true;\r\n    btn.textContent='Envoi en cours\u2026';\r\n\r\n    const data = Object.fromEntries(new FormData(form).entries());\r\n\r\n    try{\r\n      const response = await fetch(getApiUrl(), {\r\n        method:'POST',\r\n        headers:{\r\n          'Content-Type':'application\/json',\r\n          'Accept':'application\/json'\r\n        },\r\n        credentials:'same-origin',\r\n        body:JSON.stringify(data)\r\n      });\r\n\r\n      const result = await response.json().catch(function(){ return {}; });\r\n\r\n      if(!response.ok || !result.success){\r\n        throw new Error(result.message || 'Erreur lors de l\u2019envoi.');\r\n      }\r\n\r\n      status.className='hfc-status ok';\r\n      status.textContent='Merci ! Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. Nous revenons vers vous rapidement.';\r\n      form.reset();\r\n\r\n    }catch(error){\r\n      console.error('HEDIN FLOW contact:', error);\r\n      status.className='hfc-status err';\r\n      status.textContent='Votre demande n\u2019a pas pu \u00eatre envoy\u00e9e. V\u00e9rifiez votre connexion ou r\u00e9essayez dans quelques instants.';\r\n    }finally{\r\n      btn.disabled=false;\r\n      btn.textContent='Envoyer ma demande \u2192';\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Contact \u2014 BH Web Cr\u00e9ation BH WEB CR\u00c9ATION \u2190 Retour \u00e0 l&rsquo;accueil Parlons de votre projet Une question ? Un projet ? Parlons-en. Expliquez-nous votre besoin. Que ce soit pour votre pr\u00e9sence en ligne ou pour HEDIN FLOW, nous vous r\u00e9pondons rapidement. Votre demande Quelques informations suffisent pour que nous puissions revenir vers vous. Nom&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-299","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":12,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}