From ea624a23be25f05c4ef337d8a421f3505d459aa8 Mon Sep 17 00:00:00 2001
From: ssk090 <shivanandasai.38@gmail.com>
Date: Thu, 25 Jul 2024 19:10:17 +0530
Subject: [PATCH 1/3] fix: Hero section primary button

---
 frontend/components/Hero.tsx                  | 73 +++++++++++--------
 frontend/components/buttons/PrimaryButton.tsx | 28 +++++--
 .../components/buttons/SecondaryButton.tsx    | 27 +++++--
 3 files changed, 83 insertions(+), 45 deletions(-)

diff --git a/frontend/components/Hero.tsx b/frontend/components/Hero.tsx
index b72227c..8b56157 100644
--- a/frontend/components/Hero.tsx
+++ b/frontend/components/Hero.tsx
@@ -1,38 +1,53 @@
-"use client"
-import { useRouter } from "next/navigation"
-import { Feature } from "./Feature"
-import { PrimaryButton } from "./buttons/PrimaryButton"
-import { SecondaryButton } from "./buttons/SecondaryButton"
+"use client";
+import { useRouter } from "next/navigation";
+import { Feature } from "./Feature";
+import { PrimaryButton } from "./buttons/PrimaryButton";
+import { SecondaryButton } from "./buttons/SecondaryButton";
 
 export const Hero = () => {
-    const router = useRouter();
-    return <div>
-        <div className="flex justify-center">
-            <div className="text-5xl font-bold font-semibold text-center pt-8 max-w-xl">
-                Automate as fast as you can type    
-            </div>
+  const router = useRouter();
+  return (
+    <div>
+      <div className="flex justify-center">
+        <div className="text-5xl font-bold font-semibold text-center pt-8 max-w-xl">
+          Automate as fast as you can type
         </div>
-        <div className="flex justify-center pt-2">
-            <div className="text-xl font-bold font-normal text-center pt-8 max-w-2xl">
-                AI gives you automation superpowers, and Zapier puts them to work. Pairing AI and Zapier helps you turn ideas into workflows and bots that work for you.
-            </div>
+      </div>
+      <div className="flex justify-center pt-2">
+        <div className="text-xl font-bold font-normal text-center pt-8 max-w-2xl">
+          AI gives you automation superpowers, and Zapier puts them to work.
+          Pairing AI and Zapier helps you turn ideas into workflows and bots
+          that work for you.
         </div>
+      </div>
 
-        <div className="flex justify-center pt-4">
-            <div className="flex">
-                <PrimaryButton onClick={() => {
-                    router.push("/signup")
-                }} size="big">Get Started free</PrimaryButton>
-                <div className="pl-4">
-                    <SecondaryButton  onClick={() => {}} size="big">Contact Sales</SecondaryButton>
-                </div>
+      <div className="flex justify-center pt-4">
+        <div className="flex">
+          <div>
+            <PrimaryButton
+              onClick={() => {
+                router.push("/signup");
+              }}
+              size="big"
+            >
+              Get Started free
+            </PrimaryButton>
+          </div>
+          <div className="pl-4">
+            <div>
+              <SecondaryButton onClick={() => {}} size="big">
+                Contact Sales
+              </SecondaryButton>
             </div>
+          </div>
         </div>
+      </div>
 
-        <div className="flex justify-center pt-4">
-            <Feature title={"Free Forever"} subtitle={"for core features"} />
-            <Feature title={"More apps"} subtitle={"than any other platforms"} />
-            <Feature title={"Cutting Edge"} subtitle={"AI Features"} />
-        </div>
+      <div className="flex justify-center pt-4">
+        <Feature title={"Free Forever"} subtitle={"for core features"} />
+        <Feature title={"More apps"} subtitle={"than any other platforms"} />
+        <Feature title={"Cutting Edge"} subtitle={"AI Features"} />
+      </div>
     </div>
-}
\ No newline at end of file
+  );
+};
diff --git a/frontend/components/buttons/PrimaryButton.tsx b/frontend/components/buttons/PrimaryButton.tsx
index 48efaab..31b5353 100644
--- a/frontend/components/buttons/PrimaryButton.tsx
+++ b/frontend/components/buttons/PrimaryButton.tsx
@@ -1,11 +1,23 @@
-import { ReactNode } from "react"
+import { ReactNode } from "react";
 
