{"id":1,"date":"2025-02-26T12:20:57","date_gmt":"2025-02-26T12:20:57","guid":{"rendered":"http:\/\/eulaagency.fr\/?page_id=1"},"modified":"2026-02-25T11:44:40","modified_gmt":"2026-02-25T10:44:40","slug":"about","status":"publish","type":"page","link":"https:\/\/eulaagency.fr\/?page_id=1","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1\" class=\"elementor elementor-1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1420dc e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"e1420dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac8be39 elementor-widget elementor-widget-spacer\" data-id=\"ac8be39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d26e372 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d26e372\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MON HISTOIRE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-259d295 elementor-widget elementor-widget-spacer\" data-id=\"259d295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33d0ed4 elementor-widget elementor-widget-html\" data-id=\"33d0ed4\" 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:1100px;\n  --radius:22px;\n  --accent:#ff61c2;\n  --ink:#0b0b0b;\n  --muted: rgba(0,0,0,.65);\n  --line: rgba(0,0,0,.10);\n  --soft:#f7f7f7;\n  --softAccent: rgba(255,97,194,.10);\n  --lineAccent: rgba(255,97,194,.35);\n}\n\n\/* ===== Selection \/ highlight (quand on glisse sur le texte) ===== *\/\n::selection{ background:var(--accent); color:#fff; }\n::-moz-selection{ background:var(--accent); color:#fff; }\n\n\/* ===== Focus (clavier) ===== *\/\n:focus-visible{\n  outline:2px solid var(--accent);\n  outline-offset:3px;\n  border-radius:10px;\n}\n\n.eula-story{\n  font-family:'Rubik',sans-serif;\n  color:var(--ink);\n  background:#fff;\n  padding:90px 8%;\n}\n\n.eula-wrap{ max-width:var(--max); margin:0 auto; }\n\n\/* Header *\/\n.eula-kicker{\n  letter-spacing:3px;\n  text-transform:uppercase;\n  font-size:12px;\n  color:rgba(0,0,0,.55);\n  margin:0 0 12px 0;\n}\n\n.eula-title{\n  font-size:48px;\n  font-weight:700;\n  line-height:1.08;\n  letter-spacing:-.7px;\n  margin:0 0 14px 0;\n  position:relative;\n}\n.eula-title::after{\n  content:\"\";\n  display:block;\n  width:74px;\n  height:4px;\n  background:var(--accent);\n  margin-top:14px;\n  border-radius:999px;\n}\n\n\/* Hover chic sur le gros titre (pas un rose permanent) *\/\n.eula-title:hover{\n  color:var(--accent);\n  transition:.18s ease;\n}\n\n.eula-intro{\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.85;\n  margin:0 0 26px 0;\n  max-width:820px;\n}\n\n\/* Layout *\/\n.eula-grid{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:18px;\n  align-items:start;\n}\n\n\/* Photo *\/\n.eula-photo{\n  border:1px solid var(--line);\n  border-radius:var(--radius);\n  overflow:hidden;\n  background:var(--soft);\n  position:sticky;\n  top:18px;\n}\n\n.eula-photo img{\n  width:100%;\n  height:520px;\n  object-fit:cover;\n  display:block;\n}\n\n.eula-photo-cap{\n  padding:14px 16px;\n  border-top:1px solid rgba(0,0,0,.08);\n  background:#fff;\n  color:rgba(0,0,0,.72);\n  font-size:13px;\n  line-height:1.6;\n}\n\n\/* Accordion *\/\n.eula-acc{\n  display:grid;\n  gap:12px;\n}\n\n.eula-item{\n  border:1px solid var(--line);\n  border-radius:var(--radius);\n  overflow:hidden;\n  background:#fff;\n  box-shadow:0 10px 28px rgba(0,0,0,.04);\n}\n\n.eula-btn{\n  width:100%;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:12px;\n  padding:18px 18px;\n  background:#fff;\n  border:0;\n  cursor:pointer;\n  text-align:left;\n  font-family:'Rubik',sans-serif;\n}\n\n.eula-btn strong{\n  font-size:18px;\n  font-weight:700;\n  letter-spacing:-.2px;\n  transition:color .18s ease;\n}\n\n.eula-btn span{\n  color:rgba(0,0,0,.55);\n  font-size:13px;\n}\n\n\/* Hover sur titres d\u2019accord\u00e9on *\/\n.eula-btn:hover strong{\n  color:var(--accent);\n}\n\n\/* Accent when open *\/\n.eula-btn[aria-expanded=\"true\"] strong{\n  color:var(--accent);\n}\n\n.eula-icon{\n  width:38px;\n  height:38px;\n  border-radius:999px;\n  border:1px solid var(--lineAccent);\n  background:var(--softAccent);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 auto;\n  transition:transform .25s ease;\n  font-weight:700;\n  color:var(--accent);\n}\n\n.eula-panel{\n  max-height:0;\n  overflow:hidden;\n  transition:max-height .35s ease;\n  border-top:1px solid rgba(0,0,0,.08);\n  background:linear-gradient(180deg,#fff,#fbfbfb);\n}\n\n.eula-panel-inner{\n  padding:16px 18px 20px;\n  color:var(--muted);\n  font-size:14.5px;\n  line-height:1.9;\n}\n\n.eula-panel-inner .eula-mini{\n  margin-top:12px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.eula-pill{\n  border:1px solid var(--lineAccent);\n  background:var(--softAccent);\n  border-radius:999px;\n  padding:9px 12px;\n  font-size:12.5px;\n  color:var(--accent);\n}\n\n\/* Gallery inside accordion *\/\n.eula-gallery{\n  margin-top:14px;\n  display:grid;\n  grid-template-columns:repeat(3, 1fr);\n  gap:10px;\n}\n\n.eula-thumb{\n  border-radius:16px;\n  overflow:hidden;\n  border:1px solid rgba(0,0,0,.10);\n  background:var(--soft);\n}\n\n.eula-thumb img{\n  width:100%;\n  height:140px;\n  object-fit:cover;\n  display:block;\n}\n\n\/* CTA *\/\n.eula-cta{\n  margin-top:34px;\n  border-radius:var(--radius);\n  padding:26px;\n  background:#0b0b0b;\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:16px;\n  border:1px solid rgba(255,255,255,.10);\n}\n\n.eula-cta h3{\n  margin:0;\n  font-size:22px;\n  font-weight:700;\n  letter-spacing:-.2px;\n}\n.eula-cta h3:hover{\n  color:var(--accent);\n  transition:.18s ease;\n}\n\n.eula-cta p{\n  margin:8px 0 0;\n  opacity:.85;\n  line-height:1.7;\n  font-size:14px;\n  max-width:640px;\n}\n\n.eula-actions{\n  display:flex;\n  gap:12px;\n  flex-wrap:wrap;\n}\n\n.eula-cta a{\n  padding:14px 20px;\n  border-radius:999px;\n  text-decoration:none;\n  font-size:14px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  transition:.25s ease;\n  white-space:nowrap;\n}\n\n.eula-primary{\n  background:var(--accent);\n  color:#fff;\n}\n.eula-primary:hover{ transform:translateY(-3px); opacity:.92; }\n\n.eula-ghost{\n  border:1px solid var(--accent);\n  color:var(--accent);\n}\n.eula-ghost:hover{\n  background:var(--accent);\n  color:#fff;\n  transform:translateY(-3px);\n}\n\n\/* Desktop slight upscale *\/\n@media (min-width: 1100px){\n  .eula-title{ font-size:52px; }\n  .eula-btn strong{ font-size:19px; }\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n  .eula-story{ padding:70px 7%; }\n  .eula-grid{ grid-template-columns:1fr; }\n  .eula-photo{ position:relative; top:auto; }\n  .eula-photo img{ height:420px; }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px){\n  .eula-story{ padding:60px 6%; }\n  .eula-title{ font-size:34px; }\n  .eula-intro{ font-size:15px; }\n\n  .eula-btn{ padding:16px; }\n  .eula-btn strong{ font-size:17px; }\n  .eula-icon{ width:36px; height:36px; }\n\n  .eula-photo img{ height:320px; }\n\n  .eula-gallery{ grid-template-columns:1fr; }\n  .eula-thumb img{ height:210px; }\n\n  .eula-cta{\n    flex-direction:column;\n    align-items:flex-start;\n  }\n  .eula-actions{ width:100%; }\n  .eula-cta a{ width:100%; }\n}\n<\/style>\n\n<section class=\"eula-story\" id=\"mon-histoire\">\n  <div class=\"eula-wrap\">\n\n    <p class=\"eula-kicker\">MON HISTOIRE<\/p>\n    <h1 class=\"eula-title\">De cr\u00e9atrice de contenu \u00e0 partenaire d\u2019image pour les entreprises.<\/h1>\n    <p class=\"eula-intro\">\n      J\u2019ai <strong>21 ans<\/strong> et j\u2019ai commenc\u00e9 par la cr\u00e9ation : photo, vid\u00e9o, formats courts.\n      Puis j\u2019ai voulu aller plus loin : construire une image coh\u00e9rente et premium pour des <strong>entreprises<\/strong>,\n      avec une vraie strat\u00e9gie derri\u00e8re chaque contenu.\n    <\/p>\n\n    <div class=\"eula-grid\">\n\n      <!-- ACCORDION -->\n      <div class=\"eula-acc\" id=\"eulaAcc\">\n\n        <div class=\"eula-item\">\n          <button class=\"eula-btn\" type=\"button\" aria-expanded=\"true\">\n            <div>\n              <strong>Le point de d\u00e9part<\/strong><br>\n              <span>Cr\u00e9ation de contenu \u2022 esth\u00e9tique \u2022 storytelling<\/span>\n            <\/div>\n            <div class=\"eula-icon\">+<\/div>\n          <\/button>\n          <div class=\"eula-panel\">\n            <div class=\"eula-panel-inner\">\n              Au d\u00e9part, je cr\u00e9ais surtout pour <strong>capturer une ambiance<\/strong> :\n              la lumi\u00e8re, les d\u00e9tails, les mati\u00e8res, le mouvement. J\u2019ai appris \u00e0 raconter une histoire en quelques secondes,\n              \u00e0 construire un univers, et \u00e0 produire des visuels qui retiennent l\u2019attention.\n              <div class=\"eula-mini\">\n                <span class=\"eula-pill\">Photo<\/span>\n                <span class=\"eula-pill\">Vid\u00e9o<\/span>\n                <span class=\"eula-pill\">Reels \/ Shorts<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"eula-item\">\n          <button class=\"eula-btn\" type=\"button\" aria-expanded=\"false\">\n            <div>\n              <strong>Le d\u00e9clic<\/strong><br>\n              <span>Une image ne \u201cremplit\u201d pas : elle positionne<\/span>\n            <\/div>\n            <div class=\"eula-icon\">+<\/div>\n          <\/button>\n          <div class=\"eula-panel\">\n            <div class=\"eula-panel-inner\">\n              J\u2019ai compris que la diff\u00e9rence ne se fait pas seulement sur \u201cquoi publier\u201d, mais sur\n              <strong>ce que \u00e7a renvoie<\/strong>. Une entreprise peut \u00eatre excellente, mais si son image est floue,\n              elle passe \u00e0 c\u00f4t\u00e9 d\u2019opportunit\u00e9s. Mon travail est devenu : <strong>rendre votre valeur visible<\/strong>.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"eula-item\">\n          <button class=\"eula-btn\" type=\"button\" aria-expanded=\"false\">\n            <div>\n              <strong>Pourquoi les entreprises<\/strong><br>\n              <span>Image + strat\u00e9gie = confiance + choix<\/span>\n            <\/div>\n            <div class=\"eula-icon\">+<\/div>\n          <\/button>\n          <div class=\"eula-panel\">\n            <div class=\"eula-panel-inner\">\n              J\u2019ai voulu proposer mes services aux entreprises pour cr\u00e9er une pr\u00e9sence qui inspire confiance :\n              une direction visuelle claire, des contenus premium, et une strat\u00e9gie align\u00e9e sur un objectif\n              (demandes, r\u00e9servations, visibilit\u00e9, notori\u00e9t\u00e9).\n              <div class=\"eula-mini\">\n                <span class=\"eula-pill\">H\u00f4tellerie<\/span>\n                <span class=\"eula-pill\">Restauration<\/span>\n                <span class=\"eula-pill\">Automobile<\/span>\n                <span class=\"eula-pill\">\u00c9quine<\/span>\n                <span class=\"eula-pill\">Bien-\u00eatre<\/span>\n                <span class=\"eula-pill\">Bijoux<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"eula-item\">\n          <button class=\"eula-btn\" type=\"button\" aria-expanded=\"false\">\n            <div>\n              <strong>Ma mani\u00e8re de travailler<\/strong><br>\n              <span>Studio mindset \u2022 coh\u00e9rence \u2022 \u00e9l\u00e9gance<\/span>\n            <\/div>\n            <div class=\"eula-icon\">+<\/div>\n          <\/button>\n          <div class=\"eula-panel\">\n            <div class=\"eula-panel-inner\">\n              Je travaille comme un studio : on part de votre identit\u00e9, on pose une direction,\n              puis on produit des contenus coh\u00e9rents et \u00e9l\u00e9gants. L\u2019objectif : une image reconnaissable,\n              premium et performante sur le long terme.\n              <div class=\"eula-gallery\">\n                <div class=\"eula-thumb\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2025\/10\/DSC09478.jpg?w=800&#038;ssl=1\"><\/div>\n                <div class=\"eula-thumb\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2026\/02\/IMG_9279-5.jpg?w=800&#038;ssl=1\" alt=\"Projet 2\"><\/div>\n                <div class=\"eula-thumb\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2025\/07\/DSC02191-2.jpg?w=800&#038;ssl=1\" alt=\"Projet 3\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- CTA -->\n        <div class=\"eula-cta\" id=\"contact\">\n          <div>\n            <h3>On construit votre image ?<\/h3>\n            <p>Parlez-moi de votre entreprise et de votre objectif. Je vous propose une direction claire et une offre adapt\u00e9e.<\/p>\n          <\/div>\n          <div class=\"eula-actions\">\n            <a class=\"eula-primary\" href=\"mailto:contact@eulaagency.fr\">Me contacter<\/a>\n            <a class=\"eula-ghost\" href=\"#portfolio\">Voir le portfolio<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- PHOTO SIDE -->\n      <div class=\"eula-photo\">\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/eulaagency.fr\/wp-content\/uploads\/2025\/02\/dsc04722.jpg?w=800&#038;ssl=1\" alt=\"Portrait \/ en situation\">\n        <div class=\"eula-photo-cap\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  const items = Array.from(document.querySelectorAll('#eulaAcc .eula-item'));\n  function setOpen(item, open){\n    const btn = item.querySelector('.eula-btn');\n    const panel = item.querySelector('.eula-panel');\n    const icon = item.querySelector('.eula-icon');\n    btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n    if(open){\n      panel.style.maxHeight = panel.scrollHeight + 'px';\n      icon.style.transform = 'rotate(45deg)';\n    }else{\n      panel.style.maxHeight = '0px';\n      icon.style.transform = 'rotate(0deg)';\n    }\n  }\n  items.forEach((it, idx) => setOpen(it, idx === 0));\n  items.forEach(item=>{\n    const btn = item.querySelector('.eula-btn');\n    btn.addEventListener('click', ()=>{\n      const isOpen = btn.getAttribute('aria-expanded') === 'true';\n      items.forEach(it => setOpen(it, false));\n      setOpen(item, !isOpen);\n    });\n  });\n  window.addEventListener('resize', ()=>{\n    items.forEach(item=>{\n      const btn = item.querySelector('.eula-btn');\n      const panel = item.querySelector('.eula-panel');\n      if(btn.getAttribute('aria-expanded') === 'true'){\n        panel.style.maxHeight = panel.scrollHeight + 'px';\n      }\n    });\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>MON HISTOIRE MON HISTOIRE De cr\u00e9atrice de contenu \u00e0 partenaire d\u2019image pour les entreprises. J\u2019ai 21 ans et j\u2019ai commenc\u00e9 par la cr\u00e9ation : photo, vid\u00e9o, formats courts. Puis j\u2019ai voulu aller plus loin : construire une image coh\u00e9rente et premium pour des entreprises, avec une vraie strat\u00e9gie derri\u00e8re chaque contenu. Le point de d\u00e9part [&hellip;]<\/p>\n","protected":false},"author":262627536,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-1","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PgnJeQ-1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/pages\/1","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=1"}],"version-history":[{"count":46,"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/pages\/1\/revisions"}],"predecessor-version":[{"id":1664,"href":"https:\/\/eulaagency.fr\/index.php?rest_route=\/wp\/v2\/pages\/1\/revisions\/1664"}],"wp:attachment":[{"href":"https:\/\/eulaagency.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}