diff --git a/about/index.html b/about/index.html
index f881dc1..44b6a8a 100644
--- a/about/index.html
+++ b/about/index.html
@@ -56,9 +56,29 @@ <h1 class="h2">About</h1>
     <p>
       Two exits.  One to Apple.
     </p>
+    <p>
+      <a href="#" data-cal-link="davecancode/15min" data-cal-namespace="" data-cal-config='{"layout":"month_view"}'>Book a chat</a>
+    </p>
+    <p>
+      <a href="#">Airdrop me</a>
+    </p>
 
     <div class="pb-6 gap"></div>
   </div>
+  <!-- Cal element-click embed code begins -->
+<script type="text/javascript">
+  (function (C, A, L) { let p = function (a, ar) { a.q.push(ar); }; let d = C.document; C.Cal = C.Cal || function () { let cal = C.Cal; let ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement("script")).src = A; cal.loaded = true; } if (ar[0] === L) { const api = function () { p(api, arguments); }; const namespace = ar[1]; api.q = api.q || []; typeof namespace === "string" ? (cal.ns[namespace] = api) && p(api, ar) : p(cal, ar); return; } p(cal, ar); }; })(window, "https://app.cal.com/embed/embed.js", "init");
+Cal("init",  {origin:"https://cal.com"});
+
+  
+  // Important: Please add the following attributes to the element that should trigger the calendar to open upon clicking.
+  // `data-cal-link="davecancode/15min"`
+  // data-cal-namespace=""
+  // `data-cal-config='{"layout":"month_view"}'`
+
+  Cal("ui", {"styles":{"branding":{"brandColor":"#000000"}},"hideEventTypeDetails":false,"layout":"month_view"});
+  </script>
+  <!-- Cal element-click embed code ends -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/84/three.min.js"></script>
   <!-- <script>
     const sizes =