From e3b4ec4a9e574ef105627ac4b13f569708850423 Mon Sep 17 00:00:00 2001
From: ShubhamPalriwala <spalriwalau@gmail.com>
Date: Wed, 19 Jul 2023 00:59:52 +0530
Subject: [PATCH 1/2] fix: cal widget had an internal predefined margin causing
 it to be unabalanced with the concierge div

---
 apps/formbricks-com/pages/concierge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/formbricks-com/pages/concierge.tsx b/apps/formbricks-com/pages/concierge.tsx
index bf0ff7198c..02d9259c29 100644
--- a/apps/formbricks-com/pages/concierge.tsx
+++ b/apps/formbricks-com/pages/concierge.tsx
@@ -82,7 +82,7 @@ const ConciergePage = () => {
             </p>
           </div>
         </div>
-        <div className="rounded-xl">
+        <div className="!mt-0 rounded-xl">
           <Cal
             calLink="johannes/kick-off"
             style={{

From 98a62949d5b79efd1af74abd897da0aa4b81d677 Mon Sep 17 00:00:00 2001
From: Johannes <johannes@formbricks.com>
Date: Wed, 19 Jul 2023 12:52:43 +0200
Subject: [PATCH 2/2] update concierge offer

---
 apps/formbricks-com/pages/concierge.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/formbricks-com/pages/concierge.tsx b/apps/formbricks-com/pages/concierge.tsx
index 02d9259c29..78efd9b438 100644
--- a/apps/formbricks-com/pages/concierge.tsx
+++ b/apps/formbricks-com/pages/concierge.tsx
@@ -3,12 +3,13 @@ import Layout from "@/components/shared/Layout";
 import Cal, { getCalApi } from "@calcom/embed-react";
 import { useEffect } from "react";
 import { CheckBadgeIcon } from "@heroicons/react/24/solid";
+import { Button } from "@formbricks/ui";
 
 const XMOffer = [
   {
     step: "1",
-    header: "Kick-off call",
-    description: "You share with our seasoned PMs which areas of your customer experience need improvement.",
+    header: "Kick-off call (FREE)",
+    description: "Share with our seasoned PMs which areas of customer experience need improvement.",
   },
   {
     step: "2",
@@ -69,18 +70,27 @@ const ConciergePage = () => {
             </div>
           ))}
           <div className="border-b border-t border-slate-300 p-6  text-4xl font-semibold text-slate-800">
-            <p className="mr-2 font-light">$2.290</p>
+            <p className="mr-2 font-light">$1.290</p>
           </div>
           <div className="p-6 text-sm text-slate-800">
             <p>
               <CheckBadgeIcon className="mr-1 inline h-5 w-5 text-slate-800" />
-              100% Risk-free: Pay after the kick-off call.
+              100% Risk-free: Pay after the kick-off call, if you liked it.
             </p>
             <p>
               <CheckBadgeIcon className="mr-1 inline h-5 w-5 text-slate-800" />
               Money-back: If you&apos;re not happy, get a full refund.
             </p>
           </div>
+          <div className="px-6">
+            <Button
+              variant="darkCTA"
+              className="w-full justify-center"
+              href="https://cal.com/johannes/kick-off"
+              target="_blank">
+              Book free Kick-Off call
+            </Button>
+          </div>
         </div>
         <div className="!mt-0 rounded-xl">
           <Cal