From 35d6c804c7642bb2f2a259ac0c70e5d38e4d1527 Mon Sep 17 00:00:00 2001
From: Hemant2335 <knrt73373@gmail.com>
Date: Thu, 23 Nov 2023 20:09:49 +0530
Subject: [PATCH] Minor_Hero_update

---
 frontend/src/Hero.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index cb55ca1f..9b587225 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -1,8 +1,10 @@
 import { useMediaQuery } from './hooks';
 import DocsGPT3 from './assets/cute_docsgpt3.svg';
+import { useNavigate } from 'react-router-dom';
 
 export default function Hero({ className = '' }: { className?: string }) {
   // const isMobile = window.innerWidth <= 768;
+  const navigate = useNavigate();
   const { isMobile } = useMediaQuery();
   return (
     <div className={`mt-14 ${isMobile ? 'mb-2' : 'mb-12'}flex flex-col `}>
@@ -166,6 +168,20 @@ export default function Hero({ className = '' }: { className?: string }) {
           </div>
         </div>
       </div>
+      <div className="mt-[1vh] flex w-full items-center justify-center gap-[4vh]">
+        <button
+          className="rounded-xl bg-[#7D54D1] p-[2vh] font-medium  text-white transition-transform hover:scale-105"
+          onClick={() => navigate('/login')}
+        >
+          Sign up
+        </button>
+        <button
+          className="rounded-xl bg-[#7D54D1] p-[2vh] font-medium  text-white transition-transform hover:scale-105"
+          onClick={() => navigate('/register')}
+        >
+          Sign in
+        </button>
+      </div>
     </div>
   );
 }