{"id":2,"date":"2025-11-02T08:30:46","date_gmt":"2025-11-02T07:30:46","guid":{"rendered":"https:\/\/wp08.infocom.work\/?page_id=2"},"modified":"2025-12-23T23:59:47","modified_gmt":"2025-12-23T22:59:47","slug":"page-d-exemple","status":"publish","type":"page","link":"https:\/\/wp08.infocom.work\/index.php\/page-d-exemple\/","title":{"rendered":"Page d\u2019exemple"},"content":{"rendered":"<section style=\"position:relative; height:500px; overflow:hidden; display:flex; justify-content:center; align-items:center; color:#000;\">\n  <div style=\"position:absolute; top:0; left:0; width:100%; height:100%; background:url('https:\/\/via.placeholder.com\/1920x500') center\/cover no-repeat; transform:translateZ(0); will-change:transform;\" class=\"parallax-layer\" data-speed=\"0.3\"><\/div>\n  <div style=\"position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85));\"><\/div>\n  <div style=\"position:relative; text-align:center; z-index:2;\">\n    <h1 style=\"font-size:3.8em; font-weight:bold; margin:0; animation:fadeInDown 1s ease-out;\">Nos Services<\/h1>\n\n\n    <p style=\"font-size:1.4em; max-width:700px; margin:20px auto 0; opacity:0; animation:fadeInUp 1s ease-out 0.5s forwards;\">\n      Nous accompagnons les footballeurs dans le d\u00e9veloppement de leurs comp\u00e9tences physiques, techniques et mentales pour atteindre leur plein potentiel.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<style>\n@keyframes fadeInDown { from {opacity:0; transform:translateY(-30px);} to {opacity:1; transform:translateY(0);} }\n@keyframes fadeInUp { from {opacity:0; transform:translateY(30px);} to {opacity:1; transform:translateY(0);} }\n\n.card { opacity:0; transform:translateY(50px); transition: all 0.7s ease-out; perspective:1000px; border:2px solid #000; border-radius:15px; padding:25px; background-color:#fff; box-shadow:0 5px 25px rgba(0,0,0,0.1);}\n.card.visible { opacity:1; transform:translateY(0);}\n.card:hover { transform:translateY(-10px) rotateY(5deg) scale(1.03); box-shadow:0 15px 35px rgba(0,0,0,0.25);}\n\n.card-icon-img {\n  width:40px !important;   \n  height:40px !important;  \n  margin-bottom:15px;\n  transition: transform 0.3s, filter 0.3s;\n}\n.card:hover .card-icon-img {\n  transform:scale(1.2) rotate(-5deg);\n  filter: brightness(80%);\n}\n\n.fade-section { opacity:0; transform:translateY(30px); transition: all 0.8s ease-out; }\n.fade-section.visible { opacity:1; transform:translateY(0);}\n\n.gallery-frame {\n  border:6px solid #000;\n  border-radius:15px;\n  overflow:hidden;\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n.gallery-frame:hover {\n  transform:scale(1.05) rotate(1deg);\n  box-shadow:0 15px 30px rgba(0,0,0,0.3);\n}\n.gallery-img {\n  display:block;\n  width:100%;\n  height:auto;\n}\n\n.button-link { display:inline-block; padding:12px 25px; margin-top:15px; border-radius:5px; background-color:#000; color:#fff; text-decoration:none; font-weight:bold; transition:all 0.3s; }\n.button-link:hover { background-color:#333; transform:scale(1.05);}\n\n.parallax-layer { transition: transform 0.1s linear; }\n<\/style>\n\n<script>\nwindow.addEventListener('scroll', function(){\n  document.querySelectorAll('.card, .fade-section').forEach(function(el){\n    if(el.getBoundingClientRect().top < window.innerHeight - 100){ el.classList.add('visible'); }\n  });\n});\n\nwindow.addEventListener('scroll', function(){\n  const layers = document.querySelectorAll('.parallax-layer');\n  layers.forEach(function(layer){\n    const speed = parseFloat(layer.getAttribute('data-speed'));\n    layer.style.transform = 'translateY(' + window.scrollY * speed + 'px)';\n  });\n});\n<\/script>\n\n<section class=\"fade-section\" style=\"padding:120px 20px; background-color:#fff;\">\n  <h2 style=\"text-align:center; font-size:3em; margin-bottom:70px; color:#000;\">Ce que nous proposons<\/h2>\n  <div style=\"display:flex; justify-content:center; gap:40px; flex-wrap:wrap;\">\n    <div class=\"card\" style=\"flex:0 1 300px; text-align:center;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/aire-de-jeux-pour-enfants.png\" alt=\"Entra\u00eenement sp\u00e9cialis\u00e9\" class=\"card-icon-img\">\n      <h3 style=\"color:#000;\">Entra\u00eenement sp\u00e9cialis\u00e9<\/h3>\n      <p>D\u00e9veloppement technique pour chaque position sur le terrain : gardien, d\u00e9fenseur, milieu et attaquant.<\/p>\n      <a href=\"#\" class=\"button-link\">En savoir plus<\/a>\n    <\/div>\n    <div class=\"card\" style=\"flex:0 1 300px; text-align:center;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/utilisateur.png\" alt=\"Optimisation des performances\" class=\"card-icon-img\">\n      <h3 style=\"color:#000;\">Optimisation des performances<\/h3>\n      <p>Accompagnement physique, mental et nutritionnel pour am\u00e9liorer les performances globales.<\/p>\n      <a href=\"#\" class=\"button-link\">En savoir plus<\/a>\n    <\/div>\n    <div class=\"card\" style=\"flex:0 1 300px; text-align:center;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/statistique.png\" alt=\"Analyse et suivi\" class=\"card-icon-img\">\n      <h3 style=\"color:#000;\">Analyse et suivi<\/h3>\n      <p>Analyse vid\u00e9o et statistiques pour suivre la progression et am\u00e9liorer la strat\u00e9gie de jeu.<\/p>\n      <a href=\"#\" class=\"button-link\">En savoir plus<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"fade-section\" style=\"padding:120px 20px; background:linear-gradient(to right, #f5f5f5, #ffffff);\">\n  <h2 style=\"text-align:center; font-size:3em; margin-bottom:70px; color:#000;\">Nos Valeurs<\/h2>\n  <div style=\"display:flex; justify-content:center; gap:40px; flex-wrap:wrap; text-align:center;\">\n    <div class=\"card\" style=\"flex:0 1 250px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/verifier.png\" alt=\"Exigence\" class=\"card-icon-img\">\n      <h3>Exigence<\/h3>\n      <p>Nous visons l\u2019excellence dans chaque aspect de l\u2019entra\u00eenement et du suivi des joueurs.<\/p>\n    <\/div>\n    <div class=\"card\" style=\"flex:0 1 250px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/haltere-2.png\" alt=\"Travail\" class=\"card-icon-img\">\n      <h3>Travail<\/h3>\n      <p>L\u2019effort et la r\u00e9gularit\u00e9 sont au c\u0153ur de nos m\u00e9thodes pour garantir des r\u00e9sultats durables.<\/p>\n    <\/div>\n    <div class=\"card\" style=\"flex:0 1 250px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/football.png\" alt=\"Passion\" class=\"card-icon-img\">\n      <h3>Passion<\/h3>\n      <p>Nous partageons notre amour du football et transmettons cette \u00e9nergie \u00e0 chaque joueur.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"fade-section\" style=\"padding:120px 20px;\">\n  <h2 style=\"text-align:center; font-size:3em; margin-bottom:70px; color:#000;\">Nos R\u00e9ussites<\/h2>\n  <div style=\"display:flex; justify-content:center; gap:50px; flex-wrap:wrap; text-align:center;\">\n    <div class=\"card\" style=\"flex:0 1 200px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/joueur-de-football.png\" alt=\"Joueurs form\u00e9s\" class=\"card-icon-img\">\n      <h3 style=\"font-size:2.2em; color:#000;\">150+<\/h3>\n      <p>Joueurs form\u00e9s<\/p>\n    <\/div>\n    <div class=\"card\" style=\"flex:0 1 200px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/club-de-football.png\" alt=\"Clubs accompagn\u00e9s\" class=\"card-icon-img\">\n      <h3 style=\"font-size:2.2em; color:#000;\">50+<\/h3>\n      <p>Clubs accompagn\u00e9s<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"fade-section\" style=\"padding:120px 20px; background-color:#f5f5f5;\">\n  <h2 style=\"text-align:center; font-size:3em; margin-bottom:70px; color:#000;\">T\u00e9moignages de nos joueurs<\/h2>\n  <div style=\"display:flex; justify-content:center; gap:40px; flex-wrap:wrap; text-align:center;\">\n    <div class=\"card\" style=\"flex:0 1 300px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/utilisateur.png\" alt=\"Joueur 1\" class=\"card-icon-img\">\n      <h3 style=\"color:#000;\">Lucas M.<\/h3>\n      <p>\"Gr\u00e2ce \u00e0 l\u2019entra\u00eenement personnalis\u00e9, j\u2019ai beaucoup progress\u00e9 techniquement et physiquement. Je recommande vivement !\"<\/p>\n    <\/div>\n    <div class=\"card\" style=\"flex:0 1 300px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/utilisateur.png\" alt=\"Joueur 2\" class=\"card-icon-img\">\n      <h3 style=\"color:#000;\">Emma L.<\/h3>\n      <p>\"Les conseils et suivis sont tr\u00e8s professionnels, et l\u2019ambiance est motivante. J\u2019ai ador\u00e9 chaque s\u00e9ance.\"<\/p>\n    <\/div>\n    <div class=\"card\" style=\"flex:0 1 300px;\">\n      <img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/utilisateur.png\" alt=\"Joueur 3\" class=\"card-icon-img\">\n      <h3 style=\"color:#000;\">Nathan R.<\/h3>\n      <p>\"J\u2019ai pu am\u00e9liorer mon endurance et ma technique gr\u00e2ce aux m\u00e9thodes enseign\u00e9es. Tr\u00e8s efficace !\"<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer style=\"text-align:center; padding:60px 20px; background-color:#333; color:white;\">\n  <p>&copy; 2025 NextLevelFootball. Tous droits r\u00e9serv\u00e9s.<\/p>\n<\/footer>\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n\n\n\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n.image-scroll {\n  display: flex;\n  gap: 30px;\n  overflow-x: hidden;\n  padding: 60px 10vw;\n  scroll-behavior: smooth;\n  position: relative;\n}\n\n.image-item {\n  flex: 0 0 200px; \n  height: 100px; \n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.4s ease;\n  transform: scale(0.85);\n}\n\n.image-item img {\n  max-height: 80px; \n  max-width: 100%;\n  object-fit: contain; \n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"image-scroll\" id=\"carousel\">\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/Adidas_Logo.svg_.png\" alt=\"Image 1\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/canon-press-centre-canon-logo_301414581785538.png\" alt=\"Image 2\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/Tonsser-logo-B.png\" alt=\"Image 3\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/Powerade_logo.png\" alt=\"Image 4\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/pitcherogps_inline_imported_3.webp\" alt=\"Image 5\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/Evian_logo.svg_.png\" alt=\"Image 6\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/logo-audi-2016.png\" alt=\"Image 7\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/sony-logo-sony-icon-transparent-free-png.webp\" alt=\"Image 8\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/PUM.DE_BIG-3030b719.png\" alt=\"Image 9\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/Logo_NIKE.svg_.png\" alt=\"Image 10\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/Eat2Perform-Logo_E2P-Logo.png\" alt=\"Image 11\"><\/div>\n  <div class=\"image-item\"><img decoding=\"async\" src=\"https:\/\/wp08.infocom.work\/wp-content\/uploads\/2025\/12\/Logo_LAROQ_Plan-de-travail-1-copie-2-e1663679545227.png\" alt=\"Image 12\"><\/div>\n<\/div>\n\n<script>\nconst carousel = document.getElementById('carousel');\nlet items = Array.from(carousel.children);\n\nitems.forEach(item => {\n  const clone = item.cloneNode(true);\n  carousel.appendChild(clone);\n});\nitems = Array.from(carousel.children);\n\nlet scrollPosition = 0;\nconst speed = 1; \n\nfunction updateZoom() {\n  const carouselRect = carousel.getBoundingClientRect();\n  const centerX = carouselRect.left + carouselRect.width \/ 2;\n\n  items.forEach(item => {\n    const itemRect = item.getBoundingClientRect();\n    const itemCenter = itemRect.left + itemRect.width \/ 2;\n    const distance = Math.abs(centerX - itemCenter);\n\n    const scale = Math.max(0.85, 1.2 - distance \/ 500);\n\n    item.style.transform = `scale(${scale})`;\n  });\n}\n\nfunction autoScroll() {\n  scrollPosition += speed;\n  if(scrollPosition >= carousel.scrollWidth \/ 2) {\n    scrollPosition = 0; \/\/ reset pour l'effet infini\n  }\n  carousel.scrollLeft = scrollPosition;\n  updateZoom();\n  requestAnimationFrame(autoScroll);\n}\n\nwindow.addEventListener('load', () => {\n  updateZoom();\n  autoScroll();\n});\nwindow.addEventListener('resize', updateZoom);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Nos Services Nous accompagnons les footballeurs dans le d\u00e9veloppement de leurs comp\u00e9tences physiques, techniques et mentales pour atteindre leur plein potentiel. Ce que nous proposons Entra\u00eenement sp\u00e9cialis\u00e9 D\u00e9veloppement technique pour chaque position sur le terrain : gardien, d\u00e9fenseur, milieu et attaquant. En savoir plus Optimisation des performances Accompagnement physique, mental et nutritionnel pour am\u00e9liorer les&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/wp08.infocom.work\/index.php\/page-d-exemple\/\" class=\"themebutton3\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":77,"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":4355,"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/4355"}],"wp:attachment":[{"href":"https:\/\/wp08.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}