{"id":17,"date":"2026-08-20T19:08:38","date_gmt":"2026-08-20T19:08:38","guid":{"rendered":"https:\/\/ns-crea.com\/index.php\/digitala\/"},"modified":"2026-10-09T16:46:57","modified_gmt":"2026-10-09T16:46:57","slug":"digitala","status":"publish","type":"page","link":"https:\/\/ns-crea.com\/","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>NS CR\u00c9A \u2014 Cr\u00e9ation &amp; communication digitale<\/title>\n\n<style>\n:root {\n  --pink: #ec087b;\n  --pink-light: #fff1f7;\n  --black: #111111;\n  --text: #171923;\n  --grey: #686868;\n  --light: #f8f7f6;\n  --white: #ffffff;\n  --border: #e9e5e7;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  scroll-padding-top: 20px;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--text);\n  background: #fff;\n  line-height: 1.6;\n}\n\na {\n  text-decoration: none;\n  color: inherit;\n}\n\n.ns-page {\n  width: 100%;\n  overflow: hidden;\n}\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.ns-header {\n  position: relative;\n  z-index: 100;\n  background: #fff;\n  border-bottom: 1px solid var(--border);\n}\n\n.ns-nav {\n  max-width: 1200px;\n  height: 82px;\n  margin: auto;\n  padding: 0 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n\/* LOGO *\/\n\n.ns-logo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.ns-logo-mark {\n  width: 54px;\n  height: 54px;\n  background: var(--black);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #f5f3ef;\n  font-size: 29px;\n  font-weight: 900;\n  letter-spacing: -4px;\n  flex-shrink: 0;\n}\n\n.ns-logo-mark span {\n  color: var(--pink);\n}\n\n.ns-logo-name {\n  font-weight: 800;\n  font-size: 19px;\n  line-height: 1;\n}\n\n.ns-logo-line {\n  width: 45px;\n  height: 3px;\n  background: var(--pink);\n  margin-top: 6px;\n}\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.ns-hero {\n  background:\n    radial-gradient(\n      circle at 80% 20%,\n      #ffe4f1 0%,\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      #fff 0%,\n      #fff 60%,\n      #fff7fa 100%\n    );\n\n  min-height: 620px;\n  display: flex;\n  align-items: center;\n  padding: 90px 28px;\n}\n\n.ns-hero-inner {\n  max-width: 1200px;\n  width: 100%;\n  margin: auto;\n}\n\n.ns-eyebrow {\n  color: var(--pink);\n  text-transform: uppercase;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 5px;\n  margin-bottom: 22px;\n}\n\n.ns-hero h1 {\n  max-width: 900px;\n  font-size: clamp(48px, 7vw, 82px);\n  line-height: .98;\n  letter-spacing: -4px;\n  margin: 0 0 25px;\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n.ns-hero h1 span {\n  color: var(--pink);\n}\n\n.ns-hero-subtitle {\n  font-size: 23px;\n  font-style: italic;\n  color: #555;\n  margin-bottom: 22px;\n}\n\n.ns-hero-text {\n  max-width: 650px;\n  color: #666;\n  font-size: 18px;\n  line-height: 1.8;\n  margin: 0 0 32px;\n}\n\n.ns-buttons {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 18px;\n}\n\n.ns-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--pink);\n  color: #fff !important;\n  padding: 15px 25px;\n  border-radius: 5px;\n  font-weight: 700;\n  box-shadow: 0 12px 30px rgba(236, 8, 123, .18);\n  transition: .25s;\n  text-align: center;\n  cursor: pointer;\n}\n\n.ns-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 15px 35px rgba(236, 8, 123, .25);\n}\n\n\/* =====================================================\n   INTRODUCTION\n===================================================== *\/\n\n.ns-introduction {\n  padding: 65px 28px 75px;\n  background: #fff;\n}\n\n.ns-introduction-inner {\n  max-width: 900px;\n  margin: auto;\n  text-align: center;\n}\n\n.ns-introduction p {\n  margin: 0;\n  color: #666;\n  font-size: 19px;\n  line-height: 1.8;\n}\n\n.ns-introduction strong {\n  color: var(--text);\n}\n\n\/* =====================================================\n   SECTIONS\n===================================================== *\/\n\n.ns-section {\n  padding: 95px 28px;\n}\n\n.ns-section-light {\n  background: var(--light);\n}\n\n.ns-container {\n  max-width: 1200px;\n  margin: auto;\n}\n\n.ns-label {\n  color: var(--pink);\n  text-transform: uppercase;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 4px;\n  margin-bottom: 14px;\n}\n\n.ns-title {\n  font-size: clamp(35px, 4vw, 55px);\n  line-height: 1.05;\n  letter-spacing: -2px;\n  margin: 0 0 18px;\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n.ns-intro {\n  max-width: 720px;\n  color: #666;\n  font-size: 17px;\n  margin: 0 0 50px;\n}\n\n\/* =====================================================\n   PRESTATIONS\n===================================================== *\/\n\n.ns-services {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n.ns-service {\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  padding: 30px 25px;\n  min-height: 370px;\n  transition: .25s;\n}\n\n.ns-service:hover {\n  transform: translateY(-5px);\n  border-color: #f0a0c8;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, .07);\n}\n\n.ns-service-number {\n  color: var(--pink);\n  font-size: 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  margin-bottom: 25px;\n}\n\n.ns-service h3 {\n  font-size: 25px;\n  line-height: 1.15;\n  margin: 0 0 18px;\n}\n\n.ns-service p {\n  color: #666;\n  font-size: 15px;\n  margin: 0 0 20px;\n}\n\n.ns-service ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  color: #555;\n  font-size: 14px;\n}\n\n.ns-service li {\n  position: relative;\n  padding-left: 17px;\n  margin: 9px 0;\n}\n\n.ns-service li:before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 10px;\n  width: 5px;\n  height: 5px;\n  background: var(--pink);\n  border-radius: 50%;\n}\n\n\/* =====================================================\n   SITES VITRINE\n===================================================== *\/\n\n.ns-sites {\n  background: var(--black);\n  color: #fff;\n}\n\n.ns-site-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n}\n\n.ns-sites .ns-label {\n  color: var(--pink);\n}\n\n.ns-sites .ns-title {\n  color: #fff !important;\n  max-width: 650px;\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n.ns-site-text {\n  max-width: 600px;\n  color: #c8c8c8;\n  font-size: 17px;\n  margin: 0 0 25px;\n}\n\n\/* TARIFS *\/\n\n.ns-price {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  margin: 25px 0;\n}\n\n.ns-price span {\n  color: #aaa;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n}\n\n.ns-price strong {\n  color: #fff;\n  font-size: 48px;\n  line-height: 1.1;\n  margin: 2px 0 5px;\n}\n\n.ns-price small {\n  color: var(--pink);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.ns-price-note {\n  color: #888;\n  font-size: 12px;\n  max-width: 500px;\n  margin: 0 0 25px;\n}\n\n\/* CARACTERISTIQUES *\/\n\n.ns-site-features {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n  margin-bottom: 25px;\n}\n\n.ns-feature {\n  border: 1px solid #333;\n  border-radius: 10px;\n  padding: 18px;\n}\n\n.ns-feature strong {\n  display: block;\n  margin-bottom: 4px;\n}\n\n.ns-feature span {\n  color: #999;\n  font-size: 13px;\n}\n\n\/* VISUEL SITE *\/\n\n.ns-site-visual {\n  background: #1d1d1d;\n  border-radius: 22px;\n  min-height: 430px;\n  padding: 35px;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid #333;\n}\n\n.ns-site-visual:after {\n  content: \"\";\n  position: absolute;\n  width: 280px;\n  height: 280px;\n  border: 35px solid var(--pink);\n  border-radius: 50%;\n  right: -140px;\n  bottom: -140px;\n}\n\n.ns-browser {\n  position: relative;\n  z-index: 2;\n  background: #fff;\n  color: var(--text);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, .3);\n}\n\n.ns-browser-top {\n  height: 38px;\n  background: #eee;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 13px;\n}\n\n.ns-browser-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #bbb;\n}\n\n.ns-browser-content {\n  padding: 35px;\n  min-height: 330px;\n}\n\n.ns-mini-logo {\n  font-size: 25px;\n  font-weight: 900;\n  margin-bottom: 55px;\n}\n\n.ns-mini-logo span {\n  color: var(--pink);\n}\n\n.ns-browser-content h3 {\n  font-size: 30px;\n  line-height: 1.1;\n  max-width: 300px;\n  margin: 0;\n}\n\n.ns-browser-content p {\n  color: #777;\n  margin-top: 15px;\n}\n\n\/* =====================================================\n   REALISATIONS\n===================================================== *\/\n\n.ns-realisations-intro {\n  max-width: 700px;\n  color: #666;\n  font-size: 17px;\n  margin-bottom: 40px;\n}\n\n.ns-gallery {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n}\n\n.ns-gallery-item {\n  position: relative;\n  min-height: 250px;\n  border-radius: 14px;\n  overflow: hidden;\n  background: #eee;\n  border: 1px solid var(--border);\n}\n\n.ns-gallery-item img {\n  width: 100%;\n  height: 100%;\n  min-height: 250px;\n  aspect-ratio: 4 \/ 5;\n  object-fit: cover;\n  display: block;\n  transition: transform .35s ease;\n}\n\n.ns-gallery-item:hover img {\n  transform: scale(1.03);\n}\n\n\/* =====================================================\n   COMMUNICATION DIGITALE\n===================================================== *\/\n\n.ns-digital-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin-top: 40px;\n}\n\n.ns-digital-card {\n  border: 1px solid var(--border);\n  padding: 30px;\n  border-radius: 14px;\n  background: #fff;\n}\n\n.ns-digital-card h3 {\n  font-size: 25px;\n  margin: 0 0 10px;\n}\n\n.ns-digital-card p {\n  color: #666;\n}\n\n.ns-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 20px;\n}\n\n.ns-tag {\n  border: 1px solid #ddd;\n  padding: 7px 12px;\n  border-radius: 30px;\n  font-size: 13px;\n}\n\n.ns-social-cta {\n  text-align: center;\n  margin-top: 35px;\n}\n\n\/* =====================================================\n   CONTACT WHATSAPP\n===================================================== *\/\n\n.ns-cta {\n  padding: 90px 28px;\n  background: var(--pink-light);\n  text-align: center;\n}\n\n.ns-cta h2 {\n  max-width: 800px;\n  margin: 0 auto 20px;\n  font-size: clamp(35px, 5vw, 60px);\n  line-height: 1.05;\n  letter-spacing: -2px;\n}\n\n.ns-cta p {\n  color: #666;\n  max-width: 600px;\n  margin: 0 auto 30px;\n}\n\n.ns-contact-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.ns-footer {\n  background: var(--black);\n  color: #fff;\n  padding: 55px 28px 25px;\n}\n\n.ns-footer-inner {\n  max-width: 1200px;\n  margin: auto;\n  display: flex;\n  justify-content: space-between;\n  gap: 30px;\n  padding-bottom: 35px;\n  border-bottom: 1px solid #333;\n}\n\n.ns-footer-brand h3 {\n  font-size: 28px;\n  margin: 0;\n}\n\n.ns-footer-brand h3 span {\n  color: var(--pink);\n}\n\n.ns-footer-brand p {\n  color: #999;\n  margin-top: 10px;\n}\n\n.ns-footer-links {\n  display: flex;\n  gap: 28px;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.ns-footer-links a {\n  color: #ccc;\n  font-size: 14px;\n  transition: color .2s;\n}\n\n.ns-footer-links a:hover {\n  color: var(--pink);\n}\n\n.ns-copyright {\n  max-width: 1200px;\n  margin: 20px auto 0;\n  color: #777;\n  font-size: 12px;\n}\n\n\/* =====================================================\n   BOUTON WHATSAPP FLOTTANT\n===================================================== *\/\n\n.ns-whatsapp-float {\n  position: fixed;\n  right: 22px;\n  bottom: 22px;\n  z-index: 99999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  min-height: 58px;\n  padding: 14px 20px;\n\n  background: #ec087b;\n  color: #fff !important;\n\n  border: 2px solid #fff;\n  border-radius: 50px;\n\n  box-shadow: 0 8px 25px rgba(0, 0, 0, .22);\n\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none !important;\n\n  transition: transform .25s ease,\n              box-shadow .25s ease;\n}\n\n.ns-whatsapp-float:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 30px rgba(236, 8, 123, .3);\n  color: #fff !important;\n}\n\n.ns-whatsapp-float svg {\n  width: 29px;\n  height: 29px;\n  flex-shrink: 0;\n}\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 900px) {\n\n  .ns-nav {\n    height: 72px;\n    padding: 0 18px;\n  }\n\n  .ns-logo-mark {\n    width: 48px;\n    height: 48px;\n    font-size: 26px;\n  }\n\n  .ns-logo-name {\n    font-size: 16px;\n  }\n\n  .ns-hero {\n    min-height: auto;\n    padding: 65px 20px 75px;\n  }\n\n  .ns-hero h1 {\n    font-size: 52px;\n    letter-spacing: -3px;\n    word-break: normal;\n    overflow-wrap: normal;\n  }\n\n  .ns-introduction {\n    padding: 50px 20px 60px;\n  }\n\n  .ns-introduction p {\n    font-size: 17px;\n  }\n\n  .ns-services {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-service {\n    min-height: auto;\n  }\n\n  .ns-site-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  .ns-site-features {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-gallery {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .ns-digital-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-footer-inner {\n    flex-direction: column;\n  }\n\n  .ns-footer-links {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 15px;\n  }\n}\n\n\/* =====================================================\n   PETIT MOBILE\n===================================================== *\/\n\n@media (max-width: 480px) {\n\n  .ns-hero {\n    padding-top: 55px;\n  }\n\n  .ns-hero h1 {\n    font-size: 45px;\n    line-height: 1.02;\n    letter-spacing: -2px;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .ns-hero-subtitle {\n    font-size: 19px;\n  }\n\n  .ns-section {\n    padding: 70px 20px;\n  }\n\n  .ns-title {\n    font-size: 37px;\n    line-height: 1.08;\n    letter-spacing: -1.5px;\n  }\n\n  .ns-sites .ns-title {\n    color: #fff !important;\n    font-size: 36px;\n    line-height: 1.08;\n    letter-spacing: -1.5px;\n    max-width: 100%;\n  }\n\n  .ns-site-text {\n    color: #d0d0d0 !important;\n  }\n\n  .ns-price strong {\n    font-size: 44px;\n  }\n\n  .ns-site-visual {\n    padding: 20px;\n  }\n\n  .ns-browser-content {\n    padding: 25px;\n  }\n\n  .ns-gallery {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-cta {\n    padding: 70px 20px;\n  }\n\n  .ns-whatsapp-float {\n    right: 12px;\n    bottom: 12px;\n    min-height: 54px;\n    padding: 11px 15px;\n    gap: 8px;\n    font-size: 12px;\n  }\n\n  .ns-whatsapp-float svg {\n    width: 25px;\n    height: 25px;\n  }\n}\n\n\/* =====================================================\n   TRES PETITS ECRANS\n===================================================== *\/\n\n@media (max-width: 380px) {\n\n  .ns-hero h1 {\n    font-size: 41px;\n  }\n\n  .ns-sites .ns-title {\n    font-size: 33px;\n  }\n\n  .ns-whatsapp-float {\n    right: 10px;\n    bottom: 10px;\n  }\n}\n<\/style>\n\n<div class=\"ns-page\">\n\n  <!-- HEADER -->\n\n  <header class=\"ns-header\">\n    <nav class=\"ns-nav\">\n\n      <a href=\"#accueil\" class=\"ns-logo\" aria-label=\"NS CR\u00c9A - Accueil\">\n\n        <div class=\"ns-logo-mark\">\n          N<span>S<\/span>\n        <\/div>\n\n        <div>\n          <div class=\"ns-logo-name\">\n            NS<br>CR\u00c9A\n          <\/div>\n\n          <div class=\"ns-logo-line\"><\/div>\n        <\/div>\n\n      <\/a>\n\n    <\/nav>\n  <\/header>\n\n  <!-- HERO -->\n\n  <section class=\"ns-hero\" id=\"accueil\">\n\n    <div class=\"ns-hero-inner\">\n\n      <div class=\"ns-eyebrow\">\n        NS CR\u00c9A\n      <\/div>\n\n      <h1>\n        Donnez une nouvelle dimension \u00e0 votre\n        <span>image.<\/span>\n      <\/h1>\n\n      <div class=\"ns-hero-subtitle\">\n        Cr\u00e9ation &amp; communication digitale\n      <\/div>\n\n      <p class=\"ns-hero-text\">\n        J\u2019accompagne les entreprises et les ind\u00e9pendants\n        dans la cr\u00e9ation d\u2019une image professionnelle,\n        coh\u00e9rente et visible sur le digital.\n      <\/p>\n\n      <div class=\"ns-buttons\">\n\n        <a href=\"#prestations\" class=\"ns-btn\">\n          D\u00e9couvrir mes prestations\n        <\/a>\n\n        <a href=\"#realisations\" class=\"ns-btn\">\n          R\u00e9alisations\n        <\/a>\n\n        <a href=\"#sites\" class=\"ns-btn\">\n          Cr\u00e9ation de sites vitrine\n        <\/a>\n\n        <a href=\"#communication\" class=\"ns-btn\">\n          Communication digitale\n        <\/a>\n\n        <a href=\"#contact\" class=\"ns-btn\">\n          Me contacter\n        <\/a>\n\n        <a href=\"\/index.php\/maquette\/\" class=\"ns-btn\">\n          Maquettes\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- INTRODUCTION -->\n\n  <section class=\"ns-introduction\">\n\n    <div class=\"ns-introduction-inner\">\n\n      <p>\n        <strong>\n          NS CR\u00c9A accompagne les entreprises et les ind\u00e9pendants\n        <\/strong>\n        dans la cr\u00e9ation d\u2019une image professionnelle, coh\u00e9rente\n        et attractive. De votre identit\u00e9 visuelle \u00e0 votre pr\u00e9sence\n        digitale, chaque \u00e9l\u00e9ment est pens\u00e9 pour valoriser votre\n        activit\u00e9 et vous aider \u00e0 vous d\u00e9marquer.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- PRESTATIONS -->\n\n  <section class=\"ns-section ns-section-light\" id=\"prestations\">\n\n    <div class=\"ns-container\">\n\n      <div class=\"ns-label\">\n        Mes prestations\n      <\/div>\n\n      <h2 class=\"ns-title\">\n        Des solutions simples pour une image qui vous ressemble.\n      <\/h2>\n\n      <p class=\"ns-intro\">\n        De la cr\u00e9ation graphique \u00e0 votre pr\u00e9sence digitale,\n        chaque prestation est pens\u00e9e selon vos besoins et\n        votre activit\u00e9.\n      <\/p>\n\n      <div class=\"ns-services\">\n\n        <!-- CREATION GRAPHIQUE -->\n\n        <article class=\"ns-service\">\n\n          <div class=\"ns-service-number\">\n            01 \u2014 Cr\u00e9ation\n          <\/div>\n\n          <h3>\n            Cr\u00e9ation<br>graphique\n          <\/h3>\n\n          <p>\n            Des supports professionnels pour pr\u00e9senter\n            votre activit\u00e9 et renforcer votre image.\n          <\/p>\n\n          <ul>\n            <li>Flyers &amp; affiches<\/li>\n            <li>Cartes de visite<\/li>\n            <li>Menus &amp; grilles tarifaires<\/li>\n            <li>Supports digitaux<\/li>\n          <\/ul>\n\n        <\/article>\n\n        <!-- IDENTITE VISUELLE -->\n\n        <article class=\"ns-service\">\n\n          <div class=\"ns-service-number\">\n            02 \u2014 Identit\u00e9\n          <\/div>\n\n          <h3>\n            Identit\u00e9<br>visuelle\n          <\/h3>\n\n          <p>\n            Une identit\u00e9 coh\u00e9rente pour que votre entreprise\n            soit imm\u00e9diatement reconnaissable.\n          <\/p>\n\n          <ul>\n            <li>Logo<\/li>\n            <li>Palette de couleurs<\/li>\n            <li>Typographies<\/li>\n            <li>Univers visuel<\/li>\n          <\/ul>\n\n        <\/article>\n\n        <!-- SITES VITRINE -->\n\n        <article class=\"ns-service\">\n\n          <div class=\"ns-service-number\">\n            03 \u2014 Web\n          <\/div>\n\n          <h3>\n            Cr\u00e9ation de<br>sites vitrine\n          <\/h3>\n\n          <p>\n            Des sites professionnels pour pr\u00e9senter votre\n            activit\u00e9, vos services et faciliter la prise de contact.\n          <\/p>\n\n          <ul>\n            <li>Site vitrine<\/li>\n            <li>Page professionnelle<\/li>\n            <li>Pr\u00e9sentation des services<\/li>\n            <li>Adapt\u00e9 au mobile<\/li>\n          <\/ul>\n\n        <\/article>\n\n        <!-- COMMUNICATION DIGITALE -->\n\n        <article class=\"ns-service\">\n\n          <div class=\"ns-service-number\">\n            04 \u2014 Digital\n          <\/div>\n\n          <h3>\n            Communication<br>digitale\n          <\/h3>\n\n          <p>\n            Une pr\u00e9sence en ligne plus claire, professionnelle\n            et pens\u00e9e pour attirer les bons clients.\n          <\/p>\n\n          <ul>\n            <li>Instagram<\/li>\n            <li>TikTok<\/li>\n            <li>Cr\u00e9ation de contenus<\/li>\n            <li>Strat\u00e9gie \u00e9ditoriale<\/li>\n            <li>Gestion des r\u00e9seaux sociaux<\/li>\n          <\/ul>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- SITES VITRINE -->\n\n  <section class=\"ns-section ns-sites\" id=\"sites\">\n\n    <div class=\"ns-container ns-site-grid\">\n\n      <div>\n\n        <div class=\"ns-label\">\n          Cr\u00e9ation de sites vitrine\n        <\/div>\n\n        <h2 class=\"ns-title\">\n          Votre activit\u00e9 m\u00e9rite aussi son espace sur le web.\n        <\/h2>\n\n        <p class=\"ns-site-text\">\n          Je cr\u00e9e des sites vitrine professionnels, clairs et\n          adapt\u00e9s \u00e0 votre activit\u00e9. L\u2019objectif : permettre \u00e0 vos\n          clients de comprendre rapidement ce que vous proposez,\n          d\u00e9couvrir vos services et vous contacter facilement.\n        <\/p>\n\n        <!-- TARIF -->\n\n        <div class=\"ns-price\">\n\n          <span>\n            \u00c0 partir de\n          <\/span>\n\n          <strong>\n            190 \u20ac\n          <\/strong>\n\n          <small>\n            Nom de domaine &amp; h\u00e9bergement inclus\n          <\/small>\n\n        <\/div>\n\n        <!-- CARACTERISTIQUES -->\n\n        <div class=\"ns-site-features\">\n\n          <div class=\"ns-feature\">\n            <strong>Site vitrine<\/strong>\n            <span>Pr\u00e9sentez votre activit\u00e9 et vos services<\/span>\n          <\/div>\n\n          <div class=\"ns-feature\">\n            <strong>Design personnalis\u00e9<\/strong>\n            <span>Une image coh\u00e9rente avec votre identit\u00e9<\/span>\n          <\/div>\n\n          <div class=\"ns-feature\">\n            <strong>Version mobile<\/strong>\n            <span>Adapt\u00e9 aux smartphones et tablettes<\/span>\n          <\/div>\n\n          <div class=\"ns-feature\">\n            <strong>Domaine &amp; h\u00e9bergement<\/strong>\n            <span>Inclus dans la prestation<\/span>\n          <\/div>\n\n        <\/div>\n\n        <p class=\"ns-price-note\">\n          * Tarif \u00e0 partir de. Le prix final est \u00e9tabli selon\n          vos besoins, le nombre de pages et la complexit\u00e9 du projet.\n        <\/p>\n\n        <a href=\"#contact\" class=\"ns-btn\">\n          Parlons de votre projet\n        <\/a>\n\n      <\/div>\n\n      <!-- APERCU DU SITE -->\n\n      <div class=\"ns-site-visual\">\n\n        <div class=\"ns-browser\">\n\n          <div class=\"ns-browser-top\">\n            <div class=\"ns-browser-dot\"><\/div>\n            <div class=\"ns-browser-dot\"><\/div>\n            <div class=\"ns-browser-dot\"><\/div>\n          <\/div>\n\n          <div class=\"ns-browser-content\">\n\n            <div class=\"ns-mini-logo\">\n              N<span>S<\/span> CR\u00c9A\n            <\/div>\n\n            <h3>\n              Une pr\u00e9sence professionnelle,\n              m\u00eame en dehors des r\u00e9seaux.\n            <\/h3>\n\n            <p>\n              Votre activit\u00e9, vos services,\n              vos coordonn\u00e9es, au m\u00eame endroit.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- REALISATIONS -->\n\n  <section class=\"ns-section\" id=\"realisations\">\n\n    <div class=\"ns-container\">\n\n      <div class=\"ns-label\">\n        Mes r\u00e9alisations\n      <\/div>\n\n      <h2 class=\"ns-title\">\n        Des cr\u00e9ations pens\u00e9es pour donner vie aux projets.\n      <\/h2>\n\n      <p class=\"ns-realisations-intro\">\n        D\u00e9couvrez une s\u00e9lection de projets r\u00e9alis\u00e9s pour\n        diff\u00e9rents univers et activit\u00e9s.\n      <\/p>\n\n      <div class=\"ns-gallery\">\n\n        <div class=\"ns-gallery-item\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/08\/FEED-1.png\"\n            alt=\"R\u00e9alisation NS CR\u00c9A\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"ns-gallery-item\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/08\/IMG_3394.jpeg\"\n            alt=\"Cr\u00e9ation graphique NS CR\u00c9A\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"ns-gallery-item\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/08\/IMG_3398.jpeg\"\n            alt=\"Projet de communication visuelle NS CR\u00c9A\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"ns-gallery-item\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/08\/IMG_3395.jpeg\"\n            alt=\"R\u00e9alisation graphique NS CR\u00c9A\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- COMMUNICATION DIGITALE -->\n\n  <section\n    class=\"ns-section ns-section-light\"\n    id=\"communication\"\n  >\n\n    <div class=\"ns-container\">\n\n      <div class=\"ns-label\">\n        Communication digitale\n      <\/div>\n\n      <h2 class=\"ns-title\">\n        Soyez visible l\u00e0 o\u00f9 vos clients vous cherchent.\n      <\/h2>\n\n      <p class=\"ns-intro\">\n        Une communication pens\u00e9e pour construire une image\n        coh\u00e9rente, attirer l\u2019attention et donner envie de vous\n        d\u00e9couvrir.\n      <\/p>\n\n      <div class=\"ns-digital-grid\">\n\n        <!-- INSTAGRAM -->\n\n        <div class=\"ns-digital-card\">\n\n          <h3>\n            Instagram\n          <\/h3>\n\n          <p>\n            Cr\u00e9ation de contenus, optimisation du profil,\n            strat\u00e9gie \u00e9ditoriale et accompagnement pour\n            d\u00e9velopper votre pr\u00e9sence.\n          <\/p>\n\n          <div class=\"ns-tags\">\n\n            <span class=\"ns-tag\">\n              Cr\u00e9ation de contenu\n            <\/span>\n\n            <span class=\"ns-tag\">\n              Strat\u00e9gie\n            <\/span>\n\n            <span class=\"ns-tag\">\n              Instagram\n            <\/span>\n\n          <\/div>\n\n          <div class=\"ns-social-cta\">\n\n            <a\n              href=\"https:\/\/www.instagram.com\/ns__crea\/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              class=\"ns-btn\"\n            >\n              Voir mon Instagram\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- TIKTOK -->\n\n        <div class=\"ns-digital-card\">\n\n          <h3>\n            TikTok\n          <\/h3>\n\n          <p>\n            Une pr\u00e9sence adapt\u00e9e aux codes de la plateforme\n            pour d\u00e9velopper votre visibilit\u00e9 et toucher\n            une nouvelle audience.\n          <\/p>\n\n          <div class=\"ns-tags\">\n\n            <span class=\"ns-tag\">\n              TikTok\n            <\/span>\n\n            <span class=\"ns-tag\">\n              Contenus\n            <\/span>\n\n            <span class=\"ns-tag\">\n              Visibilit\u00e9\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- CONTACT WHATSAPP -->\n\n  <section class=\"ns-cta\" id=\"contact\">\n\n    <h2>\n      Votre projet commence par une bonne image.\n    <\/h2>\n\n    <p>\n      Vous avez une id\u00e9e, une entreprise \u00e0 lancer ou une\n      communication \u00e0 revoir ? Parlons-en directement sur WhatsApp.\n    <\/p>\n\n    <a\n      href=\"https:\/\/wa.me\/message\/GVO3SOCR7XJ3L1\"\n      class=\"ns-btn ns-contact-btn\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label=\"Me contacter directement sur WhatsApp\"\n    >\n\n      <svg\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        width=\"22\"\n        height=\"22\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 20l1.1-5.2A8.4 8.4 0 1 1 21 11.5Z\"\/>\n        <path d=\"M8.5 9.5c.5 2 2 3.5 4 4l1.2-1.2 2 1c-.2 1.2-1.1 2-2.3 2-3.6-.5-6.5-3.4-7-7 0-1.2.8-2.1 2-2.3l1 2Z\"\/>\n      <\/svg>\n\n      Me contacter sur WhatsApp\n\n    <\/a>\n\n  <\/section>\n\n  <!-- FOOTER -->\n\n  <footer class=\"ns-footer\">\n\n    <div class=\"ns-footer-inner\">\n\n      <div class=\"ns-footer-brand\">\n\n        <h3>\n          NS <span>CR\u00c9A<\/span>\n        <\/h3>\n\n        <p>\n          Cr\u00e9ation &amp; communication digitale.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"ns-footer-links\">\n\n        <a href=\"#accueil\">\n          Accueil\n        <\/a>\n\n        <a href=\"#prestations\">\n          Prestations\n        <\/a>\n\n        <a href=\"#sites\">\n          Sites vitrine\n        <\/a>\n\n        <a href=\"#realisations\">\n          R\u00e9alisations\n        <\/a>\n\n        <a href=\"#communication\">\n          Communication digitale\n        <\/a>\n\n        <a href=\"#contact\">\n          Contact WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ns-copyright\">\n      \u00a9 2026 NS CR\u00c9A \u2014 Tous droits r\u00e9serv\u00e9s.\n    <\/div>\n\n  <\/footer>\n\n  <!-- BOUTON WHATSAPP FLOTTANT -->\n\n  <a\n    href=\"https:\/\/wa.me\/message\/GVO3SOCR7XJ3L1\"\n    class=\"ns-whatsapp-float\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    aria-label=\"Discuter directement avec NS CR\u00c9A sur WhatsApp\"\n    title=\"Contactez-moi sur WhatsApp\"\n  >\n\n    <svg\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.8\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 20l1.1-5.2A8.4 8.4 0 1 1 21 11.5Z\"\/>\n      <path d=\"M8.5 9.5c.5 2 2 3.5 4 4l1.2-1.2 2 1c-.2 1.2-1.1 2-2.3 2-3.6-.5-6.5-3.4-7-7 0-1.2.8-2.1 2-2.3l1 2Z\"\/>\n    <\/svg>\n\n    <span>\n      Discutons de votre projet\n    <\/span>\n\n  <\/a>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><br><\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"800\" src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/08\/IMG_8306-1.jpeg\" alt=\"\" class=\"wp-image-103\" srcset=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/08\/IMG_8306-1.jpeg 720w, https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/08\/IMG_8306-1-270x300.jpeg 270w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NS CR\u00c9A \u2014 Cr\u00e9ation &amp; communication digitale NS NSCR\u00c9A NS CR\u00c9A Donnez une nouvelle dimension \u00e0 votre image. Cr\u00e9ation &amp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":27,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}