{"id":269,"date":"2025-05-19T21:18:51","date_gmt":"2025-05-19T19:18:51","guid":{"rendered":"https:\/\/eulaagency.fr\/front_page\/"},"modified":"2026-02-25T11:39:52","modified_gmt":"2026-02-25T10:39:52","slug":"front_page","status":"publish","type":"page","link":"https:\/\/eulaagency.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"269\" class=\"elementor elementor-269\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edf64f9 e-flex e-con-boxed e-con e-parent\" data-id=\"edf64f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6498e5 elementor-widget elementor-widget-html\" data-id=\"e6498e5\" 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<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Rubik:wght@300;400;500;700&display=swap');\n\n:root{\n  --max:1200px;\n  --radius:22px;\n}\n\nbody{ margin:0; }\n\n\/* ========================= *\/\n\/* GLOBAL FADE (scroll) *\/\n\/* ========================= *\/\n.eula-reveal{\n  opacity:0;\n  transform:translateY(14px);\n  transition:opacity .8s ease, transform .8s ease;\n  will-change: opacity, transform;\n}\n.eula-reveal.is-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* ========================= *\/\n\/* HERO *\/\n\/* ========================= *\/\n.eula-hero{\n  position:relative;\n  height:92vh;\n  min-height:620px;\n  font-family:'Rubik',sans-serif;\n  overflow:hidden;\n  background:#000;\n}\n\n\/* Background desktop *\/\n.eula-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:url(\"https:\/\/eulaagency.fr\/wp-content\/uploads\/2026\/02\/IMG_9279.jpg\") center\/cover no-repeat;\n  transform:scale(1.05);\n}\n\n\/* Overlay *\/\n.eula-hero::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.46),rgba(0,0,0,.12));\n}\n\n\/* Content *\/\n.eula-hero-content{\n  position:relative;\n  z-index:2;\n  height:100%;\n  display:flex;\n  align-items:center;\n  padding:0 8%;\n  color:#fff;\n}\n\n.eula-hero-inner{\n  max-width:var(--max);\n  margin:0 auto;\n  width:100%;\n}\n\n\/* Entrance fade on load *\/\n.eula-stack{\n  max-width:760px;\n  opacity:0;\n  transform:translateY(18px);\n  animation:eulaFadeUp .95s ease forwards;\n}\n@keyframes eulaFadeUp{\n  to{ opacity:1; transform:translateY(0); }\n}\n\n.eula-title{\n  font-size:72px;\n  font-weight:700;\n  line-height:1.05;\n  margin:0 0 22px 0;\n  letter-spacing:-.6px;\n}\n\n.eula-sub{\n  font-size:18px;\n  opacity:.92;\n  line-height:1.6;\n  margin:0 0 30px 0;\n  max-width:640px;\n}\n\n.eula-btns{\n  display:flex;\n  gap:14px;\n  flex-wrap:wrap;\n}\n\n.eula-btn{\n  padding:14px 26px;\n  border-radius:999px;\n  font-size:14px;\n  text-decoration:none;\n  transition:transform .25s ease, opacity .25s ease, background .25s ease, color .25s ease;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.eula-primary{ background:#fff; color:#000; }\n.eula-primary:hover{ transform:translateY(-3px); opacity:.95; }\n\n.eula-ghost{\n  border:1px solid rgba(255,255,255,.9);\n  color:#fff;\n}\n.eula-ghost:hover{ background:#fff; color:#000; transform:translateY(-3px); }\n\n\/* ========================= *\/\n\/* BLACK SPACER (between hero and slider) *\/\n\/* ========================= *\/\n.eula-spacer{\n  height:56px;\n  background:#000;\n}\n\n\/* ========================= *\/\n\/* SHOWCASE *\/\n\/* ========================= *\/\n.eula-showcase{\n  background:#0b0b0b;\n  color:#fff;\n  padding:70px 8% 90px;\n  font-family:'Rubik',sans-serif;\n}\n\n.eula-show-inner{\n  max-width:var(--max);\n  margin:0 auto;\n}\n\n.eula-show-head{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:18px;\n  margin-bottom:18px;\n}\n\n.eula-show-title{\n  margin:0;\n  font-size:26px;\n  font-weight:700;\n  letter-spacing:-.3px;\n}\n.eula-show-note{\n  margin:0;\n  opacity:.72;\n  font-size:14px;\n  line-height:1.6;\n  max-width:520px;\n}\n\n\/* ========================= *\/\n\/* Slider + \"scroll hint\" *\/\n\/* ========================= *\/\n.eula-slider{\n  position:relative;\n  border-radius:var(--radius);\n}\n\n.eula-track{\n  display:flex;\n  gap:18px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  -webkit-overflow-scrolling:touch;\n\n  padding:6px 6px 14px;\n  scrollbar-width:thin;\n  scrollbar-color: rgba(255,255,255,.22) transparent;\n}\n\n.eula-track::-webkit-scrollbar{ height:10px; }\n.eula-track::-webkit-scrollbar-thumb{\n  background:rgba(255,255,255,.18);\n  border-radius:999px;\n}\n.eula-track::-webkit-scrollbar-track{ background:transparent; }\n\n\/* Side fades => shows you can scroll *\/\n.eula-slider::before,\n.eula-slider::after{\n  content:\"\";\n  position:absolute;\n  top:0;\n  bottom:0;\n  width:52px;\n  z-index:2;\n  pointer-events:none;\n}\n.eula-slider::before{\n  left:0;\n  background:linear-gradient(90deg, rgba(11,11,11,1) 0%, rgba(11,11,11,0) 100%);\n}\n.eula-slider::after{\n  right:0;\n  background:linear-gradient(270deg, rgba(11,11,11,1) 0%, rgba(11,11,11,0) 100%);\n}\n\n\/* Small \"glissez\" hint *\/\n.eula-hint{\n  position:absolute;\n  right:14px;\n  top:14px;\n  z-index:3;\n  font-size:12px;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  opacity:.85;\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:999px;\n  padding:8px 12px;\n  backdrop-filter: blur(6px);\n}\n\n\/* Cards *\/\n.eula-card{\n  flex:0 0 340px;\n  height:440px;\n  border-radius:var(--radius);\n  overflow:hidden;\n  scroll-snap-align:start;\n  position:relative;\n  background:rgba(255,255,255,.03);\n  border:1px solid rgba(255,255,255,.08);\n}\n\n.eula-card img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n\n  \/* net \/ sharp *\/\n  image-rendering:auto;\n  filter: contrast(1.02) saturate(1.02);\n  transform:translateZ(0);\n  backface-visibility:hidden;\n\n  transition:transform .6s ease;\n}\n\n.eula-card:hover img{ transform:scale(1.08); }\n\n\/* ========================= *\/\n\/* TABLETTE *\/\n\/* ========================= *\/\n@media(max-width:1024px){\n  .eula-title{ font-size:52px; }\n  .eula-card{ flex:0 0 300px; height:400px; }\n  .eula-showcase{ padding:60px 7% 80px; }\n}\n\n\/* ========================= *\/\n\/* MOBILE *\/\n\/* ========================= *\/\n@media(max-width:768px){\n  .eula-hero{ height:85vh; }\n  .eula-hero::before{\n    background:url(\"https:\/\/eulaagency.fr\/wp-content\/uploads\/2026\/02\/IMG_9279-6.jpg\") center\/cover no-repeat;\n  }\n  .eula-hero-content{\n    align-items:flex-end;\n    padding:0 6% 60px;\n    text-align:left;\n  }\n  .eula-title{ font-size:38px; }\n  .eula-sub{ font-size:16px; }\n\n  .eula-btns{ flex-direction:column; }\n  .eula-btn{ width:100%; }\n\n  .eula-spacer{ height:42px; }\n\n  .eula-showcase{ padding:52px 6% 70px; }\n  .eula-show-head{ flex-direction:column; align-items:flex-start; }\n  .eula-card{ flex:0 0 82vw; height:360px; }\n  .eula-slider::before, .eula-slider::after{ width:34px; }\n  .eula-hint{ right:10px; top:10px; font-size:11px; }\n}\n<\/style>\n\n<!-- HERO -->\n<section class=\"eula-hero\">\n  <div class=\"eula-hero-content\">\n    <div class=\"eula-hero-inner\">\n      <div class=\"eula-stack\">\n        <h1 class=\"eula-title\">Cr\u00e9er l\u2019impact.<br>Construire l\u2019image.<\/h1>\n        <p class=\"eula-sub\">Strat\u00e9gie social media et contenus visuels premium pour des entreprises ambitieuses.<\/p>\n        <div class=\"eula-btns\">\n          <a href=\"https:\/\/eulaagency.fr\/?page_id=13\" class=\"eula-btn eula-primary\">Portfolio<\/a>\n          <a href=\"https:\/\/eulaagency.fr\/?page_id=12\" class=\"eula-btn eula-ghost\">Me contacter<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- BLACK SPACE (premium separation) -->\n<div class=\"eula-spacer\"><\/div>\n\n<!-- SHOWCASE \/ SLIDER -->\n<section class=\"eula-showcase eula-reveal\" id=\"portfolio\">\n  <div class=\"eula-show-inner\">\n    <div class=\"eula-show-head\">\n      <div>\n        <h2 class=\"eula-show-title\">Quelques images<\/h2>\n        <p class=\"eula-show-note\">Faites d\u00e9filer pour d\u00e9couvrir mes images.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"eula-slider\">\n      <div class=\"eula-hint\">Glissez \u2192<\/div>\n\n      <div class=\"eula-track\">\n        <div class=\"eula-card\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2026\/02\/DSC01916.jpg?w=800&#038;ssl=1\" alt=\"\"><\/div>\n        <div class=\"eula-card\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2025\/07\/DSC02203-1-glissees.jpg?w=800&#038;ssl=1\" alt=\"\"><\/div>\n        <div class=\"eula-card\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2026\/02\/DSC09229.jpg?w=800&#038;ssl=1\" alt=\"\"><\/div>\n        <div class=\"eula-card\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2026\/02\/7DF63F33-E9CC-45A8-B247-E3745CCE5ED4.jpeg?w=800&#038;ssl=1\" alt=\"\"><\/div>\n        <div class=\"eula-card\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2026\/02\/DSC01209.jpg?w=800&#038;ssl=1\" alt=\"\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/* Fade-in on scroll (slider section) *\/\n(function(){\n  const els = document.querySelectorAll('.eula-reveal');\n  const io = new IntersectionObserver((entries)=>{\n    entries.forEach(e=>{\n      if(e.isIntersecting){\n        e.target.classList.add('is-visible');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.18 });\n\n  els.forEach(el => io.observe(el));\n\n  \/* Optional: hide the \"Glissez \u2192\" hint after user scrolls the track *\/\n  const track = document.querySelector('.eula-track');\n  const hint = document.querySelector('.eula-hint');\n  if(track && hint){\n    let hidden = false;\n    const hideHint = () => {\n      if(hidden) return;\n      hidden = true;\n      hint.style.transition = 'opacity .35s ease, transform .35s ease';\n      hint.style.opacity = '0';\n      hint.style.transform = 'translateY(-6px)';\n      setTimeout(()=>{ hint.style.display='none'; }, 420);\n    };\n    track.addEventListener('scroll', hideHint, { passive:true });\n    track.addEventListener('touchstart', hideHint, { passive:true });\n    track.addEventListener('mousedown', hideHint);\n  }\n})();\n<\/script>\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>Cr\u00e9er l\u2019impact.Construire l\u2019image. Strat\u00e9gie social media et contenus visuels premium pour des entreprises ambitieuses. Portfolio Me contacter Quelques images Faites d\u00e9filer pour d\u00e9couvrir mes images. Glissez \u2192<\/p>\n","protected":false},"author":262627536,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-269","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PgnJeQ-4l","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/users\/262627536"}],"replies":[{"embeddable":true,"href":"https:\/\/eulaagency.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=269"}],"version-history":[{"count":100,"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/pages\/269\/revisions"}],"predecessor-version":[{"id":1656,"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/pages\/269\/revisions\/1656"}],"wp:attachment":[{"href":"https:\/\/eulaagency.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}