From 458f2f558f3ee1fac63a6e37d948492bb3768c59 Mon Sep 17 00:00:00 2001
From: Swadhin Kumar Nayak <nayak.swadhin25@gmail.com>
Date: Sat, 14 Oct 2023 17:34:07 +0530
Subject: [PATCH] Font size changed

---
 vriddhi/src/app/Components/Hero/Hero.jsx     | 14 +++++++-------
 vriddhi/src/app/Components/Navbar/Navbar.jsx | 20 ++++++++++----------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/vriddhi/src/app/Components/Hero/Hero.jsx b/vriddhi/src/app/Components/Hero/Hero.jsx
index 21a39fd..e495f50 100644
--- a/vriddhi/src/app/Components/Hero/Hero.jsx
+++ b/vriddhi/src/app/Components/Hero/Hero.jsx
@@ -16,19 +16,19 @@ function Hero() {
           alt="HomeBg"
           className="w-full object-cover absolute top-0"
         />
-        <div className="absolute right-[10%] top-[30%] text-center flex flex-col justify-center items-center">
-          <h1 className="font-blanka text-white text-8xl tracking-[0.9rem]">
+        <div className="absolute right-[7%] lg:right-[10%] top-[20%] lg:top-[30%] text-center flex flex-col justify-center items-center">
+          <h1 className="font-blanka text-white text-7xl lg:text-8xl tracking-[0.9rem]">
             VRIDDHI
           </h1>
-          <Image src={year} alt="year" className="py-11" />
-          <button className="font-nidus bg-[#EEBD2F] hover:bg-[#ebcb6d] rounded-[39.979px] px-6 py-3 text-3xl text-[#2E2E2E]">
+          <Image src={year} alt="year" className="py-8 lg:py-11" />
+          <button className="font-nidus bg-[#EEBD2F] hover:bg-[#ebcb6d] rounded-[39.979px] px-6 py-3 text-2xl lg:text-3xl text-[#2E2E2E]">
             JOIN US
           </button>
         </div>
       </main>
       {/* Phone View */}
       <main className="w-screen h-screen md:hidden">
-        <div className="bg-[#111A21] bg-opacity-[0.35] bg-blend-multiply opacity-90 w-full h-full relative">
+        <div className="bg-[#111A21] bg-blend-multiply w-full h-full relative">
           <Image
             src={HomeMobile}
             alt="HomeMobile"
@@ -51,10 +51,10 @@ function Hero() {
           className="absolute bottom-0 right-0"
         />
         <div className="absolute text-center flex flex-col justify-center items-center top-[45%] w-full m-auto">
-          <h1 className="font-blanka text-white text-6xl tracking-[0.9rem]">
+          <h1 className="font-blanka text-white text-7xl tracking-[0.9rem]">
             VRIDDHI
           </h1>
-          <Image src={year} alt="year" className="py-11 w-[30%]" />
+          <Image src={year} alt="year" className="py-8 w-[30%]" />
           <button className="font-nidus bg-[#EEBD2F] hover:bg-[#ebcb6d] rounded-[39.979px] px-6 py-3 text-xl text-[#2E2E2E]">
             JOIN US
           </button>
diff --git a/vriddhi/src/app/Components/Navbar/Navbar.jsx b/vriddhi/src/app/Components/Navbar/Navbar.jsx
index 65aa5f8..225a0b2 100644
--- a/vriddhi/src/app/Components/Navbar/Navbar.jsx
+++ b/vriddhi/src/app/Components/Navbar/Navbar.jsx
@@ -45,20 +45,21 @@ function Navbar() {
               <Link
                 onClick={() => setNavbar((navbar) => !navbar)}
                 href={"/"}
-                className="text-white text-xs font-normal py-6 px-5 font-nidus hover:text-blue-800"
+                className="text-white xl:text-lg lg:text-sm text-[11px] font-normal py-6 px-3 lg:px-5 font-nidus hover:text-blue-800"
               >
                 {navComponent.title}
               </Link>
             </li>
           ))}
-
-          <button
-            className={`font-nidus text-[#D1713C] text-sm md:text-base mx-2 md:mx-0 px-3 md:px-5 border-[1.257px] border-solid border-[#D1713C] rounded-[18.858px] py-1 my-1 mb-2 md:my-0 md:py-2 hover:text-[#f19665] hover:border-[#f19665] ${
-              navbar ? "block" : "hidden"
-            } md:flex`}
-          >
-            REGISTER
-          </button>
+          <Link href={"/register"}>
+            <button
+              className={`font-nidus text-[#D1713C] text-sm md:text-base mx-2 md:mx-0 px-3 md:px-5 border-[1.257px] border-solid border-[#D1713C] rounded-[18.858px] py-1 my-1 mb-2 md:my-0 md:py-2 hover:text-[#f19665] hover:border-[#f19665] ${
+                navbar ? "block" : "hidden"
+              } md:flex`}
+            >
+              REGISTER
+            </button>
+          </Link>
         </ul>
         <a href="https://www.nitrkl.ac.in/" target="blank">
           <Image
@@ -71,7 +72,6 @@ function Navbar() {
         </a>
       </nav>
     </>
-
   );
 }