{"id":3736,"date":"2026-08-22T19:41:07","date_gmt":"2026-08-22T17:41:07","guid":{"rendered":"https:\/\/cometocom.com\/?page_id=3736"},"modified":"2026-08-23T09:52:53","modified_gmt":"2026-08-23T07:52:53","slug":"site-vitrine","status":"publish","type":"page","link":"https:\/\/cometocom.com\/en\/site-vitrine\/","title":{"rendered":"Showcase Website"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;700;800&#038;display=swap\">\n<style>\n:root{\n  --navy:#0f2438; --navy-2:#15304a; --green:#1fae5c; --green-dk:#0f7a3f;\n  --ink:#16212e; --muted:#5c6b7a; --line:#e4e8ec; --bg:#ffffff; --bg-soft:#f6f8f9;\n}\n.cc{font-family:Manrope,system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg)}\n.cc *{box-sizing:border-box}\n.cc .entry-title,.cc .page-title,h1.entry-title,.elementor-widget-theme-post-title{display:none!important}\n.cc .wrap{max-width:1080px;margin:0 auto;padding:0 22px}\n.cc .sec{padding:64px 0}\n.cc h1,.cc h2,.cc h3{margin:0 0 12px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}\n.cc p{line-height:1.65;margin:0 0 12px;color:var(--muted)}\n.cc .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dk);background:#e8f8ee;padding:6px 14px;border-radius:999px;margin-bottom:14px}\n.cc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15px;border:2px solid transparent}\n.cc .btn-primary{background:var(--green);color:#fff}\n.cc .btn-dark{background:var(--navy);color:#fff}\n.cc .btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}\n\n\/* HERO *\/\n.cc .hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:70px 0}\n.cc .hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}\n.cc .hero h1{color:#fff;font-size:42px;line-height:1.14}\n.cc .hero p{color:#c3cedb}\n.cc .hero .eyebrow{background:rgba(31,174,92,.18);color:#7fe3ab}\n.cc .kpis{display:flex;gap:30px;margin:18px 0 22px}\n.cc .kpis b{display:block;font-size:26px;color:var(--green)}\n.cc .kpis span{font-size:12px;color:#9fb1c2;text-transform:uppercase;letter-spacing:.05em}\n.cc .price{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}\n.cc .price .strike{color:#8a99a9;text-decoration:line-through;font-size:18px}\n.cc .price .now{font-size:38px;font-weight:800;color:var(--green)}\n.cc .photo{border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -20px rgba(0,0,0,.5)}\n.cc .photo img{display:block;width:100%;height:100%;object-fit:cover;min-height:280px}\n\n\/* ARGUMENTS *\/\n.cc .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.cc .arg{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px}\n.cc .arg .ico{width:42px;height:42px;border-radius:10px;background:#e8f8ee;color:var(--green-dk);display:flex;align-items:center;justify-content:center;margin-bottom:12px}\n.cc .arg .ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}\n.cc .arg h3{font-size:17px;margin-bottom:6px}\n.cc .arg p{font-size:14px;margin:0}\n\n\/* PLANS \u2014 carte fa\u00e7on devis d'agence *\/\n.cc .plans-head{max-width:600px;margin:0 auto 34px;text-align:center}\n.cc .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n\/* FIX : overflow:hidden retir\u00e9 (il rognait le badge \"Meilleure vente\" qui d\u00e9passe en top:-11px).\n   Les coins arrondis sont maintenant port\u00e9s par plan-head (haut) et plan-body (bas). *\/\n.cc .plan{border:1px solid var(--line);border-radius:16px;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 10px 30px -18px rgba(15,36,56,.25)}\n.cc .plan.pop{border-color:var(--green);box-shadow:0 16px 40px -18px rgba(31,174,92,.35)}\n.cc .plan-head{background:var(--navy);color:#fff;padding:22px 24px;position:relative;border-radius:15px 15px 0 0}\n.cc .plan.pop .plan-head{background:linear-gradient(135deg,var(--green-dk),var(--green))}\n.cc .plan-head h3{color:#fff;font-size:19px;margin:0}\n.cc .plan-head .badge{position:absolute;top:-11px;right:20px;background:#fff;color:var(--green-dk);font-size:11px;font-weight:800;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.15);z-index:2}\n.cc .plan-body{padding:26px 24px;display:flex;flex-direction:column;flex:1;border-radius:0 0 15px 15px}\n.cc .pnum{font-size:34px;font-weight:800;color:var(--ink);margin-bottom:4px}\n.cc .meta{font-size:13px;color:var(--muted);margin-bottom:18px}\n.cc .plan ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}\n.cc .plan li{display:flex;gap:9px;font-size:14.5px;color:var(--ink)}\n.cc .plan li svg{width:18px;height:18px;stroke:var(--green-dk);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:1px}\n.cc .plan .btn{margin-top:auto;width:100%}\n\n\/* INCLUS \/ PROCESS *\/\n.cc .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n.cc .panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:28px}\n.cc .checklist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}\n.cc .checklist li{display:flex;gap:10px;font-size:15px}\n.cc .checklist svg{width:19px;height:19px;stroke:var(--green-dk);fill:none;stroke-width:2.3;margin-top:2px;flex-shrink:0}\n.cc .steps{list-style:none;margin:16px 0 0;padding:0;counter-reset:step;display:flex;flex-direction:column;gap:16px}\n.cc .steps li{display:flex;gap:14px;align-items:flex-start}\n.cc .steps li::before{counter-increment:step;content:counter(step);font-weight:800;color:#fff;background:var(--navy);border-radius:8px;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px}\n\n\/* FAQ *\/\n.cc .faq details{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:16px 20px}\n.cc .faq summary{cursor:pointer;font-weight:700;list-style:none}\n.cc .faq summary::-webkit-details-marker{display:none}\n.cc .faq p{margin:10px 0 0}\n\n\/* CONTACT *\/\n.cc .contact{background:var(--navy);color:#fff;border-radius:20px;padding:44px;text-align:center}\n.cc .contact h2{color:#fff}\n.cc .contact p{color:#c3cedb}\n.cc .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;text-align:left}\n.cc .input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid #33506b;background:#0c2036;color:#fff;font-family:Manrope,sans-serif}\n.cc .input::placeholder{color:#8a9dae}\n\n\/* TESTIMONIALS *\/\n.cc .testi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.cc .quote{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px;font-size:14.5px}\n.cc .quote .who{display:block;margin-top:12px;font-weight:700;color:var(--navy);font-size:13px}\n\n@media(max-width:900px){\n  .cc .hero .wrap,.cc .grid-3,.cc .cards,.cc .grid-2,.cc .testi,.cc .form-grid{grid-template-columns:1fr}\n  .cc .hero h1{font-size:30px}\n}\n<\/style>\n\n<div class=\"cc\">\n\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <div>\n      <span class=\"eyebrow\">Professional image<\/span>\n      <h1>A showcase website that inspires confidence from the first click<\/h1>\n      <p>Present your business with a clear, fast and credible site. The place where your future clients check that you are legitimate before calling you.<\/p>\n      <div class=\"kpis\">\n        <div><b>5d<\/b><span>Publishing<\/span><\/div>\n        <div><b>5<\/b><span>Pages<\/span><\/div>\n        <div><b>SEO<\/b><span>Optimisation<\/span><\/div>\n      <\/div>\n      <div class=\"price\"><span class=\"strike\">650\u20ac<\/span><span class=\"now\">500\u20ac<\/span><\/div>\n      <div style=\"display:flex;gap:12px;flex-wrap:wrap\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/33652112106?text=Je%20veux%20mon%20site%20vitrine%20\u00e0%20259\u20ac\" target=\"_blank\" rel=\"noopener\">Order via WhatsApp<\/a>\n        <a class=\"btn btn-ghost\" style=\"border-color:#fff;color:#fff\" href=\"#plans\">See plans<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"photo\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Aper\u00e7u site vitrine\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\">\n  <div class=\"wrap grid-3\">\n    <div class=\"arg\">\n      <div class=\"ico\"><svg viewbox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"m21 21-4.3-4.3\"><\/path><\/svg><\/div>\n      <h3>Visible on Google<\/h3>\n      <p>Structure and content optimised to appear in local searches.<\/p>\n    <\/div>\n    <div class=\"arg\">\n      <div class=\"ico\"><svg viewbox=\"0 0 24 24\"><path d=\"M13 2 4 14h6l-1 8 9-12h-6z\"><\/path><\/svg><\/div>\n      <h3>Fast and reliable<\/h3>\n      <p>A site that loads quickly, on mobile and desktop.<\/p>\n    <\/div>\n    <div class=\"arg\">\n      <div class=\"ico\"><svg viewbox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\n      <h3>Immediate credibility<\/h3>\n      <p>Clean, professional design that reassures your visitors.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\" id=\"plans\" style=\"background:var(--bg-soft)\">\n  <div class=\"wrap\">\n    <div class=\"plans-head\">\n      <span class=\"eyebrow\">Plans<\/span>\n      <h2>Choose your plan<\/h2>\n      <p>You can upgrade without losing the work already done.<\/p>\n    <\/div>\n    <div class=\"cards\">\n      <div class=\"plan pop\">\n        <div class=\"plan-head\"><span class=\"badge\">Best seller<\/span><h3>Essential Showcase<\/h3><\/div>\n        <div class=\"plan-body\">\n          <div class=\"pnum\">500\u20ac<\/div>\n          <div class=\"meta\">5 days \u00b7 Home, Services, Contact<\/div>\n          <ul>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Clear structure<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Simple legal notice<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>1 revision included<\/li>\n          <\/ul>\n          <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/33652112106?text=Je%20commande%20la%20Vitrine%20Essentielle%20259\u20ac\" target=\"_blank\" rel=\"noopener\">Choose<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"plan\">\n        <div class=\"plan-head\"><h3>Complete showcase<\/h3><\/div>\n        <div class=\"plan-body\">\n          <div class=\"pnum\">990\u20ac<\/div>\n          <div class=\"meta\">7 days \u00b7 Home, Services, About, Work, Contact<\/div>\n          <ul>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Full design<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>2 revisions<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>SEO optimisation<\/li>\n          <\/ul>\n          <a class=\"btn btn-dark\" href=\"https:\/\/cometocom.com\/en\/devis\/\" target=\"_blank\" rel=\"noopener\">Request<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"plan\">\n        <div class=\"plan-head\"><h3>Custom-made<\/h3><\/div>\n        <div class=\"plan-body\">\n          <div class=\"pnum\">Quote<\/div>\n          <div class=\"meta\">Blog, multi-language, advanced features<\/div>\n          <ul>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Needs workshop<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Responsive UI<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Roadmap + budget<\/li>\n          <\/ul>\n          <a class=\"btn btn-dark\" href=\"https:\/\/cometocom.com\/en\/devis\/\" target=\"_blank\" rel=\"noopener\">Request a quote<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\">\n  <div class=\"wrap grid-2\">\n    <div class=\"panel\">\n      <h2 style=\"font-size:22px\">What's included<\/h2>\n      <ul class=\"checklist\">\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Professional design adapted to your brand<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Text rewritten for conversion<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Form linked to your email<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Mobile optimisation<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Publishing + backup<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"panel\">\n      <h2 style=\"font-size:22px\">Process<\/h2>\n      <ol class=\"steps\">\n        <li>Quick brief via WhatsApp or email<\/li>\n        <li>Mockup + copy<\/li>\n        <li>Publishing<\/li>\n        <li>Proofing and retouching<\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\" style=\"background:var(--bg-soft)\">\n  <div class=\"wrap\">\n    <span class=\"eyebrow\">Questions<\/span>\n    <h2>Frequently Asked Questions<\/h2>\n    <div class=\"grid-2 faq\" style=\"margin-top:16px;gap:12px\">\n      <details><summary>Is the Essential Showcase enough to get started?<\/summary><p>Yes. It presents your business clearly and captures contact enquiries. Upgrade possible afterwards.<\/p><\/details>\n      <details><summary>Do you provide the images?<\/summary><p>Yes, via open banking or your visuals.<\/p><\/details>\n      <details><summary>Do you write the content?<\/summary><p>Yes, from your key information. Aim: clarity and credibility.<\/p><\/details>\n      <details><summary>Payment and invoice?<\/summary><p>Payment after brief approval. Invoice provided.<\/p><\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\">\n  <div class=\"wrap\">\n    <div class=\"contact\">\n      <span class=\"eyebrow\" style=\"background:rgba(31,174,92,.18);color:#7fe3ab\">Next step<\/span>\n      <h2>Let's discuss your project<\/h2>\n      <p>Quick response on WhatsApp or by email.<\/p>\n      <div style=\"display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/33652112106?text=Je%20veux%20mon%20site%20vitrine\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>\n      <\/div>\n      <form id=\"expform\" class=\"form-grid\" action=\"\">\n        <input class=\"input\" name=\"name\" type=\"text\" placeholder=\"Your name\" required=\"\">\n        <input class=\"input\" name=\"email\" type=\"email\" placeholder=\"Your email\" required=\"\">\n        <textarea class=\"input\" name=\"need\" placeholder=\"Describe your business in 2 lines\" rows=\"3\" style=\"grid-column:1\/-1\"><\/textarea>\n        <button class=\"btn btn-primary\" type=\"submit\" style=\"grid-column:1\/-1\">Send my request<\/button>\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\" style=\"padding-top:0\">\n  <div class=\"wrap\">\n    <span class=\"eyebrow\">Customer feedback<\/span>\n    <h2>They gained credibility<\/h2>\n    <div class=\"testi\" style=\"margin-top:18px\">\n      <div class=\"quote\">\"Site online in 5 days, my clients can finally find me on Google.\"<span class=\"who\">\u2014 Rachid<\/span><\/div>\n      <div class=\"quote\">\u201cProfessional design; my prospects trust me more.\u201d<span class=\"who\">\u2014 L\u00e9a<\/span><\/div>\n      <div class=\"quote\">\"Clear process, quick exchanges via WhatsApp.\"<span class=\"who\">\u2014 Local craftsman<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script>\ndocument.querySelector('#expform')?.addEventListener('submit',function(e){\n  e.preventDefault();\n  var d=new FormData(e.target);\n  var s=encodeURIComponent('Demande \u2013 Site Vitrine Cometocom');\n  var body=encodeURIComponent('Nom: '+d.get('name')+'\\nEmail: '+d.get('email')+'\\nBesoin: '+d.get('need'));\n  window.location.href='mailto:contact@cometocom.com?subject='+s+'&body='+body;\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Image professionnelle Un site vitrine qui inspire confiance d\u00e8s le premier clic Pr\u00e9sentez votre activit\u00e9 avec un site clair, rapide et cr\u00e9dible. L&rsquo;endroit o\u00f9 vos futurs clients v\u00e9rifient que vous \u00eates s\u00e9rieux avant de vous appeler. 5jMise en ligne 5Pages SEOOptimisation 650\u20ac500\u20ac Commander via WhatsApp Voir les formules Visible sur Google Structure et contenu optimis\u00e9s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-3736","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages\/3736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/comments?post=3736"}],"version-history":[{"count":4,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages\/3736\/revisions"}],"predecessor-version":[{"id":3756,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages\/3736\/revisions\/3756"}],"wp:attachment":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/media?parent=3736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}