{"id":139,"date":"2025-10-29T13:37:54","date_gmt":"2025-10-29T11:37:54","guid":{"rendered":"https:\/\/adcommarketing.com\/?page_id=139"},"modified":"2025-11-18T17:21:55","modified_gmt":"2025-11-18T15:21:55","slug":"139-2","status":"publish","type":"page","link":"https:\/\/adcommarketing.com\/index.php\/139-2\/","title":{"rendered":""},"content":{"rendered":"\n<!-- ===== HERO ===== -->\n<style>\n.hero {\n  height: 50vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: transparent !important; \/* <-- FOND RETIR\u00c9 *\/\n  text-align: center;\n  padding: 0 20px;\n  color: #ffffff;\n}\n.hero h2 {\n  font-family: 'DM Serif Display', serif;\n  font-size: 56px;\n  max-width: 800px;\n  line-height: 1.2;\n  color: #b0a89c;\n  margin-bottom: 20px;\n}\n.hero p {\n  font-family: 'Poppins', sans-serif;\n  max-width: 600px;\n  font-size: 18px;\n  color: #eaeaea;\n  margin-bottom: 40px;\n}\n.btn {\n  display: inline-block;\n  padding: 14px 32px;\n  border: 2px solid #b0a89c;\n  color: #b0a89c;\n  text-decoration: none;\n  border-radius: 40px;\n  transition: all .4s;\n}\n.btn:hover {\n  background: #b0a89c;\n  color: #222222;\n}\n.fade-scroll {\n  opacity: 0;\n  transform: translateY(50px);\n  transition: opacity .8s ease, transform .8s ease;\n}\n.fade-scroll.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n<\/style>\n\n<section class=\"hero fade-scroll\">\n  <h2>Fais briller ton activit\u00e9 gr\u00e2ce \u00e0 une communication digitale claire, moderne et performante.<\/h2>\n  <p>Identit\u00e9 visuelle, site web, r\u00e9seaux sociaux et campagnes Google Ads : AdCom t\u2019aide \u00e0 \u00eatre vu, reconnu et choisi.<\/p>\n  <a href=\"#services\" class=\"btn\">Demande moi un devis, c'est gratuit !<\/a>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  const elements = document.querySelectorAll(\".fade-scroll\");\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){ entry.target.classList.add(\"visible\"); }\n    });\n  }, { threshold: 0.2 });\n  elements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n<!-- ===== SECTION : THE ORIGIN \/ ADCOM GENESIS ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&#038;family=Poppins:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --beige: #b0a89c;\n  --noir: #0b0b0b;\n  --blanc: #f4f4f4;\n}\n\nbody {\n  margin: 0;\n  background-color: var(--noir);\n  overflow-x: hidden;\n}\n\n\/* ===== SECTION STRUCTURE ===== *\/\n#genesis {\n  position: relative;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blanc);\n  overflow: hidden;\n  font-family: 'DM Serif Display', serif;\n  letter-spacing: 0.3px;\n  padding-top: 5vh;\n  box-sizing: border-box;\n}\n\n\/* ===== BACKGROUND ANIMATION ===== *\/\n#genesis::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at center, rgba(176,168,156,0.08) 0%, transparent 70%);\n  filter: blur(60px);\n  animation: glowShift 12s infinite ease-in-out alternate;\n  z-index: 0;\n}\n@keyframes glowShift {\n  0% { transform: scale(1) translate(0,0); opacity: 0.4; }\n  50% { transform: scale(1.3) translate(15px,-15px); opacity: 0.6; }\n  100% { transform: scale(1.1) translate(-15px,10px); opacity: 0.5; }\n}\n\n\/* ===== TEXT CONTAINER ===== *\/\n.genesis-container {\n  position: relative;\n  z-index: 2;\n  max-width: 800px;\n  text-align: center;\n  padding: 30px 20px;\n}\n\n\/* ===== SENTENCES ===== *\/\n.genesis-line {\n  opacity: 0;\n  transform: translateY(30px);\n  filter: blur(6px);\n  transition: all 1.2s ease;\n  font-size: 20px;\n  line-height: 1.7;\n  color: #e8e8e8;\n  font-weight: 400;\n  margin: 10px 0;\n}\n.genesis-line.visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n\/* ===== HIGHLIGHTED PHRASES (Beige et grandes) ===== *\/\n.genesis-line.highlight {\n  color: var(--beige);\n  font-size: 28px; \/* grossi *\/\n  line-height: 1.6;\n  letter-spacing: 0.5px;\n  transition: color 0.6s ease, transform 0.4s ease;\n}\n\n\/* ===== LAST PHRASE ===== *\/\n.genesis-line.final {\n  color: var(--beige);\n  font-size: 28px;\n  margin-top: 25px;\n  letter-spacing: 0.8px;\n}\n\n\/* ===== SIGNATURE ===== *\/\n.signature {\n  margin-top: 40px;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: all 1.3s ease;\n  font-family: 'DM Serif Display', serif;\n  font-size: 22px;\n  color: var(--beige);\n  letter-spacing: 1px;\n}\n.signature.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===== PARTICULES ===== *\/\n.particle {\n  position: absolute;\n  background: rgba(176,168,156,0.15);\n  border-radius: 50%;\n  width: 5px; height: 5px;\n  animation: floatParticle 10s linear infinite;\n  z-index: 1;\n}\n@keyframes floatParticle {\n  0% { transform: translateY(0) scale(0.8); opacity: 0.6; }\n  50% { transform: translateY(-80px) scale(1.2); opacity: 1; }\n  100% { transform: translateY(-160px) scale(0.8); opacity: 0; }\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:900px){\n  .genesis-line { font-size: 18px; line-height: 1.6; }\n  .genesis-line.highlight,\n  .genesis-line.final { font-size: 24px; }\n  .signature { font-size: 20px; }\n}\n<\/style>\n\n<section id=\"genesis\">\n  <div class=\"genesis-container\">\n    <p class=\"genesis-line highlight\">J\u2019ai vu le marketing devenir un mot qui co\u00fbte cher,<br>des budgets br\u00fbl\u00e9s dans des campagnes que plus personne ne comprenait.<\/p>\n    <p class=\"genesis-line\">Je viens du terrain, l\u00e0 o\u00f9 chaque euro compte,<br>o\u00f9 la communication doit vendre, pas simplement s\u00e9duire.<\/p>\n    <p class=\"genesis-line highlight\">Alors j\u2019ai cr\u00e9\u00e9 AdCom.<br>Pas pour faire \u201cdu beau\u201d, mais pour faire du rentable.<\/p>\n    <p class=\"genesis-line\">Je garde le meilleur du concret : la transparence, l\u2019efficacit\u00e9, l\u2019ancrage local.<br>Et j\u2019y ajoute une vision strat\u00e9gique claire, sans d\u00e9tour, sans blabla.<\/p>\n    <p class=\"genesis-line highlight\">AdCom, c\u2019est moi, un partenaire qui co\u00fbte moins qu\u2019un salari\u00e9,<br>mais qui pense comme une direction marketing.<\/p>\n    <p class=\"genesis-line final\">Simple. Direct. Rentable.<\/p>\n    <p class=\"signature\">AdCom. L\u2019art du concret.<\/p>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const lines = document.querySelectorAll(\".genesis-line\");\n  lines.forEach((line, i) => {\n    setTimeout(() => { line.classList.add(\"visible\"); }, i * 1100);\n  });\n  setTimeout(() => {\n    document.querySelector(\".signature\").classList.add(\"visible\");\n  }, lines.length * 1100 + 500);\n\n  \/\/ Particules l\u00e9g\u00e8res\n  const section = document.getElementById(\"genesis\");\n  for (let i = 0; i < 20; i++) {\n    const p = document.createElement(\"div\");\n    p.classList.add(\"particle\");\n    p.style.left = Math.random() * 100 + \"%\";\n    p.style.top = Math.random() * 100 + \"%\";\n    p.style.animationDelay = Math.random() * 10 + \"s\";\n    p.style.width = p.style.height = Math.random() * 6 + \"px\";\n    section.appendChild(p);\n  }\n});\n<\/script>\n\n\n\n<!-- ===== SECTION : MES SERVICES (Disposition 2x2 carr\u00e9e premium) ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&#038;family=Poppins:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --beige: #b0a89c;\n  --noir: #222222;\n  --blanc: #ffffff;\n}\n\n\/* ===== STRUCTURE ===== *\/\n#services {\n  background-color: var(--noir);\n  color: var(--blanc);\n  padding: 140px 20px;\n  text-align: center;\n  overflow: hidden;\n}\n\n#services h2 {\n  font-family: 'DM Serif Display', serif;\n  color: var(--beige);\n  font-size: 48px;\n  margin-bottom: 80px;\n  letter-spacing: 1px;\n}\n\n\/* ===== GRILLE 2x2 ===== *\/\n.services-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 80px;\n  justify-items: center;\n  align-items: center;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n\/* ===== BLOCS CARR\u00c9S ===== *\/\n.service {\n  width: 380px;\n  height: 380px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: #1b1b1b;\n  border: 1px solid rgba(176,168,156,0.15);\n  transition: all 0.5s ease;\n  position: relative;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(40px);\n}\n.service.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.service:hover {\n  border-color: var(--beige);\n  box-shadow: 0 0 40px rgba(176,168,156,0.15);\n  transform: translateY(-10px);\n}\n\n\/* Effet lumineux interne au survol *\/\n.service::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; width: 100%; height: 100%;\n  background: radial-gradient(circle at 50% 120%, rgba(176,168,156,0.05) 0%, transparent 60%);\n  opacity: 0; transition: opacity 0.6s ease;\n}\n.service:hover::after {\n  opacity: 1;\n}\n\n\/* ===== LIGNE BEIGE ===== *\/\n.service .line {\n  width: 60px;\n  height: 3px;\n  background: var(--beige);\n  margin-bottom: 25px;\n  transition: width .4s ease;\n}\n.service:hover .line {\n  width: 90px;\n}\n\n\/* ===== TITRES & TEXTES ===== *\/\n.service h3 {\n  font-family: 'DM Serif Display', serif;\n  font-size: 24px;\n  color: var(--beige);\n  margin-bottom: 15px;\n  letter-spacing: 0.5px;\n}\n.service p {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  color: #eaeaea;\n  line-height: 1.8;\n  max-width: 280px;\n}\n\n\/* ===== ANIMATION SCROLL ===== *\/\n.fade-scroll {\n  opacity: 0;\n  transform: translateY(50px);\n  transition: opacity .8s ease, transform .8s ease;\n}\n.fade-scroll.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:1000px){\n  .services-grid {\n    grid-template-columns: 1fr;\n    gap: 60px;\n  }\n  .service {\n    width: 90%;\n    height: auto;\n    padding: 60px 20px;\n  }\n  #services h2 { font-size: 38px; }\n}\n<\/style>\n\n<section id=\"services\" class=\"fade-scroll\">\n  <h2>Mes services<\/h2>\n  <div class=\"services-grid\">\n\n    <!-- 1 -->\n    <div class=\"service fade-scroll\">\n      <div class=\"line\"><\/div>\n      <h3>Identit\u00e9 visuelle<\/h3>\n      <p>Cr\u00e9e une image de marque forte, coh\u00e9rente et reconnaissable \u00e0 travers un logo, une charte graphique et un univers visuel unique.<\/p>\n    <\/div>\n\n    <!-- 2 -->\n    <div class=\"service fade-scroll\">\n      <div class=\"line\"><\/div>\n      <h3>Cr\u00e9ation de site web<\/h3>\n      <p>Un site fluide, rapide et optimis\u00e9 pour Google, con\u00e7u pour pr\u00e9senter ton activit\u00e9 et convertir tes visiteurs en clients.<\/p>\n    <\/div>\n\n    <!-- 3 -->\n    <div class=\"service fade-scroll\">\n      <div class=\"line\"><\/div>\n      <h3>R\u00e9seaux sociaux<\/h3>\n      <p>D\u00e9veloppe ta notori\u00e9t\u00e9 locale et construis une communaut\u00e9 engag\u00e9e gr\u00e2ce \u00e0 des contenus qui refl\u00e8tent ton savoir-faire.<\/p>\n    <\/div>\n\n    <!-- 4 -->\n    <div class=\"service fade-scroll\">\n      <div class=\"line\"><\/div>\n      <h3>R\u00e9f\u00e9rencement Google Ads<\/h3>\n      <p>Apparais imm\u00e9diatement en haut des recherches et attire des prospects qualifi\u00e9s avec des campagnes cibl\u00e9es et rentables.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Animation au scroll -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  const elements = document.querySelectorAll(\".fade-scroll, .service\");\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  }, { threshold: 0.2 });\n  elements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n<!-- ===== SECTION : POURQUOI CHOISIR ADCOM ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&#038;family=Poppins:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --beige: #b0a89c;\n  --noir: #222222;\n  --blanc: #ffffff;\n}\n\n\/* ===== STRUCTURE ===== *\/\n#valeurs {\n  background: linear-gradient(180deg, #1c1c1c 0%, #111 100%);\n  color: var(--blanc);\n  padding: 160px 20px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n#valeurs::before {\n  content: \"\";\n  position: absolute;\n  top: -100px; left: -50%;\n  width: 200%;\n  height: 400px;\n  background: radial-gradient(circle at center, rgba(176,168,156,0.08) 0%, transparent 70%);\n  transform: rotate(2deg);\n}\n\n#valeurs h2 {\n  font-family: 'DM Serif Display', serif;\n  color: var(--beige);\n  font-size: 48px;\n  margin-bottom: 100px;\n  letter-spacing: 1px;\n  position: relative;\n  z-index: 2;\n}\n\n\/* ===== TRIANGLE STRUCTURE ===== *\/\n.valeurs-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 100px;\n  position: relative;\n  z-index: 2;\n}\n.valeur-top,\n.valeur {\n  max-width: 340px;\n  text-align: center;\n  position: relative;\n  padding: 30px 20px;\n  background: rgba(34,34,34,0.7);\n  border: 1px solid rgba(176,168,156,0.15);\n  border-radius: 20px;\n  transition: all 0.8s ease;\n  opacity: 0;\n  transform: translateY(80px);\n}\n.valeur:hover, .valeur-top:hover {\n  transform: translateY(-10px);\n  border-color: var(--beige);\n  box-shadow: 0 0 30px rgba(176,168,156,0.15);\n}\n\n\/* LIGNE BEIGE ANIM\u00c9E *\/\n.valeur-line {\n  height: 3px;\n  width: 70px;\n  background-color: var(--beige);\n  margin: 0 auto 25px auto;\n  border-radius: 3px;\n  transition: all 0.6s ease;\n}\n.valeur:hover .valeur-line,\n.valeur-top:hover .valeur-line {\n  width: 110px;\n}\n\n\/* TITRES ET TEXTES *\/\n.valeur h3, .valeur-top h3 {\n  font-family: 'DM Serif Display', serif;\n  font-size: 26px;\n  color: var(--beige);\n  margin-bottom: 15px;\n  letter-spacing: 0.5px;\n}\n.valeur p,\n.valeur-top p {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  color: #eaeaea;\n  line-height: 1.8;\n}\n\n\/* POSITIONNEMENT TRIANGLE *\/\n.valeurs-bottom {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 100px;\n}\n\n\/* ===== ANIMATION SCROLL ===== *\/\n.fade-scroll {\n  opacity: 0;\n  transform: translateY(80px);\n  transition: opacity 1s ease, transform 1s ease;\n}\n.fade-scroll.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:900px){\n  #valeurs h2 { font-size: 36px; }\n  .valeurs-bottom { flex-direction: column; gap: 80px; }\n  .valeur-top, .valeur { max-width: 90%; }\n}\n<\/style>\n\n<section id=\"valeurs\">\n  <h2>Pourquoi choisir AdCom ?<\/h2>\n  <div class=\"valeurs-container\">\n\n    <!-- Bloc du haut -->\n    <div class=\"valeur-top fade-scroll\">\n      <div class=\"valeur-line\"><\/div>\n      <h3>Proximit\u00e9<\/h3>\n      <p>Je travaille main dans la main avec toi, avec authenticit\u00e9 et \u00e9coute. \n      Comme un membre de ton \u00e9quipe, m\u00eame \u00e0 distance.<\/p>\n    <\/div>\n\n    <!-- Deux blocs du bas -->\n    <div class=\"valeurs-bottom\">\n      <div class=\"valeur fade-scroll\">\n        <div class=\"valeur-line\"><\/div>\n        <h3>Performance<\/h3>\n        <p>Chaque action est mesur\u00e9e, optimis\u00e9e et suivie dans le temps. \n        Mon but : t\u2019apporter des r\u00e9sultats concrets et durables.<\/p>\n      <\/div>\n\n      <div class=\"valeur fade-scroll\">\n        <div class=\"valeur-line\"><\/div>\n        <h3>Cr\u00e9ativit\u00e9 utile<\/h3>\n        <p>Je fais du beau, oui, mais surtout du utile : une communication \n        qui attire, convertit et valorise ton savoir-faire.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Animation au scroll -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  const elements = document.querySelectorAll(\".fade-scroll\");\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  }, { threshold: 0.2 });\n\n  elements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n<!-- ===== SECTION : MES R\u00c9ALISATIONS (effet carr\u00e9 cliquable premium) ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&#038;family=Poppins:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --beige: #b0a89c;\n  --noir: #222222;\n  --blanc: #ffffff;\n}\n\n\/* ===== STRUCTURE ===== *\/\n#realisations {\n  background-color: var(--noir);\n  color: var(--blanc);\n  padding: 160px 20px;\n  text-align: center;\n  overflow: hidden;\n  position: relative;\n}\n\n#realisations h2 {\n  font-family: 'DM Serif Display', serif;\n  color: var(--beige);\n  font-size: 48px;\n  margin-bottom: 100px;\n  letter-spacing: 1px;\n}\n\n\/* ===== GRILLE ===== *\/\n.realisations-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 60px;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n\/* ===== BLOCS ===== *\/\n.real {\n  background: linear-gradient(145deg, #1a1a1a, #111);\n  border: 1px solid rgba(176,168,156,0.25);\n  border-radius: 14px;\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  height: 180px;\n  transition: all 0.6s ease;\n  box-shadow: 0 0 0 rgba(0,0,0,0);\n  opacity: 0;\n  transform: translateY(50px);\n  text-decoration: none;\n  color: inherit;\n  display: block;\n}\n.real.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.real:hover {\n  height: 320px;\n  border-color: var(--beige);\n  box-shadow: 0 0 30px rgba(176,168,156,0.08);\n  background: #1f1f1f;\n}\n\n\/* ===== TITRE ===== *\/\n.real h3 {\n  font-family: 'DM Serif Display', serif;\n  color: var(--beige);\n  font-size: 22px;\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  transition: all 0.6s ease;\n  white-space: nowrap;\n  z-index: 2;\n}\n.real:hover h3 {\n  top: 25px;\n  transform: translateX(-50%);\n}\n\n\/* ===== CONTENU TEXTE ===== *\/\n.real-content {\n  opacity: 0;\n  transition: opacity 0.6s ease 0.1s;\n  padding: 100px 25px 25px;\n  position: relative;\n  z-index: 1;\n}\n.real:hover .real-content {\n  opacity: 1;\n}\n\n.real p {\n  font-family: 'Poppins', sans-serif;\n  color: #eaeaea;\n  font-size: 15px;\n  line-height: 1.8;\n  margin: 0;\n  animation: fadeIn 0.6s ease forwards;\n}\n\n\/* ===== EFFET LUMI\u00c8RE ===== *\/\n.real::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at top right, rgba(176,168,156,0.1), transparent 70%);\n  opacity: 0;\n  transition: opacity 0.6s ease;\n}\n.real:hover::after {\n  opacity: 1;\n}\n\n\/* ===== ANIMATION SCROLL ===== *\/\n.fade-scroll {\n  opacity: 0;\n  transform: translateY(50px);\n  transition: opacity 1s ease, transform 1s ease;\n}\n.fade-scroll.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:768px){\n  #realisations h2 { font-size: 38px; }\n  .real { height: 160px; }\n  .real:hover { height: 300px; }\n}\n<\/style>\n\n<section id=\"realisations\" class=\"fade-scroll\">\n  <h2>Mes r\u00e9alisations<\/h2>\n\n  <div class=\"realisations-grid\">\n\n    <!-- 1\ufe0f\u20e3 LEXPO SITE INTERNET -->\n    <a href=\"https:\/\/lexpocarrelageetbain.com\/\" target=\"_blank\" class=\"real fade-scroll\">\n      <h3>LEXPO \u2013 Site Internet<\/h3>\n      <div class=\"real-content\">\n        <p>Cr\u00e9ation compl\u00e8te du site vitrine pour LEXPO Carrelage & Bain : int\u00e9gration du catalogue produits, mise en avant des marques, SEO local et design sur mesure fid\u00e8le \u00e0 l\u2019identit\u00e9 premium du showroom.<\/p>\n      <\/div>\n    <\/a>\n\n    <!-- 2\ufe0f\u20e3 SITE E-COMMERCE -->\n    <div class=\"real fade-scroll\">\n      <h3>Boutique en ligne<\/h3>\n      <div class=\"real-content\">\n        <p>D\u00e9veloppement d\u2019un site e-commerce haut de gamme pour une poissonnerie artisanale : navigation fluide, design \u00e9pur\u00e9, exp\u00e9rience mobile et strat\u00e9gie d\u2019acquisition locale optimis\u00e9e.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- 3\ufe0f\u20e3 INSTAGRAM ADCOM -->\n    <a href=\"https:\/\/www.instagram.com\/adcom._\/\" target=\"_blank\" class=\"real fade-scroll\">\n      <h3>AdCom \u2013 Instagram<\/h3>\n      <div class=\"real-content\">\n        <p>Cr\u00e9ation de la ligne \u00e9ditoriale AdCom : charte graphique, storytelling, cr\u00e9ation de carrousels et vid\u00e9os professionnelles pour renforcer la visibilit\u00e9 locale et la notori\u00e9t\u00e9.<\/p>\n      <\/div>\n    <\/a>\n\n    <!-- 4\ufe0f\u20e3 INSTAGRAM LEXPO -->\n    <a href=\"https:\/\/www.instagram.com\/lexpo_carrelage_et_bain\/\" target=\"_blank\" class=\"real fade-scroll\">\n      <h3>LEXPO \u2013 Instagram<\/h3>\n      <div class=\"real-content\">\n        <p>D\u00e9veloppement de la strat\u00e9gie social media du showroom : shootings produits, gestion du feed, cr\u00e9ation de visuels inspirants et publications r\u00e9guli\u00e8res valorisant les r\u00e9alisations clients.<\/p>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<!-- Animation au scroll -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  const elements = document.querySelectorAll(\".fade-scroll, .real\");\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  }, { threshold: 0.2 });\n  elements.forEach(el => observer.observe(el));\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Fais briller ton activit\u00e9 gr\u00e2ce \u00e0 une communication digitale claire, moderne et performante. Identit\u00e9 visuelle, site web, r\u00e9seaux sociaux et [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":20,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":547,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions\/547"}],"wp:attachment":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}