{"title":"SERVICES","description":"","products":[{"product_id":"site-vitrine-professionnel","title":"SITE VITRINE","description":"\u003c!-- ==============================\nGRS — SITE VITRINE\nFormulaire WhatsApp • Sur devis\n============================== --\u003e\n\u003csection class=\"grs-vitrine-desc\"\u003e\n\n  \u003ch3 class=\"grs-vitrine-title\"\u003eUn site vitrine \u003cspan\u003eclair et professionnel\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003cp class=\"grs-vitrine-intro\"\u003e\n    Votre site est souvent le \u003cstrong\u003epremier contact\u003c\/strong\u003e avec vos clients. Nous créons des sites vitrines pensés pour \u003cstrong\u003eprésenter clairement\u003c\/strong\u003e votre activité, inspirer confiance et faciliter la prise de contact.\n    \u003cbr\u003e\u003cstrong\u003eDevis 100% gratuit\u003c\/strong\u003e • Réponse en \u003cstrong\u003emoins de 24h\u003c\/strong\u003e • Accompagnement personnalisé\n  \u003c\/p\u003e\n\n  \u003cul class=\"grs-vitrine-list\"\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003eCréation du site de zéro\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003eDesign professionnel\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003eStructure simple et lisible\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003eNavigation intuitive\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003eCompatible mobile \u0026amp; tablette\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003ePages essentielles incluses\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003eRéférencement de base\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003cp class=\"grs-vitrine-note\"\u003e\n    Une solution idéale si vous souhaitez un site professionnel, simple à comprendre et prêt à être utilisé dès le départ.\n  \u003c\/p\u003e\n\n  \u003cform class=\"grs-vitrine-form\" id=\"grsFormVitrine\"\u003e\n    \u003cinput type=\"text\" name=\"nom\" placeholder=\"Votre prénom \/ nom\" required\u003e\n    \u003cinput type=\"tel\" name=\"telephone\" placeholder=\"Votre numéro WhatsApp\" required\u003e\n    \u003cinput type=\"text\" name=\"activite\" placeholder=\"Votre activité ex : artisan, coach, restaurant...\" required\u003e\n\n    \u003cselect name=\"situation\" required\u003e\n      \u003coption value=\"\"\u003eVotre situation actuelle\u003c\/option\u003e\n      \u003coption\u003eJe lance mon activité\u003c\/option\u003e\n      \u003coption\u003eJ’ai déjà une activité mais pas encore de site\u003c\/option\u003e\n      \u003coption\u003eJe veux créer un nouveau site de zéro\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003cselect name=\"objectif\" required\u003e\n      \u003coption value=\"\"\u003eVotre objectif principal\u003c\/option\u003e\n      \u003coption\u003ePrésenter mon activité de façon professionnelle\u003c\/option\u003e\n      \u003coption\u003eRecevoir plus d’appels\u003c\/option\u003e\n      \u003coption\u003eRecevoir plus de demandes de devis\u003c\/option\u003e\n      \u003coption\u003eInspirer confiance à mes clients\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003cselect name=\"delai\" required\u003e\n      \u003coption value=\"\"\u003eQuand souhaitez-vous lancer le projet ?\u003c\/option\u003e\n      \u003coption\u003eLe plus rapidement possible\u003c\/option\u003e\n      \u003coption\u003eDans les 2 à 4 semaines\u003c\/option\u003e\n      \u003coption\u003eDans 1 à 2 mois\u003c\/option\u003e\n      \u003coption\u003eJe me renseigne simplement\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003ctextarea name=\"message\" placeholder=\"Expliquez rapidement votre activité, votre ville, vos services et ce que vous voulez obtenir avec le site...\" required\u003e\u003c\/textarea\u003e\n\n    \u003cbutton type=\"submit\" class=\"grs-vitrine-cta\"\u003e\n      Recevoir mon devis gratuit sous 24h\n    \u003c\/button\u003e\n\n    \u003cp class=\"grs-vitrine-form-note\"\u003e\n      ✔ Réponse rapide • ✔ Sans engagement • ✔ Accompagnement personnalisé\n    \u003c\/p\u003e\n  \u003c\/form\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n:root{\n  --g1:#fff7d6;\n  --g2:#f5d98a;\n  --g3:#d4af37;\n  --g4:#ffefb0;\n  --g5:#b8922e;\n\n  --txt:#f7f4ee;\n  --muted:rgba(247,244,238,.75);\n}\n\n.grs-vitrine-desc,\n.grs-vitrine-desc *{\n  box-sizing:border-box;\n}\n\n.grs-vitrine-desc{\n  background:transparent;\n  padding:0;\n}\n\n.grs-vitrine-title{\n  margin:0 0 18px;\n  font-family:ui-serif, Georgia, \"Times New Roman\", serif;\n  font-size:26px;\n  letter-spacing:.04em;\n  text-transform:uppercase;\n  color:var(--txt);\n}\n\n.grs-vitrine-title span{\n  background:linear-gradient(120deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5));\n  background-size:220% 100%;\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  animation:goldFlow 4s linear infinite;\n}\n\n.grs-vitrine-intro{\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:15.5px;\n  line-height:1.85;\n  color:var(--txt);\n  margin:0 0 26px;\n  max-width:60ch;\n}\n\n.grs-vitrine-list{\n  list-style:none;\n  padding:0;\n  margin:0 0 26px;\n}\n\n.grs-vitrine-list li{\n  display:flex;\n  gap:12px;\n  align-items:center;\n  margin:14px 0;\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:14.8px;\n  letter-spacing:.02em;\n  color:var(--muted);\n}\n\n.grs-arrow{\n  flex-shrink:0;\n  width:12px;\n  height:12px;\n  background:linear-gradient(135deg,var(--g1),var(--g3),var(--g5));\n  background-size:200% 200%;\n  clip-path:polygon(0 0,100% 50%,0 100%,30% 50%);\n  box-shadow:0 2px 8px rgba(0,0,0,.5);\n  animation:arrowFlow 3.2s ease-in-out infinite;\n}\n\n.grs-vitrine-note{\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:14px;\n  line-height:1.7;\n  color:rgba(247,244,238,.6);\n  max-width:58ch;\n  margin:0 0 18px;\n}\n\n.grs-vitrine-form{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n  max-width:620px;\n}\n\n.grs-vitrine-form input,\n.grs-vitrine-form select,\n.grs-vitrine-form textarea{\n  width:100%;\n  padding:14px 15px;\n  border:1px solid rgba(212,175,55,.45);\n  background:rgba(255,255,255,.06);\n  color:var(--txt);\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:14px;\n  outline:none;\n}\n\n.grs-vitrine-form input::placeholder,\n.grs-vitrine-form textarea::placeholder{\n  color:rgba(247,244,238,.55);\n}\n\n.grs-vitrine-form select option{\n  color:#000;\n}\n\n.grs-vitrine-form textarea{\n  min-height:120px;\n  resize:vertical;\n}\n\n.grs-vitrine-cta{\n  cursor:pointer;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  margin-top:4px;\n  padding:13px 16px;\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:#0a0a0c;\n  text-decoration:none;\n  border:1px solid rgba(212,175,55,.42);\n  background:\n    linear-gradient(120deg, rgba(255,255,255,.35), rgba(255,255,255,0) 40%),\n    linear-gradient(90deg, var(--g5), var(--g3), var(--g2), var(--g4), var(--g3), var(--g5));\n  background-size:220% 100%;\n  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);\n  box-shadow:0 14px 36px rgba(212,175,55,.14);\n  animation:goldFlow 6.2s linear infinite;\n}\n\n.grs-vitrine-form-note{\n  margin-top:0;\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:12px;\n  color:rgba(247,244,238,.6);\n}\n\n@media(hover:hover){\n  .grs-vitrine-cta:hover{\n    transform:translateY(-2px);\n    filter:brightness(1.05) contrast(1.02);\n    box-shadow:0 20px 58px rgba(212,175,55,.20);\n  }\n}\n\n@keyframes goldFlow{\n  0%{ background-position:0% 50%; }\n  100%{ background-position:100% 50%; }\n}\n\n@keyframes arrowFlow{\n  0%,100%{ transform:translateX(0); opacity:.75; }\n  50%{ transform:translateX(2px); opacity:1; }\n}\n\n@media(max-width:768px){\n  .grs-vitrine-title{ font-size:22px; }\n  .grs-vitrine-intro{ font-size:14.4px; }\n  .grs-vitrine-list li{ font-size:14px; }\n  .grs-vitrine-cta{ width:100%; text-align:center; }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .grs-vitrine-title span,\n  .grs-arrow,\n  .grs-vitrine-cta{\n    animation:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.getElementById(\"grsFormVitrine\").addEventListener(\"submit\", function(e){\n  e.preventDefault();\n\n  const form = e.target;\n\n  const nom = form.nom.value;\n  const telephone = form.telephone.value;\n  const activite = form.activite.value;\n  const situation = form.situation.value;\n  const objectif = form.objectif.value;\n  const delai = form.delai.value;\n  const messageClient = form.message.value;\n\n  const message =\n`Bonjour, je souhaite recevoir un devis GRATUIT pour un site vitrine.\n\nPrénom \/ Nom : ${nom}\nWhatsApp : ${telephone}\nActivité : ${activite}\n\nSituation actuelle : ${situation}\nObjectif principal : ${objectif}\nDélai souhaité : ${delai}\n\nDescription du projet :\n${messageClient}\n\nMerci d'avance, j’attends votre retour 🙂`;\n\n  const whatsappURL = \"https:\/\/wa.me\/33780155918?text=\" + encodeURIComponent(message);\n  window.open(whatsappURL, \"_blank\");\n});\n\u003c\/script\u003e","brand":"Ma boutique","offers":[{"title":"Default Title","offer_id":57142878634371,"sku":null,"price":450.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0980\/1000\/5891\/files\/e1145e04-d543-4840-984e-bb22d26a8bf8.png?v=1767552457"},{"product_id":"site-e-commerce","title":"SITE E-COMMERCE","description":"\u003c!-- ==============================\nGRS — SITE E-COMMERCE \/ RÉSERVATION \/ CONCEPT\nFormulaire WhatsApp • Sur devis\n============================== --\u003e\n\u003csection class=\"grs-ecom-desc\"\u003e\n\n  \u003ch3 class=\"grs-ecom-title\"\u003eUn site \u003cspan\u003epensé pour vendre ou réserver\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003cp class=\"grs-ecom-intro\"\u003e\n    Vous voulez lancer un \u003cstrong\u003esite e-commerce\u003c\/strong\u003e, un \u003cstrong\u003esite de réservation\u003c\/strong\u003e ou créer un \u003cstrong\u003enouveau concept\u003c\/strong\u003e ?\n    Chez \u003cstrong\u003eGRS WEB DESIGN\u003c\/strong\u003e, nous vous accompagnons de l’idée jusqu’à la création du site.\n    \u003cbr\u003e\u003cstrong\u003eDevis 100% gratuit\u003c\/strong\u003e • Réponse en \u003cstrong\u003emoins de 24h\u003c\/strong\u003e • Accompagnement personnalisé\n  \u003c\/p\u003e\n\n  \u003cul class=\"grs-ecom-list\"\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-ecom-arrow\"\u003e\u003c\/span\u003eCréation d’un site e-commerce, réservation ou concept personnalisé\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-ecom-arrow\"\u003e\u003c\/span\u003eAide pour clarifier votre idée ou trouver un concept rentable\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-ecom-arrow\"\u003e\u003c\/span\u003eDesign sur mesure, cohérent avec votre univers\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-ecom-arrow\"\u003e\u003c\/span\u003ePages claires, rassurantes et orientées conversion\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-ecom-arrow\"\u003e\u003c\/span\u003eNavigation simple pour guider les visiteurs\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-ecom-arrow\"\u003e\u003c\/span\u003ePanier, paiement ou système de réservation selon votre besoin\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-ecom-arrow\"\u003e\u003c\/span\u003eBase SEO propre et conseils de prise en main\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003cp class=\"grs-ecom-note\"\u003e\n    Idéal si vous avez déjà une idée, si vous voulez créer un nouveau concept, ou si vous souhaitez être accompagné pour trouver une direction claire.\n  \u003c\/p\u003e\n\n  \u003cform class=\"grs-ecom-form\" id=\"grsFormEcom\"\u003e\n    \u003cinput type=\"text\" name=\"nom\" placeholder=\"Votre prénom \/ nom\" required\u003e\n    \u003cinput type=\"tel\" name=\"telephone\" placeholder=\"Votre numéro WhatsApp\" required\u003e\n    \u003cinput type=\"text\" name=\"activite\" placeholder=\"Votre activité ou idée de projet\" required\u003e\n\n    \u003cselect name=\"typeProjet\" required\u003e\n      \u003coption value=\"\"\u003eQuel type de projet voulez-vous créer ?\u003c\/option\u003e\n      \u003coption\u003eSite e-commerce\u003c\/option\u003e\n      \u003coption\u003eSite de réservation\u003c\/option\u003e\n      \u003coption\u003eNouveau concept \/ idée à développer\u003c\/option\u003e\n      \u003coption\u003eJe n’ai pas encore d’idée précise\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003cselect name=\"situation\" required\u003e\n      \u003coption value=\"\"\u003eVotre situation actuelle\u003c\/option\u003e\n      \u003coption\u003eJ’ai déjà une idée claire\u003c\/option\u003e\n      \u003coption\u003eJ’ai une idée mais elle doit être structurée\u003c\/option\u003e\n      \u003coption\u003eJe veux être aidé à trouver un concept\u003c\/option\u003e\n      \u003coption\u003eJe veux lancer un projet mais je ne sais pas par où commencer\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003cselect name=\"objectif\" required\u003e\n      \u003coption value=\"\"\u003eVotre objectif principal\u003c\/option\u003e\n      \u003coption\u003eVendre des produits en ligne\u003c\/option\u003e\n      \u003coption\u003eRecevoir des réservations\u003c\/option\u003e\n      \u003coption\u003eTester un nouveau concept\u003c\/option\u003e\n      \u003coption\u003eCréer une marque ou une activité en ligne\u003c\/option\u003e\n      \u003coption\u003eÊtre accompagné de l’idée jusqu’au lancement\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003cselect name=\"delai\" required\u003e\n      \u003coption value=\"\"\u003eQuand souhaitez-vous lancer le projet ?\u003c\/option\u003e\n      \u003coption\u003eLe plus rapidement possible\u003c\/option\u003e\n      \u003coption\u003eDans les 2 à 4 semaines\u003c\/option\u003e\n      \u003coption\u003eDans 1 à 2 mois\u003c\/option\u003e\n      \u003coption\u003eJe me renseigne simplement\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003ctextarea name=\"message\" placeholder=\"Expliquez votre idée, votre concept, vos produits, votre service ou ce que vous aimeriez créer...\" required\u003e\u003c\/textarea\u003e\n\n    \u003cbutton type=\"submit\" class=\"grs-ecom-cta\"\u003e\n      Recevoir mon devis gratuit sous 24h\n    \u003c\/button\u003e\n\n    \u003cp class=\"grs-ecom-form-note\"\u003e\n      ✔ Réponse rapide • ✔ Sans engagement • ✔ Accompagnement personnalisé\n    \u003c\/p\u003e\n  \u003c\/form\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n:root{\n  --g1:#fff7d6;\n  --g2:#f5d98a;\n  --g3:#d4af37;\n  --g4:#ffefb0;\n  --g5:#b8922e;\n\n  --txt:#f7f4ee;\n  --muted:rgba(247,244,238,.78);\n}\n\n.grs-ecom-desc,\n.grs-ecom-desc *{\n  box-sizing:border-box;\n}\n\n.grs-ecom-desc{\n  background:transparent;\n  padding:0;\n}\n\n.grs-ecom-title{\n  margin:0 0 14px;\n  font-family:ui-serif, Georgia, \"Times New Roman\", serif;\n  font-size:26px;\n  letter-spacing:.04em;\n  text-transform:uppercase;\n  color:var(--txt);\n}\n\n.grs-ecom-title span{\n  background:linear-gradient(120deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5));\n  background-size:220% 100%;\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  animation:ecomGoldFlow 4s linear infinite;\n}\n\n.grs-ecom-intro{\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:15.8px;\n  line-height:1.9;\n  color:var(--txt);\n  margin:0 0 22px;\n}\n\n.grs-ecom-list{\n  list-style:none;\n  padding:0;\n  margin:0 0 24px;\n}\n\n.grs-ecom-list li{\n  display:flex;\n  gap:14px;\n  align-items:flex-start;\n  margin:16px 0;\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:15px;\n  line-height:1.6;\n  color:var(--muted);\n}\n\n.grs-ecom-arrow{\n  flex-shrink:0;\n  margin-top:6px;\n  width:14px;\n  height:14px;\n  background:linear-gradient(135deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5));\n  background-size:200% 200%;\n  clip-path:polygon(0 0, 100% 50%, 0 100%, 30% 50%);\n  box-shadow:0 1px 0 rgba(255,255,255,.55), 0 4px 12px rgba(0,0,0,.6);\n  animation:ecomArrowFlow 2.8s ease-in-out infinite;\n}\n\n.grs-ecom-note{\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:14px;\n  line-height:1.75;\n  color:rgba(247,244,238,.62);\n  margin:0 0 18px;\n}\n\n.grs-ecom-form{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n  max-width:620px;\n}\n\n.grs-ecom-form input,\n.grs-ecom-form select,\n.grs-ecom-form textarea{\n  width:100%;\n  padding:14px 15px;\n  border:1px solid rgba(212,175,55,.45);\n  background:rgba(255,255,255,.06);\n  color:var(--txt);\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:14px;\n  outline:none;\n}\n\n.grs-ecom-form input::placeholder,\n.grs-ecom-form textarea::placeholder{\n  color:rgba(247,244,238,.55);\n}\n\n.grs-ecom-form select option{\n  color:#000;\n}\n\n.grs-ecom-form textarea{\n  min-height:120px;\n  resize:vertical;\n}\n\n.grs-ecom-cta{\n  cursor:pointer;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  margin-top:4px;\n  padding:13px 16px;\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:#0a0a0c;\n  text-decoration:none;\n  border:1px solid rgba(212,175,55,.42);\n  background:\n    linear-gradient(120deg, rgba(255,255,255,.35), rgba(255,255,255,0) 40%),\n    linear-gradient(90deg, var(--g5), var(--g3), var(--g2), var(--g4), var(--g3), var(--g5));\n  background-size:220% 100%;\n  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);\n  box-shadow:0 14px 36px rgba(212,175,55,.14);\n  animation:ecomGoldFlow 6.2s linear infinite;\n}\n\n.grs-ecom-form-note{\n  margin-top:0;\n  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size:12px;\n  color:rgba(247,244,238,.6);\n}\n\n@media(hover:hover){\n  .grs-ecom-cta:hover{\n    transform:translateY(-2px);\n    filter:brightness(1.05) contrast(1.02);\n    box-shadow:0 20px 58px rgba(212,175,55,.20);\n  }\n}\n\n@keyframes ecomGoldFlow{\n  0%{background-position:0% 50%;}\n  100%{background-position:100% 50%;}\n}\n\n@keyframes ecomArrowFlow{\n  0%{\n    background-position:0% 50%;\n    transform:translateX(0);\n    opacity:.85;\n  }\n  50%{\n    background-position:100% 50%;\n    transform:translateX(3px);\n    opacity:1;\n  }\n  100%{\n    background-position:0% 50%;\n    transform:translateX(0);\n    opacity:.85;\n  }\n}\n\n@media(max-width:768px){\n  .grs-ecom-title{\n    font-size:22px;\n  }\n\n  .grs-ecom-intro{\n    font-size:14.6px;\n  }\n\n  .grs-ecom-list li{\n    font-size:14px;\n    margin:14px 0;\n  }\n\n  .grs-ecom-cta{\n    width:100%;\n    text-align:center;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .grs-ecom-title span,\n  .grs-ecom-arrow,\n  .grs-ecom-cta{\n    animation:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.getElementById(\"grsFormEcom\").addEventListener(\"submit\", function(e){\n  e.preventDefault();\n\n  const form = e.target;\n\n  const nom = form.nom.value;\n  const telephone = form.telephone.value;\n  const activite = form.activite.value;\n  const typeProjet = form.typeProjet.value;\n  const situation = form.situation.value;\n  const objectif = form.objectif.value;\n  const delai = form.delai.value;\n  const messageClient = form.message.value;\n\n  const message =\n`Bonjour, je souhaite recevoir un devis GRATUIT pour un site e-commerce \/ réservation \/ concept.\n\nPrénom \/ Nom : ${nom}\nWhatsApp : ${telephone}\nActivité \/ Projet : ${activite}\n\nType de projet : ${typeProjet}\nSituation actuelle : ${situation}\nObjectif principal : ${objectif}\nDélai souhaité : ${delai}\n\nDescription du projet :\n${messageClient}\n\nMerci d'avance, j’attends votre retour 🙂`;\n\n  const whatsappURL = \"https:\/\/wa.me\/33780155918?text=\" + encodeURIComponent(message);\n  window.open(whatsappURL, \"_blank\");\n});\n\u003c\/script\u003e","brand":"Ma boutique","offers":[{"title":"Default Title","offer_id":57142823747971,"sku":null,"price":900.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0980\/1000\/5891\/files\/d111c140-a5d9-42fe-aab7-fef4fdc06a40.png?v=1767553002"},{"product_id":"pack-site-campagne-google-ads","title":"PACK SITE + CAMPAGNE GOOGLE ADS","description":"\u003c!-- ==============================\nGRS — SITE + GOOGLE ADS\nSur devis • Formulaire WhatsApp\n============================== --\u003e\n\u003csection class=\"grs-pack\"\u003e\n  \u003cdiv class=\"grs-pack-inner\"\u003e\n    \u003ch3 class=\"grs-pack-title\"\u003eCréation de \u003cspan\u003eSite\u003c\/span\u003e + \u003cspan\u003eGoogle Ads\u003c\/span\u003e\n\u003c\/h3\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"grs-pack-intro\"\u003e\n    Un \u003cstrong\u003esite professionnel créé de zéro\u003c\/strong\u003e associé à une \u003cstrong\u003ecampagne Google Ads\u003c\/strong\u003e optimisée pour générer des \u003cstrong\u003eclients qualifiés\u003c\/strong\u003e.\n    \u003cbr\u003e\u003cstrong\u003eDevis 100% gratuit\u003c\/strong\u003e • Réponse en \u003cstrong\u003emoins de 24h\u003c\/strong\u003e • Accompagnement personnalisé\n  \u003c\/p\u003e\n\n  \u003cul class=\"grs-pack-list\"\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\"\u003e\u003c\/span\u003eCréation du site de zéro\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\"\u003e\u003c\/span\u003eDesign clair, professionnel et rassurant\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\"\u003e\u003c\/span\u003ePage optimisée pour convertir les visiteurs en contacts\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\"\u003e\u003c\/span\u003eMobile parfait \u0026amp; chargement rapide\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\"\u003e\u003c\/span\u003eBase SEO propre\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\"\u003e\u003c\/span\u003eTracking des appels et formulaires\u003c\/li\u003e\n    \u003cli\u003e\n\u003cspan class=\"grs-arrow\"\u003e\u003c\/span\u003eCampagne Google Ads complète et optimisée\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003cform class=\"grs-form\" id=\"grsFormSiteAds\"\u003e\n    \u003cinput type=\"text\" name=\"nom\" placeholder=\"Votre prénom \/ nom\" required\u003e\n    \u003cinput type=\"tel\" name=\"telephone\" placeholder=\"Votre numéro WhatsApp\" required\u003e\n    \u003cinput type=\"text\" name=\"activite\" placeholder=\"Votre activité ex : coach, artisan, restaurant...\" required\u003e\n\n    \u003cselect name=\"situation\" required\u003e\n      \u003coption value=\"\"\u003eVotre situation actuelle\u003c\/option\u003e\n      \u003coption\u003eJe lance mon activité\u003c\/option\u003e\n      \u003coption\u003eJ’ai déjà une activité mais pas encore de site\u003c\/option\u003e\n      \u003coption\u003eJe veux créer un nouveau site de zéro\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003cselect name=\"objectif\" required\u003e\n      \u003coption value=\"\"\u003eVotre objectif principal\u003c\/option\u003e\n      \u003coption\u003eRecevoir plus d’appels\u003c\/option\u003e\n      \u003coption\u003eRecevoir plus de demandes de devis\u003c\/option\u003e\n      \u003coption\u003eAttirer des clients près de chez moi\u003c\/option\u003e\n      \u003coption\u003ePrésenter mon activité de façon professionnelle\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003cselect name=\"delai\" required\u003e\n      \u003coption value=\"\"\u003eQuand voulez-vous lancer le projet ?\u003c\/option\u003e\n      \u003coption\u003eLe plus rapidement possible\u003c\/option\u003e\n      \u003coption\u003eDans les 2 à 4 semaines\u003c\/option\u003e\n      \u003coption\u003eDans 1 à 2 mois\u003c\/option\u003e\n      \u003coption\u003eJe me renseigne simplement\u003c\/option\u003e\n    \u003c\/select\u003e\n\n    \u003ctextarea name=\"message\" placeholder=\"Expliquez rapidement votre activité, votre ville, et ce que vous voulez obtenir avec le site...\" required\u003e\u003c\/textarea\u003e\n\n    \u003cbutton type=\"submit\" class=\"grs-pack-cta\"\u003e\n      \u003cstrong\u003eRecevoir mon devis gratuit sous 24h\u003c\/strong\u003e\n    \u003c\/button\u003e\n\n    \u003cp class=\"grs-form-note\"\u003e\n      ✔ Réponse rapide • ✔ Sans engagement • ✔ Accompagnement personnalisé\n    \u003c\/p\u003e\n  \u003c\/form\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.grs-pack, .grs-pack *{ box-sizing:border-box; }\n\n:root{\n  --g1:#fff7d6;\n  --g2:#f5d98a;\n  --g3:#d4af37;\n  --g4:#ffefb0;\n  --g5:#b8922e;\n  --txt:#f7f4ee;\n  --muted:rgba(247,244,238,.75);\n}\n\n.grs-pack{ background:transparent; }\n.grs-pack-inner{ max-width:760px; }\n\n.grs-pack-title{\n  margin:0 0 10px;\n  font-family:Georgia, serif;\n  font-size:26px;\n  text-transform:uppercase;\n  letter-spacing:.04em;\n  color:var(--txt);\n}\n\n.grs-pack-title span{\n  background:linear-gradient(120deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5));\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n}\n\n.grs-pack-intro{\n  font-size:15.5px;\n  line-height:1.9;\n  color:var(--txt);\n  margin:0 0 18px;\n}\n\n.grs-pack-list{ list-style:none; padding:0; margin:0 0 22px; }\n\n.grs-pack-list li{\n  display:flex;\n  gap:12px;\n  margin:14px 0;\n  font-size:15px;\n  color:var(--muted);\n}\n\n.grs-arrow{\n  width:14px;\n  height:14px;\n  margin-top:6px;\n  flex-shrink:0;\n  background:linear-gradient(135deg,var(--g1),var(--g3),var(--g5));\n  clip-path:polygon(0 0,100% 50%,0 100%,30% 50%);\n}\n\n.grs-form{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n  max-width:620px;\n}\n\n.grs-form input,\n.grs-form select,\n.grs-form textarea{\n  width:100%;\n  padding:14px 15px;\n  border:1px solid rgba(212,175,55,.45);\n  background:rgba(255,255,255,.06);\n  color:var(--txt);\n  font-size:14px;\n  outline:none;\n}\n\n.grs-form input::placeholder,\n.grs-form textarea::placeholder{\n  color:rgba(247,244,238,.55);\n}\n\n.grs-form select option{ color:#000; }\n\n.grs-form textarea{\n  min-height:120px;\n  resize:vertical;\n}\n\n.grs-pack-cta{\n  cursor:pointer;\n  display:inline-block;\n  padding:14px 18px;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  text-decoration:none;\n  color:#000;\n  background:linear-gradient(90deg,var(--g5),var(--g3),var(--g2),var(--g5));\n  border:1px solid rgba(212,175,55,.5);\n  clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,10% 50%);\n}\n\n.grs-form-note{\n  margin-top:0;\n  font-size:12px;\n  color:rgba(247,244,238,.6);\n}\n\n@media(max-width:768px){\n  .grs-pack-title{font-size:22px}\n  .grs-pack-cta{width:100%;text-align:center}\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.getElementById(\"grsFormSiteAds\").addEventListener(\"submit\", function(e){\n  e.preventDefault();\n\n  const form = e.target;\n\n  const nom = form.nom.value;\n  const telephone = form.telephone.value;\n  const activite = form.activite.value;\n  const situation = form.situation.value;\n  const objectif = form.objectif.value;\n  const delai = form.delai.value;\n  const messageClient = form.message.value;\n\n  const message =\n`Bonjour, je souhaite recevoir un devis GRATUIT pour l’offre Site + Google Ads.\n\nPrénom \/ Nom : ${nom}\nWhatsApp : ${telephone}\nActivité : ${activite}\n\nSituation actuelle : ${situation}\nObjectif principal : ${objectif}\nDélai souhaité : ${delai}\n\nDescription du projet :\n${messageClient}\n\nMerci d'avance, j’attends votre retour 🙂`;\n\n  const whatsappURL = \"https:\/\/wa.me\/33780155918?text=\" + encodeURIComponent(message);\n  window.open(whatsappURL, \"_blank\");\n});\n\u003c\/script\u003e","brand":"GRS WEB DESIGN","offers":[{"title":"Default Title","offer_id":57226739515779,"sku":null,"price":1.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0980\/1000\/5891\/files\/724ddc08-9316-4f7c-ab0d-3a0d8707e510.png?v=1769181831"}],"url":"https:\/\/grs-web-design.com\/collections\/services.oembed","provider":"GRS WEB DESIGN","version":"1.0","type":"link"}