{"id":29,"date":"2025-04-06T21:15:51","date_gmt":"2025-04-06T19:15:51","guid":{"rendered":"http:\/\/www.jadestudio.fr\/?page_id=29"},"modified":"2026-04-21T17:12:22","modified_gmt":"2026-04-21T15:12:22","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.jadestudio.fr\/index.php\/accueil\/","title":{"rendered":"Accueil"},"content":{"rendered":"<style>\n* {<br \/>\n  margin: 0;<br \/>\n  padding: 0;<br \/>\n  box-sizing: border-box;<br \/>\n  font-family: Unbounded, Helvetica, Arial, sans-serif;<br \/>\n}<\/p>\n<p>body {<br \/>\n  background: #EAEAE8;<br \/>\n  color: #fff;<br \/>\n}<\/p>\n<p>\/* GLOBAL *\/<br \/>\nsection {<br \/>\n  padding: 120px 60px;<br \/>\n}<\/p>\n<p>.container {<br \/>\n  max-width: 1200px;<br \/>\n  margin: auto;<br \/>\n}<\/p>\n<p>\/* NAVBAR *\/<br \/>\n.navbar {<br \/>\n  position: fixed;<br \/>\n  width: 100%;<br \/>\n  top: 0;<br \/>\n  padding: 20px 60px;<br \/>\n  display: flex;<br \/>\n  justify-content: space-between;<br \/>\n  z-index: 10;<br \/>\n}<\/p>\n<p>.navbar a {<br \/>\n  color: #fff;<br \/>\n  text-decoration: none;<br \/>\n  margin-left: 20px;<br \/>\n}<\/p>\n<p>\/* HERO *\/<br \/>\n.hero {<br \/>\n  height: 100vh;<br \/>\n  position: relative;<br \/>\n}<\/p>\n<p>.hero-bg {<br \/>\n  position: absolute;<br \/>\n  width: 100%;<br \/>\n  height: 100%;<br \/>\n  background: url('http:\/\/www.jadestudio.fr\/wp-content\/uploads\/2025\/04\/parc-jean-drapeau-1-1024x683.jpeg') center\/cover no-repeat;<br \/>\n  filter: brightness(0.6);<br \/>\n}<\/p>\n<p>.hero-overlay {<br \/>\n  position: absolute;<br \/>\n  width: 100%;<br \/>\n  height: 100%;<br \/>\n  background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.9));<br \/>\n}<\/p>\n<p>.hero-content {<br \/>\n  position: relative;<br \/>\n  z-index: 2;<br \/>\n  max-width: 700px;<br \/>\n  padding: 150px 60px;<br \/>\n}<\/p>\n<p>.hero h1 {<br \/>\n  font-size: 3rem;<br \/>\n  margin-bottom: 20px;<br \/>\n}<\/p>\n<p>.hero p {<br \/>\n  margin-bottom: 30px;<br \/>\n  line-height: 1.6;<br \/>\n  color: rgba(255,255,255,0.8);<br \/>\n}<\/p>\n<p>.btn {<br \/>\n  padding: 12px 24px;<br \/>\n  border: 1px solid #fff;<br \/>\n  text-decoration: none;<br \/>\n  margin-right: 10px;<br \/>\n}<\/p>\n<p>.btn.primary {<br \/>\n  background: #fff;<br \/>\n  color: #000;<br \/>\n}<\/p>\n<p>\/* FEATURED *\/<br \/>\n.featured img {<br \/>\n  width: 100%;<br \/>\n  margin-bottom: 20px;<br \/>\n}<\/p>\n<p>\/* POSITIONING *\/<br \/>\n.positioning {<br \/>\n  text-align: center;<br \/>\n}<\/p>\n<p>.positioning ul {<br \/>\n  margin-top: 20px;<br \/>\n  list-style: none;<br \/>\n}<\/p>\n<p>.positioning li {<br \/>\n  margin: 10px 0;<br \/>\n}<\/p>\n<p>\/* PROJECT GRID *\/<br \/>\n.grid {<br \/>\n  display: grid;<br \/>\n  grid-template-columns: repeat(2, 1fr);<br \/>\n  gap: 40px;<br \/>\n}<\/p>\n<p>.card img {<br \/>\n  width: 100%;<br \/>\n  margin-bottom: 10px;<br \/>\n  transition: 0.3s;<br \/>\n}<\/p>\n<p>.card:hover img {<br \/>\n  transform: scale(1.05);<br \/>\n}<\/p>\n<p>\/* APPROACH *\/<br \/>\n.approach {<br \/>\n  text-align: center;<br \/>\n}<\/p>\n<p>.approach .columns {<br \/>\n  display: flex;<br \/>\n  justify-content: space-between;<br \/>\n  margin-top: 40px;<br \/>\n}<\/p>\n<p>.approach .columns div {<br \/>\n  width: 30%;<br \/>\n}<\/p>\n<p>\/* ABOUT *\/<br \/>\n.about {<br \/>\n  display: flex;<br \/>\n  gap: 40px;<br \/>\n  align-items: center;<br \/>\n}<\/p>\n<p>.about img {<br \/>\n  width: 40%;<br \/>\n}<\/p>\n<p>\/* CONTACT *\/<br \/>\n.contact {<br \/>\n  text-align: center;<br \/>\n}<\/p>\n<p>.contact a {<br \/>\n  display: block;<br \/>\n  margin: 10px 0;<br \/>\n  color: #fff;<br \/>\n}<\/p>\n<p>\/* FOOTER *\/<br \/>\n.footer {<br \/>\n  text-align: center;<br \/>\n  padding: 40px;<br \/>\n  font-size: 0.8rem;<br \/>\n}<\/p>\n<p>\/* ANIMATIONS *\/<br \/>\n.fade {<br \/>\n  opacity: 0;<br \/>\n  transform: translateY(40px);<br \/>\n  animation: fadeUp 1s ease forwards;<br \/>\n}<\/p>\n<p>@keyframes fadeUp {<br \/>\n  to {<br \/>\n    opacity: 1;<br \/>\n    transform: translateY(0);<br \/>\n  }<br \/>\n}<\/p>\n<p>\/* MOBILE *\/<br \/>\n@media(max-width: 768px) {<br \/>\n  section {<br \/>\n    padding: 80px 20px;<br \/>\n  }<\/p>\n<p>  .grid {<br \/>\n    grid-template-columns: 1fr;<br \/>\n  }<\/p>\n<p>  .about {<br \/>\n    flex-direction: column;<br \/>\n  }<\/p>\n<p>  .approach .columns {<br \/>\n    flex-direction: column;<br \/>\n    gap: 20px;<br \/>\n  }<\/p>\n<p>  .approach .columns div {<br \/>\n    width: 100%;<br \/>\n  }<br \/>\n}<br \/>\n<\/style>\n<p><!-- NAVBAR --><\/p>\n<div class=\"navbar\">\n<div>Jade Studio<\/div>\n<div><a href=\"#projects\">Projets<\/a><br \/>\n<a href=\"#about\">\u00c0 propos<\/a><br \/>\n<a href=\"#contact\">Contact<\/a><\/div>\n<\/div>\n<p><!-- HERO --><\/p>\n<section class=\"hero\">\n<div class=\"hero-bg\"><\/div>\n<div class=\"hero-overlay\"><\/div>\n<div class=\"hero-content fade\">\n<h1>Sc\u00e9nographe &amp; designer d\u2019espace<\/h1>\n<p>Je con\u00e7ois des sc\u00e9nographies et des espaces immersifs pour des marques et des \u00e9v\u00e9nements.<\/p>\n<p><a class=\"btn primary\" href=\"#projects\">Voir les projets<\/a><br \/>\n<a class=\"btn\" href=\"#contact\">Me contacter<\/a><\/p>\n<\/div>\n<\/section>\n<p><!-- FEATURED --><\/p>\n<section class=\"featured container fade\"><img decoding=\"async\" src=\"project.jpg\" \/><\/p>\n<h2>Projet immersif<\/h2>\n<p>Installation sc\u00e9nographique explorant la perception.<\/p>\n<\/section>\n<p><!-- POSITIONING --><\/p>\n<section class=\"positioning container fade\">Je con\u00e7ois des dispositifs sc\u00e9nographiques \u00e0 la crois\u00e9e de l\u2019art, de la culture et des exp\u00e9riences de marque.<\/p>\n<ul>\n<li>Immersion<\/li>\n<li>Narration spatiale<\/li>\n<li>Traduction d\u2019identit\u00e9s<\/li>\n<\/ul>\n<\/section>\n<p><!-- PROJECTS --><\/p>\n<section id=\"projects\" class=\"container fade\">\n<div class=\"grid\">\n<div class=\"card\"><img decoding=\"async\" src=\"p1.jpg\" \/><\/p>\n<h3>Projet 1<\/h3>\n<\/div>\n<div class=\"card\"><img decoding=\"async\" src=\"p2.jpg\" \/><\/p>\n<h3>Projet 2<\/h3>\n<\/div>\n<\/div>\n<\/section>\n<p><!-- APPROACH --><\/p>\n<section class=\"approach container fade\">\n<h2>Approche<\/h2>\n<div class=\"columns\">\n<div>Traduire l\u2019invisible en espace<\/div>\n<div>Cr\u00e9er des exp\u00e9riences immersives<\/div>\n<div>Construire des parcours<\/div>\n<\/div>\n<\/section>\n<p><!-- ABOUT --><\/p>\n<section id=\"about\" class=\"about container fade\"><img decoding=\"async\" src=\"portrait.jpg\" \/><\/p>\n<div>\n<p>Sc\u00e9nographe et designer d\u2019espace, je d\u00e9veloppe des environnements immersifs entre art et exp\u00e9rience de marque.<\/p>\n<\/div>\n<\/section>\n<p><!-- CONTACT --><\/p>\n<section id=\"contact\" class=\"contact fade\">\n<h2>Contact<\/h2>\n<p>Disponible pour collaborations et projets.<\/p>\n<p><a href=\"mailto:contact@jadestudio.fr\">hello@jadestudio.fr<\/a><\/p>\n<\/section>\n<p><!-- FOOTER --><\/p>\n<div class=\"footer\">\u00a9 Jade Studio<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Jade Studio Projets \u00c0 propos Contact Sc\u00e9nographe &amp; designer d\u2019espace Je con\u00e7ois des sc\u00e9nographies et des espaces immersifs pour des marques et des \u00e9v\u00e9nements. Voir les projets Me contacter Projet immersif Installation sc\u00e9nographique explorant la perception. Je con\u00e7ois des dispositifs sc\u00e9nographiques \u00e0 la crois\u00e9e de l\u2019art, de la culture et des exp\u00e9riences de marque. Immersion [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":1,"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":755,"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions\/755"}],"wp:attachment":[{"href":"https:\/\/www.jadestudio.fr\/index.php\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}