From 0d24530bbe3e57e99502eb89bd5566401a6163a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daphn=C3=A9=20Popin?= <PopDaph@users.noreply.github.com>
Date: Mon, 6 Nov 2023 11:44:24 +0100
Subject: [PATCH] Ed's feedback homepage: button size + add new signup button
 on top of price table (#2391)

---
 front/components/Button.tsx |  4 +++-
 front/pages/index.tsx       | 14 +++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/front/components/Button.tsx b/front/components/Button.tsx
index 14175a40beda..8dc75bbb7452 100644
--- a/front/components/Button.tsx
+++ b/front/components/Button.tsx
@@ -105,12 +105,14 @@ export function SignInDropDownButton({
 export function SignUpDropDownButton({
   buttonVariant = "primary",
   buttonLabel = "Start with Dust",
+  buttonSize = "sm",
   buttonIcon = RocketIcon,
   buttonClassname = "",
   onClickGoogle,
 }: {
   buttonVariant?: "primary" | "secondary" | "tertiary";
   buttonLabel?: string;
+  buttonSize?: "sm" | "md" | "lg";
   buttonIcon?: typeof Icon;
   buttonClassname?: string;
   onClickGoogle: () => void;
@@ -121,7 +123,7 @@ export function SignUpDropDownButton({
         <Button
           variant={buttonVariant}
           className={buttonClassname}
-          size="sm"
+          size={buttonSize}
           label={buttonLabel}
           icon={buttonIcon}
         />
diff --git a/front/pages/index.tsx b/front/pages/index.tsx
index 34722802ddb5..ab897ef143b7 100644
--- a/front/pages/index.tsx
+++ b/front/pages/index.tsx
@@ -212,6 +212,7 @@ export default function Home({
                 <div className="sm: flex w-full flex-wrap gap-4 sm:justify-start sm:gap-4 md:gap-6">
                   <SignUpDropDownButton
                     buttonLabel="Start with Dust Now"
+                    buttonSize="md"
                     onClickGoogle={() =>
                       signIn("google", {
                         callbackUrl: getCallbackUrl(router.query),
@@ -656,13 +657,24 @@ export default function Home({
               id="sectionPricing"
               className="col-span-12 text-center md:pb-6 xl:pb-10"
             >
-              <H2 className="text-slate-50">
+              <H2 className="text-slate-50 md:pb-6 xl:pb-10">
                 Start with Dust!
                 <br />
                 <span className="text-slate-200/50">
                   Meet our pricing plans.
                 </span>
               </H2>
+              <div className="lg:px-2 2xl:px-24">
+                <SignUpDropDownButton
+                  buttonLabel="Start with Dust Now"
+                  buttonSize="md"
+                  onClickGoogle={() =>
+                    signIn("google", {
+                      callbackUrl: getCallbackUrl(router.query),
+                    })
+                  }
+                />
+              </div>
             </div>
             <div className="s-dark col-span-12 flex flex-row justify-center lg:px-2 2xl:px-24">
               <PricePlans size="xs" className="lg:hidden" isTabs />