{"id":24,"date":"2026-06-05T09:54:02","date_gmt":"2026-06-05T09:54:02","guid":{"rendered":"https:\/\/www.bornthiswest.fr\/?page_id=24"},"modified":"2026-06-05T10:05:13","modified_gmt":"2026-06-05T10:05:13","slug":"qui-sommes-nous","status":"publish","type":"page","link":"https:\/\/www.bornthiswest.fr\/index.php\/qui-sommes-nous\/","title":{"rendered":"Qui sommes-nous ?"},"content":{"rendered":"\n<style>\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n:root{\n  --pink:#ff2e93;\n  --orange:#ff8a00;\n  --yellow:#ffd500;\n  --purple:#7b2fff;\n  --blue:#00cfff;\n  --dark:#12051f;\n  --white:#ffffff;\n}\n\nbody{\n  font-family:\"Segoe UI\",sans-serif;\n  background:\n    radial-gradient(circle at top left, rgba(255,46,147,0.25), transparent 30%),\n    radial-gradient(circle at bottom right, rgba(0,207,255,0.25), transparent 30%),\n    linear-gradient(135deg,#140320,#220537,#0f1023);\n  color:var(--white);\n  overflow-x:hidden;\n}\n\nbody::before{\n  content:\"\";\n  position:fixed;\n  inset:0;\n  background-image:\n    radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);\n  background-size:30px 30px;\n  pointer-events:none;\n  z-index:-1;\n}\n\nheader{\n  min-height:100vh;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  padding:40px 20px;\n  position:relative;\n  overflow:hidden;\n}\n\n.glow{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(80px);\n  opacity:0.7;\n}\n\n.glow.one{\n  width:300px;\n  height:300px;\n  background:var(--pink);\n  top:-50px;\n  left:-100px;\n}\n\n.glow.two{\n  width:350px;\n  height:350px;\n  background:var(--purple);\n  bottom:-100px;\n  right:-100px;\n}\n\n.hero{\n  max-width:1000px;\n  z-index:2;\n}\n\n.badge{\n  display:inline-block;\n  padding:10px 18px;\n  border-radius:999px;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  backdrop-filter:blur(12px);\n  margin-bottom:25px;\n  font-weight:600;\n  letter-spacing:1px;\n}\n\nh1{\n  font-size:clamp(3rem,9vw,7rem);\n  line-height:0.95;\n  font-weight:900;\n  text-transform:uppercase;\n  background:linear-gradient(\n    90deg,\n    var(--pink),\n    var(--orange),\n    var(--yellow),\n    var(--blue)\n  );\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n  margin-bottom:25px;\n}\n\n.hero p{\n  font-size:1.3rem;\n  line-height:1.8;\n  color:#f3f3f3;\n  max-width:800px;\n  margin:auto;\n}\n\n.buttons{\n  margin-top:40px;\n  display:flex;\n  justify-content:center;\n  gap:20px;\n  flex-wrap:wrap;\n}\n\n.btn{\n  padding:18px 32px;\n  border-radius:999px;\n  text-decoration:none;\n  font-weight:700;\n  transition:.3s ease;\n  font-size:1rem;\n}\n\n.btn-primary{\n  background:linear-gradient(\n    90deg,\n    var(--pink),\n    var(--orange)\n  );\n  color:white;\n  box-shadow:0 10px 30px rgba(255,46,147,.35);\n}\n\n.btn-secondary{\n  border:2px solid rgba(255,255,255,.25);\n  color:white;\n  background:rgba(255,255,255,.08);\n  backdrop-filter:blur(10px);\n}\n\n.btn:hover{\n  transform:translateY(-4px) scale(1.03);\n}\n\nsection{\n  padding:100px 8%;\n}\n\n.section-title{\n  text-align:center;\n  font-size:3rem;\n  margin-bottom:60px;\n  font-weight:900;\n}\n\n.launch{\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,46,147,.18),\n      rgba(123,47,255,.18),\n      rgba(0,207,255,.12)\n    );\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:40px;\n  padding:60px;\n  backdrop-filter:blur(16px);\n  box-shadow:0 20px 50px rgba(0,0,0,.35);\n  position:relative;\n  overflow:hidden;\n}\n\n.launch::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      45deg,\n      transparent,\n      rgba(255,255,255,.04),\n      transparent\n    );\n  pointer-events:none;\n}\n\n.launch h2{\n  font-size:4rem;\n  margin-bottom:20px;\n  line-height:1;\n}\n\n.gradient{\n  background:\n    linear-gradient(\n      90deg,\n      var(--yellow),\n      var(--pink),\n      var(--blue)\n    );\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.launch .date{\n  font-size:1.6rem;\n  font-weight:700;\n  margin-bottom:30px;\n}\n\n.launch-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\n  gap:25px;\n  margin-top:40px;\n}\n\n.mini-card{\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:24px;\n  padding:30px;\n  text-align:center;\n  transition:.3s;\n}\n\n.mini-card:hover{\n  transform:translateY(-6px);\n  background:rgba(255,255,255,.12);\n}\n\n.mini-card span{\n  font-size:3rem;\n  display:block;\n  margin-bottom:15px;\n}\n\n.mini-card h3{\n  margin-bottom:12px;\n  font-size:1.4rem;\n}\n\n.about{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));\n  gap:30px;\n}\n\n.card{\n  padding:35px;\n  border-radius:30px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.1);\n  backdrop-filter:blur(12px);\n  transition:.3s ease;\n}\n\n.card:hover{\n  transform:translateY(-8px);\n}\n\n.card h3{\n  margin-bottom:18px;\n  font-size:1.6rem;\n  color:var(--yellow);\n}\n\n.card p,\n.card li{\n  color:#f2f2f2;\n  line-height:1.8;\n}\n\nul{\n  padding-left:20px;\n}\n\n.quote{\n  margin-top:80px;\n  text-align:center;\n  font-size:2rem;\n  line-height:1.6;\n  font-weight:700;\n  max-width:900px;\n  margin-left:auto;\n  margin-right:auto;\n}\n\n.quote strong{\n  background:\n    linear-gradient(\n      90deg,\n      var(--pink),\n      var(--orange)\n    );\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\nfooter{\n  padding:50px 20px;\n  text-align:center;\n  background:rgba(0,0,0,.25);\n  border-top:1px solid rgba(255,255,255,.08);\n}\n\nfooter p{\n  color:#ddd;\n  line-height:1.8;\n}\n\n@media(max-width:768px){\n\n  .launch{\n    padding:35px 25px;\n  }\n\n  .launch h2{\n    font-size:2.8rem;\n  }\n\n  .section-title{\n    font-size:2.3rem;\n  }\n\n  .quote{\n    font-size:1.4rem;\n  }\n}\n<\/style>\n\n<header>\n\n  <div class=\"glow one\"><\/div>\n  <div class=\"glow two\"><\/div>\n\n  <div class=\"hero\">\n\n    <div class=\"badge\">\n      \ud83c\udf08 Born This West\n    <\/div>\n\n    <h1>Qui sommes-nous ?<\/h1>\n\n    <p>\n      Deux Nazairiens.<br>\n      Natifs et habitants de Saint-Nazaire.<br>\n      Attach\u00e9s \u00e0 notre territoire riche de la diversit\u00e9 de ses habitant.e.s.\n    <\/p>\n\n  <\/div>\n\n<\/header>\n\n<section>\n\n  <div class=\"launch\">\n\n    <h2 class=\"gradient\">\n      Pride Estuaire\n    <\/h2>\n\n    <p class=\"date\">\n      En 2026, nous avons co-organis\u00e9 \u00ab Pride Estuaire \u00bb.\n    <\/p>\n\n    <p style=\"font-size:1.2rem; line-height:1.9; max-width:850px;\">\n      La premi\u00e8re Marche des Fiert\u00e9s de Saint-Nazaire et sa r\u00e9gion sous cette nouvelle appellation.\n    <\/p>\n\n  <\/div>\n\n<\/section>\n\n<section>\n\n  <div class=\"launch-grid\">\n\n    <div class=\"mini-card\">\n      <span>\ud83c\udff3\ufe0f\u200d\ud83c\udf08<\/span>\n      <p>\n        Un Village Pride attractif.\n      <\/p>\n      <p>\n        Une vingtaine de stands vari\u00e9s.\n      <\/p>\n    <\/div>\n\n    <div class=\"mini-card\">\n      <span>\ud83d\udeb6<\/span>\n      <p>\n        Une marche dans les rues de la ville pour occuper l\u2019espace public dans la diversit\u00e9 de ses paysages.\n      <\/p>\n    <\/div>\n\n    <div class=\"mini-card\">\n      <span>\ud83d\udc9c<\/span>\n      <p>\n        Plusieurs centaines de personnes unies.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<section>\n\n  <h2 class=\"section-title\">\n    Un After Pride festif au Kiosq.\n  <\/h2>\n\n  <div class=\"about\">\n\n    <div class=\"card\">\n      <h3>\ud83c\udfa4 Blind Test Drag<\/h3>\n\n      <p>\n        Blind Test Drag survolt\u00e9.\n      <\/p>\n    <\/div>\n\n    <div class=\"card\">\n      <h3>\ud83c\udfb6 Concert<\/h3>\n\n      <p>\n        Concert avec textes engag\u00e9s.\n      <\/p>\n    <\/div>\n\n    <div class=\"card\">\n      <h3>\ud83c\udfa7 DJ Set<\/h3>\n\n      <p>\n        DJ Set aux accents de pop dansante.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"quote\">\n    <strong>\n      Une journ\u00e9e sous le signe de la visibilit\u00e9, de f\u00eate et du partage.\n    <\/strong>\n  <\/div>\n\n<\/section>\n\n<section>\n\n  <div class=\"launch\">\n\n    <h2 class=\"gradient\">\n      Cette exp\u00e9rience magique nous a confort\u00e9 dans l\u2019envie d\u2019aller plus loin.\n    <\/h2>\n\n    <div class=\"launch-grid\">\n\n      <div class=\"mini-card\">\n        <span>\ud83d\udca1<\/span>\n        <h3>Imaginer.<\/h3>\n      <\/div>\n\n      <div class=\"mini-card\">\n        <span>\ud83c\udfa8<\/span>\n        <h3>Cr\u00e9er.<\/h3>\n      <\/div>\n\n      <div class=\"mini-card\">\n        <span>\ud83c\udfd7\ufe0f<\/span>\n        <h3>Construire de nouveaux projets.<\/h3>\n      <\/div>\n\n    <\/div>\n\n    <p style=\"margin-top:40px;font-size:1.2rem;line-height:1.8;\">\n      \u00c0 Saint-Nazaire et dans toute sa r\u00e9gion.\n    <\/p>\n\n  <\/div>\n\n<\/section>\n\n<section>\n\n  <h2 class=\"section-title\">\n    C\u2019est pour cela que nous avons cr\u00e9\u00e9 \u00ab Born This West \u00bb.\n  <\/h2>\n\n  <div class=\"about\">\n\n    <div class=\"card\">\n\n      <h3>Nous avons pour objectif de :<\/h3>\n\n      <p>Promouvoir l\u2019inclusion.<\/p>\n      <p>Valoriser la diversit\u00e9.<\/p>\n      <p>Lutter contre les discriminations.<\/p>\n      <p>Faire vivre l\u2019\u00e9galit\u00e9.<\/p>\n\n    <\/div>\n\n    <div class=\"card\">\n\n      <h3>\n        Gr\u00e2ce \u00e0 des actions, ouvertes \u00e0 tous.tes, orient\u00e9es vers le partage et la diversit\u00e9 :\n      <\/h3>\n\n      <p>\u00c9v\u00e9nements culturels.<\/p>\n      <p>Actions citoyennes.<\/p>\n      <p>Sensibilisation.<\/p>\n      <p>Cr\u00e9ations artistiques.<\/p>\n      <p>Espaces de rencontre.<\/p>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"quote\">\n    <strong>\n      Et bien plus encore\u2026\n    <\/strong>\n  <\/div>\n\n<\/section>\n\n<footer>\n  <p>\n    Bienvenue dans l\u2019aventure \ud83d\udc9c\n  <\/p>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf08 Born This West Qui sommes-nous ? Deux Nazairiens. Natifs et habitants de Saint-Nazaire. Attach\u00e9s \u00e0 notre territoire riche de la diversit\u00e9 de ses habitant.e.s. Pride Estuaire En 2026, nous avons co-organis\u00e9 \u00ab Pride Estuaire \u00bb. La premi\u00e8re Marche des Fiert\u00e9s de Saint-Nazaire et sa r\u00e9gion sous cette nouvelle appellation. \ud83c\udff3\ufe0f\u200d\ud83c\udf08 Un Village Pride attractif. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"mod-le-pages","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":5,"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/www.bornthiswest.fr\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}