-export const PrimaryButton = ({ children, onClick, size = "small" }: {
-    children: ReactNode,
-    onClick: () => void,
-    size?: "big" | "small"
+export const PrimaryButton = ({
+  children,
+  onClick,
+  size = "small",
+}: {
+  children: ReactNode;
+  onClick: () => void;
+  size?: "big" | "small";
 }) => {
-    return <div onClick={onClick} className={`${size === "small" ? "text-sm" : "text-xl"} ${size === "small" ? "px-8 py-2" : "px-10 py-4"} cursor-pointer hover:shadow-md bg-amber-700 text-white rounded-full text-center flex justify-center flex-col`}>
-        {children}
+  return (
+    <div
+      onClick={onClick}
+      className={`${
+        size === "small" ? "text-sm px-8 py-2" : "text-xl px-12 py-3"
+      } 
+    cursor-pointer hover:shadow-md bg-amber-700 text-white rounded-full text-center flex justify-center flex-col`}
+    >
+      {children}
     </div>
-}
\ No newline at end of file
+  );
+};
diff --git a/frontend/components/buttons/SecondaryButton.tsx b/frontend/components/buttons/SecondaryButton.tsx
index 04f3e7a..ee0b1be 100644
--- a/frontend/components/buttons/SecondaryButton.tsx
+++ b/frontend/components/buttons/SecondaryButton.tsx
@@ -1,11 +1,22 @@
-import { ReactNode } from "react"
+import { ReactNode } from "react";
 
-export const SecondaryButton = ({ children, onClick, size = "small" }: {
-    children: ReactNode,
-    onClick: () => void,
-    size?: "big" | "small"
+export const SecondaryButton = ({
+  children,
+  onClick,
+  size = "small",
+}: {
+  children: ReactNode;
+  onClick: () => void;
+  size?: "big" | "small";
 }) => {
-    return <div onClick={onClick} className={`${size === "small" ? "text-sm" : "text-xl"} ${size === "small" ? "px-8 pt-2" : "px-10 py-4"} cursor-pointer hover:shadow-md border text-black border-black rounded-full`}>
-        {children}
+  return (
+    <div
+      onClick={onClick}
+      className={`${
+        size === "small" ? "text-sm px-8 py-2" : "text-xl px-12 py-3"
+      } cursor-pointer hover:shadow-md border text-black border-black rounded-full`}
+    >
+      {children}
     </div>
-}
\ No newline at end of file
+  );
+};

From 8355df0591b576d8e0563f262224c79541c39020 Mon Sep 17 00:00:00 2001
From: Shivananda Sai <shivanandasai.38@gmail.com>
Date: Thu, 25 Jul 2024 19:22:24 +0530
Subject: [PATCH 2/3] Update PrimaryButton.tsx

---
 frontend/components/buttons/PrimaryButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/buttons/PrimaryButton.tsx b/frontend/components/buttons/PrimaryButton.tsx
index 31b5353..e85ba6d 100644
--- a/frontend/components/buttons/PrimaryButton.tsx
+++ b/frontend/components/buttons/PrimaryButton.tsx
@@ -13,7 +13,7 @@ export const PrimaryButton = ({
     <div
       onClick={onClick}
       className={`${
-        size === "small" ? "text-sm px-8 py-2" : "text-xl px-12 py-3"
+        size === "small" ? "text-sm px-8 py-2" : "text-xl px-14 py-3"
       } 
     cursor-pointer hover:shadow-md bg-amber-700 text-white rounded-full text-center flex justify-center flex-col`}
     >

From ace3de0cdda4ee22d1e38922db7baafba1bc5315 Mon Sep 17 00:00:00 2001
From: Shivananda Sai <shivanandasai.38@gmail.com>
Date: Thu, 25 Jul 2024 19:22:35 +0530
Subject: [PATCH 3/3] Update SecondaryButton.tsx

---
 frontend/components/buttons/SecondaryButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/buttons/SecondaryButton.tsx b/frontend/components/buttons/SecondaryButton.tsx
index ee0b1be..4e7e6d9 100644
--- a/frontend/components/buttons/SecondaryButton.tsx
+++ b/frontend/components/buttons/SecondaryButton.tsx
@@ -13,7 +13,7 @@ export const SecondaryButton = ({
     <div
       onClick={onClick}
       className={`${
-        size === "small" ? "text-sm px-8 py-2" : "text-xl px-12 py-3"
+        size === "small" ? "text-sm px-8 py-2" : "text-xl px-14 py-3"
       } cursor-pointer hover:shadow-md border text-black border-black rounded-full`}
     >
       {children}