Un site pensé pour vendre ou réserver Vous voulez lancer un site e-commerce, un site de réservation ou créer un nouveau concept ? Chez GRS WEB DESIGN, nous vous accompagnons de l’idée jusqu’à la création du site. Devis 100% gratuit • Réponse en moins de 24h • Accompagnement personnalisé Création d’un site e-commerce, réservation ou concept personnalisé Aide pour clarifier votre idée ou trouver un concept rentable Design sur mesure, cohérent avec votre univers Pages claires, rassurantes et orientées conversion Navigation simple pour guider les visiteurs Panier, paiement ou système de réservation selon votre besoin Base SEO propre et conseils de prise en main 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. Quel type de projet voulez-vous créer ? Site e-commerce Site de réservation Nouveau concept / idée à développer Je n’ai pas encore d’idée précise Votre situation actuelle J’ai déjà une idée claire J’ai une idée mais elle doit être structurée Je veux être aidé à trouver un concept Je veux lancer un projet mais je ne sais pas par où commencer Votre objectif principal Vendre des produits en ligne Recevoir des réservations Tester un nouveau concept Créer une marque ou une activité en ligne Être accompagné de l’idée jusqu’au lancement Quand souhaitez-vous lancer le projet ? Le plus rapidement possible Dans les 2 à 4 semaines Dans 1 à 2 mois Je me renseigne simplement Recevoir mon devis gratuit sous 24h ✔ Réponse rapide • ✔ Sans engagement • ✔ Accompagnement personnalisé :root{ --g1:#fff7d6; --g2:#f5d98a; --g3:#d4af37; --g4:#ffefb0; --g5:#b8922e; --txt:#f7f4ee; --muted:rgba(247,244,238,.78); } .grs-ecom-desc, .grs-ecom-desc *{ box-sizing:border-box; } .grs-ecom-desc{ background:transparent; padding:0; } .grs-ecom-title{ margin:0 0 14px; font-family:ui-serif, Georgia, "Times New Roman", serif; font-size:26px; letter-spacing:.04em; text-transform:uppercase; color:var(--txt); } .grs-ecom-title span{ background:linear-gradient(120deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5)); background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:ecomGoldFlow 4s linear infinite; } .grs-ecom-intro{ font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:15.8px; line-height:1.9; color:var(--txt); margin:0 0 22px; } .grs-ecom-list{ list-style:none; padding:0; margin:0 0 24px; } .grs-ecom-list li{ display:flex; gap:14px; align-items:flex-start; margin:16px 0; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:15px; line-height:1.6; color:var(--muted); } .grs-ecom-arrow{ flex-shrink:0; margin-top:6px; width:14px; height:14px; background:linear-gradient(135deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5)); background-size:200% 200%; clip-path:polygon(0 0, 100% 50%, 0 100%, 30% 50%); box-shadow:0 1px 0 rgba(255,255,255,.55), 0 4px 12px rgba(0,0,0,.6); animation:ecomArrowFlow 2.8s ease-in-out infinite; } .grs-ecom-note{ font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:14px; line-height:1.75; color:rgba(247,244,238,.62); margin:0 0 18px; } .grs-ecom-form{ display:flex; flex-direction:column; gap:12px; max-width:620px; } .grs-ecom-form input, .grs-ecom-form select, .grs-ecom-form textarea{ width:100%; padding:14px 15px; border:1px solid rgba(212,175,55,.45); background:rgba(255,255,255,.06); color:var(--txt); font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:14px; outline:none; } .grs-ecom-form input::placeholder, .grs-ecom-form textarea::placeholder{ color:rgba(247,244,238,.55); } .grs-ecom-form select option{ color:#000; } .grs-ecom-form textarea{ min-height:120px; resize:vertical; } .grs-ecom-cta{ cursor:pointer; display:inline-flex; align-items:center; justify-content:center; margin-top:4px; padding:13px 16px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:#0a0a0c; text-decoration:none; border:1px solid rgba(212,175,55,.42); background: linear-gradient(120deg, rgba(255,255,255,.35), rgba(255,255,255,0) 40%), linear-gradient(90deg, var(--g5), var(--g3), var(--g2), var(--g4), var(--g3), var(--g5)); background-size:220% 100%; clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%); box-shadow:0 14px 36px rgba(212,175,55,.14); animation:ecomGoldFlow 6.2s linear infinite; } .grs-ecom-form-note{ margin-top:0; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size:12px; color:rgba(247,244,238,.6); } @media(hover:hover){ .grs-ecom-cta:hover{ transform:translateY(-2px); filter:brightness(1.05) contrast(1.02); box-shadow:0 20px 58px rgba(212,175,55,.20); } } @keyframes ecomGoldFlow{ 0%{background-position:0% 50%;} 100%{background-position:100% 50%;} } @keyframes ecomArrowFlow{ 0%{ background-position:0% 50%; transform:translateX(0); opacity:.85; } 50%{ background-position:100% 50%; transform:translateX(3px); opacity:1; } 100%{ background-position:0% 50%; transform:translateX(0); opacity:.85; } } @media(max-width:768px){ .grs-ecom-title{ font-size:22px; } .grs-ecom-intro{ font-size:14.6px; } .grs-ecom-list li{ font-size:14px; margin:14px 0; } .grs-ecom-cta{ width:100%; text-align:center; } } @media(prefers-reduced-motion:reduce){ .grs-ecom-title span, .grs-ecom-arrow, .grs-ecom-cta{ animation:none !important; } } document.getElementById("grsFormEcom").addEventListener("submit", function(e){ e.preventDefault(); const form = e.target; const nom = form.nom.value; const telephone = form.telephone.value; const activite = form.activite.value; const typeProjet = form.typeProjet.value; const situation = form.situation.value; const objectif = form.objectif.value; const delai = form.delai.value; const messageClient = form.message.value; const message = `Bonjour, je souhaite recevoir un devis GRATUIT pour un site e-commerce / réservation / concept. Prénom / Nom : ${nom} WhatsApp : ${telephone} Activité / Projet : ${activite} Type de projet : ${typeProjet} Situation actuelle : ${situation} Objectif principal : ${objectif} Délai souhaité : ${delai} Description du projet : ${messageClient} Merci d'avance, j’attends votre retour 🙂`; const whatsappURL = "https://wa.me/33780155918?text=" + encodeURIComponent(message); window.open(whatsappURL, "_blank"); });
Related
Related
Related
Related