Ed's feedback homepage: button size + add new signup button on top of…

… price table (#2391)
dust-tt · Nov 6, 2023 · 0d24530 · 0d24530
1 parent 374e5ba
commit 0d24530
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git 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
@@ -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 />