From c4c3d075c0e4a56c3bc7160eb0593e48c12605e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Huchet?=
 <rap2hpoutre@users.noreply.github.com>
Date: Tue, 17 Oct 2023 16:00:58 +0200
Subject: [PATCH] fix: add cal com (#1730)

---
 website/pages/index.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/website/pages/index.js b/website/pages/index.js
index 151d9780a..eccfc95d7 100644
--- a/website/pages/index.js
+++ b/website/pages/index.js
@@ -3,6 +3,19 @@ import { HiCheckCircle } from "react-icons/hi";
 import Header from "../components/header";
 import Footer from "../components/footer";
 
+const AgendaIcon = ({ size = 30 }) => (
+  <svg width={size} height={size} viewBox="0 0 196 200">
+    <g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+      <path
+        d="M54.4156393,0 C50.8139009,0 47.8939015,2.91978197 47.8939015,6.52173771 L47.8939015,31.5895584 C40.3315119,34.3034708 34.8504261,41.5556431 34.8504261,49.9999891 C34.8504261,60.7282477 43.6875981,69.5652023 54.4156393,69.5652023 C65.1438978,69.5652023 73.9808524,60.7282477 73.9808524,49.9999891 C73.9808524,41.5647736 68.4871579,34.3104273 60.937377,31.5895584 L60.937377,6.52173771 C60.937377,2.91978197 58.0173776,0 54.4156393,0 Z M141.37214,0 C137.770404,0 134.850404,2.91978197 134.850404,6.52173771 L134.850404,31.5895584 C127.288015,34.3034708 121.806929,41.5556431 121.806929,49.9999891 C121.806929,60.7282477 130.644101,69.5652023 141.37214,69.5652023 C152.100401,69.5652023 160.937353,60.7282477 160.937353,49.9999891 C160.937353,41.5647736 155.443659,34.3104273 147.893878,31.5895584 L147.893878,6.52173771 C147.893878,2.91978197 144.97388,0 141.37214,0 Z M23.9808633,13.0429137 C10.8095629,13.0429137 -1.42108547e-14,23.8532557 -1.42108547e-14,37.0243398 L-1.42108547e-14,176.018918 C-1.42108547e-14,189.19022 10.8097803,200 23.9808633,200 L171.671266,200 C184.84235,200 195.65213,189.19022 195.65213,176.018918 L195.65213,37.0243398 C195.65213,23.8532557 184.842133,13.0429137 171.671266,13.0429137 L158.695617,13.0429137 C155.25018,12.9956493 152.038009,16.1193443 152.038009,19.5652131 C152.038009,23.011082 155.25018,26.1356465 158.695617,26.0869509 L171.671266,26.0869509 C177.829308,26.0869509 182.608655,30.8658629 182.608655,37.0243398 L182.608655,73.9130274 L13.0434743,73.9130274 L13.0434743,37.0243398 C13.0434743,30.8658629 17.8226037,26.0869509 23.9808633,26.0869509 L36.9565126,26.0869509 C40.4019467,26.1347769 43.5460764,23.011082 43.5460764,19.5652131 C43.5460764,16.1193443 40.4019467,12.9947798 36.9565126,13.0429137 L23.9808633,13.0429137 Z M71.7391138,13.0434754 C68.1371602,13.0434754 65.217376,15.9632574 65.217376,19.5652131 C65.217376,23.1669515 68.1371602,26.0869509 71.7391138,26.0869509 L123.913015,26.0869509 C127.514971,26.0869509 130.434753,23.1669515 130.434753,19.5652131 C130.434753,15.9632574 127.514971,13.0434754 123.913015,13.0434754 L71.7391138,13.0434754 Z M54.4156393,43.4782514 C58.0947689,43.4782514 60.937377,46.3208595 60.937377,49.9999891 C60.937377,53.6791188 58.0947689,56.5217268 54.4156393,56.5217268 C50.736727,56.5217268 47.8939015,53.6791188 47.8939015,49.9999891 C47.8939015,46.3208595 50.736727,43.4782514 54.4156393,43.4782514 Z M141.37214,43.4782514 C145.051272,43.4782514 147.893878,46.3208595 147.893878,49.9999891 C147.893878,53.6791188 145.051272,56.5217268 141.37214,56.5217268 C137.69323,56.5217268 134.850404,53.6791188 134.850404,49.9999891 C134.850404,46.3208595 137.69323,43.4782514 141.37214,43.4782514 Z M13.0434743,86.9565028 L182.608655,86.9565028 L182.608655,176.018918 C182.608655,182.177395 177.829308,186.956525 171.671266,186.956525 L23.9808633,186.956525 C17.8223863,186.956525 13.0434743,182.177395 13.0434743,176.018918 L13.0434743,86.9565028 Z"
+        id="Calendar"
+        fill="currentColor"
+        fillRule="nonzero"
+      />
+    </g>
+  </svg>
+);
+
 export default function Index() {
   const [actions, setActions] = useState(0);
   const [persons, setPersons] = useState(0);
@@ -51,9 +64,20 @@ export default function Index() {
                     06 13 23 33 45
                   </a>
                 </div>
+
                 <div className="text-xs mt-4 max-w-sm mx-auto">
                   Île-de-France, Hauts-de-France, Auvergne&nbsp;Rhone&nbsp;Alpes, Grand&nbsp;Est, Normandie, Bretagne, Guadeloupe et Martinique
                 </div>
+                <div className="py-4">
+                  <a
+                    target="_blank"
+                    className="mx-auto p-3 px-4 md:px-8 space-x-2 transition-all bg-shamrock-400/10 hover:bg-shamrock-400 text-[#00897f] hover:text-white border border-shamrock-400 flex-center rounded-xl"
+                    href="https://cal.com/m-saiter-mano/je-souhaite-une-demonstration-de-l-outil-mano?duration=60"
+                  >
+                    <AgendaIcon size={40} />
+                    <div className="text-left pl-4">Reservez un temps de présentation de l’outil MANO</div>
+                  </a>
+                </div>
               </div>
               <div className="text-center grid gap-2">
                 <div>Yoann Kittery</div>
@@ -67,10 +91,21 @@ export default function Index() {
                     06 83 98 29 66
                   </a>
                 </div>
+
                 <div className="text-xs mt-4  max-w-sm mx-auto">
                   Île-de-france, PACA, Occitanie, Nouvelle&nbsp;Aquitaine, Pays&nbsp;de&nbsp;la&nbsp;Loire, Centre&nbsp;Val&nbsp;de&nbsp;Loire, Corse,
                   Réunion
                 </div>
+                <div className="py-4">
+                  <a
+                    target="_blank"
+                    className="mx-auto p-3 px-4 md:px-8 space-x-2 transition-all bg-shamrock-400/10 hover:bg-shamrock-400 text-[#00897f] hover:text-white border border-shamrock-400 flex-center rounded-xl"
+                    href="https://cal.com/ykittery-mano/reservez-un-temps-de-presentation-de-l-outil-mano?duration=60"
+                  >
+                    <AgendaIcon size={40} />
+                    <div className="text-left pl-4">Reservez un temps de présentation de l’outil MANO</div>
+                  </a>
+                </div>
               </div>
             </div>
           </div>