Rijan/hero

frontend/src/app/MainPage.tsx

@@ -33,8 +33,8 @@ export default function Home() {
       <Judges />
       <Mentors />
       <FAQ />
-      <SponsorPage />
-      <RegisterPage />
+      {/* <SponsorPage /> */}
+      {/* <RegisterPage /> */}
       <Footer />
     </>
   );

frontend/src/app/assets/icons/DiscordHero.tsx

@@ -1,11 +1,21 @@
-const DiscordHero = () => {
+const DiscordHero = ({
+  height = 24,
+  width = 24,
+  className = "",
+}: {
+  height?: number;
+  width?: number;
+  className?: string;
+}) => {
   return (
     <svg
-      width="24"
-      height="17"
+      width={width}
+      height={height}
       viewBox="0 0 33 26"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      style={className ? undefined : { width, height }}
     >
       <path
         d="M27.9222 2.16076C25.8321 1.15352 23.5692 0.422464 21.212 7.47275e-05C21.1913 -0.000608574 21.1708 0.00340101 21.1517 0.0118216C21.1327 0.0202423 21.1158 0.0328694 21.102 0.0488123C20.8191 0.584922 20.4891 1.28349 20.2691 1.8196C17.7689 1.4297 15.2262 1.4297 12.726 1.8196C12.506 1.26724 12.176 0.584922 11.8774 0.0488123C11.8617 0.0163208 11.8146 7.47275e-05 11.7674 7.47275e-05C9.41023 0.422464 7.16303 1.15352 5.05725 2.16076C5.04154 2.16076 5.02583 2.177 5.01011 2.19325C0.735707 8.80527 -0.442897 15.2386 0.138547 21.6069C0.138547 21.6394 0.154262 21.6719 0.185691 21.6881C3.01434 23.8326 5.73299 25.1322 8.4202 25.9933C8.46735 26.0095 8.51449 25.9933 8.53021 25.9608C9.1588 25.0673 9.72453 24.125 10.2117 23.134C10.2431 23.069 10.2117 23.0041 10.1488 22.9878C9.25308 22.6304 8.40449 22.208 7.57161 21.7206C7.50875 21.6881 7.50875 21.5907 7.55589 21.5419C7.72876 21.412 7.90162 21.2658 8.07448 21.1358C8.10591 21.1033 8.15305 21.1033 8.18448 21.1195C13.5903 23.6701 19.4205 23.6701 24.7635 21.1195C24.7949 21.1033 24.8421 21.1033 24.8735 21.1358C25.0464 21.282 25.2192 21.412 25.3921 21.5582C25.455 21.6069 25.455 21.7044 25.3764 21.7369C24.5592 22.2405 23.6949 22.6466 22.7992 23.0041C22.7363 23.0203 22.7206 23.1015 22.7363 23.1503C23.2392 24.1413 23.8049 25.0835 24.4178 25.977C24.4649 25.9933 24.5121 26.0095 24.5592 25.9933C27.2621 25.1322 29.9808 23.8326 32.8094 21.6881C32.8409 21.6719 32.8566 21.6394 32.8566 21.6069C33.548 14.2476 31.7094 7.86302 27.985 2.19325C27.9693 2.177 27.9536 2.16076 27.9222 2.16076ZM11.0288 17.7242C9.41023 17.7242 8.05877 16.1808 8.05877 14.2801C8.05877 12.3793 9.3788 10.836 11.0288 10.836C12.6946 10.836 14.0146 12.3956 13.9989 14.2801C13.9989 16.1808 12.6789 17.7242 11.0288 17.7242ZM21.982 17.7242C20.3634 17.7242 19.0119 16.1808 19.0119 14.2801C19.0119 12.3793 20.332 10.836 21.982 10.836C23.6478 10.836 24.9678 12.3956 24.9521 14.2801C24.9521 16.1808 23.6478 17.7242 21.982 17.7242Z"
@@ -15,4 +25,4 @@ const DiscordHero = () => {
   );
 };
 
-export default DiscordHero;
+export default DiscordHero;

frontend/src/app/components/Navbar/NavbarMob.tsx

@@ -122,11 +122,12 @@ const Navbar = () => {
                 </span>
                 <div className="flex-1 border-t border-dashed border-gray-700/50"></div>
               </div>
-              {/* <SidebarButton
+              <SidebarButton
                 href="/judging-criteria"
                 label="Judging Criteria"
                 icon={judgingIcon}
-              /> */}
+                route="/judging-criteria"
+              />
               <SidebarButton
                 href="/code-of-conduct"
                 label="Code of Conduct"

frontend/src/app/components/Navbar/NavbarPC.tsx

@@ -53,6 +53,9 @@ const NavbarPC = () => {
                       <li className="pt-4 px-6 mb-4">
                         <Link href="/code-of-conduct" className="hover:text-secondary">Code Of Conduct</Link>
                       </li>
+                      <li className="pt-4 px-6 mb-4">
+                        <Link href="/judging-criteria" className="hover:text-secondary">Judging Criteria</Link>
+                      </li>
                     </ul>
                   </div>
                 )}

frontend/src/app/sections/SelectionCriteriaSection/page.tsx

@@ -8,7 +8,7 @@ const page = () => {
 
       <div className={`${cabinetRegular.className} text-base md:text-lg`}>
         <div className="text-white px-6 md:px-24">
-          <h1 className={`headings ${cabinetExtraBold.className} text-3xl md:text-5xl mb-6 md:mb-10 pt-32 md:pt-32`}>
+          <h1 className={`headings ${cabinetExtraBold.className} text-3xl md:text-5xl mb-6 md:mb-10 pt-24 lg:pt-32 md:pt-32`}>
             Selection Criteria
           </h1>
           <p className={`${satoshiRegular.className} leading-7 md:leading-9 mb-6 text-gray-300`}>

frontend/src/app/sections/codeOfConduct/page.tsx

@@ -4,7 +4,7 @@ import { cabinetExtraBold, cabinetRegular } from "@/app/utils/fonts"
 const codeOfConduct = () => {
   return (
     <div className={`${cabinetRegular.className} md:text-lg `}>
-      <h1 className={`headings ${cabinetExtraBold.className} text-5xl mb-16 pt-32 `}>Code Of Conduct</h1>
+      <h1 className={`headings ${cabinetExtraBold.className} text:3xl lg:text-5xl mb-16 lg:pt-32 pt-24 `}>Code Of Conduct</h1>
       <div className="flex flex-col text-white md:px-24 px-10 text-wrap">
           <p className="mb-20 leading-loose">
             Nepal&apos;s developer community is constantly developing. We see it

frontend/src/app/sections/home/Hero.tsx

@@ -3,7 +3,7 @@ import DiscordHero from "@/app/assets/icons/DiscordHero";
 import Devfolio from "@/app/assets/icons/Devfolio"; 
 import styles from "./styles.module.css";
 import DeerHack26Logo from "@/app/assets/icons/Deerhack26";
-import { cabinetBold, cabinetMedium, satoshiBlack, satoshiBold } from "@/fonts";
+import { cabinetBold,cabinetExtraBold, cabinetMedium, satoshiBlack, satoshiBold } from "@/fonts";
 import Link from "next/link";
 // import { useState, useEffect } from "react";
 import Flicker from "@/app/components/Flicker/flicker";
@@ -39,19 +39,31 @@ const Hero = () => {
         </p>
 
         <DeerHack26Logo className="mt-3 h-auto w-full md:mt-6" width={309} height={130} />
-
-        <Link
-          href="https://discord.com/invite/56PAU7sBgZ"
-          className="inline-block"
-          target="_blank"
-        >
-          <div className="flex flex-row w-[182px] h-[47px] lg:w-[256px] lg:h-[67px] md:w-[280px] md:h-[60px] justify-center items-center gap-2 p-4 border-4 border-grape hover:bg-transparent rounded-xl text-white mx-auto mt-7 bg-grape">
-            <DiscordHero />
-            <p className={`text-white ${cabinetBold.className} text-bold text-xs md:text-xl lg:text-xl`}>
-              Join Our Discord!
-            </p>
-          </div>
-        </Link>
+        <div className="flex flex-col justify-center items-center gap-4 md:gap-6 mx-auto mt-7 w-full">
+          <Link 
+            href="https://forms.gle/2dhBc9DEN5a43qVY9"
+            className="w-full flex justify-center items-center"
+            target="_blank"
+          >
+            <div className="border-[1.03px] border-[#FDE7B3] opacity-100 hover:opacity-90 transition-bg duration-150 flex h-[48px] md:h-[48px] lg:w-[80%] w-[95%] justify-center items-center py-4 md:py-7 rounded-[8px] text-[#311863] bg-secondary">
+<p className={`text-[#311863] ${cabinetExtraBold.className} font-extrabold text-xm md:text-xl transition-transform duration-200 hover:scale-110`}>
+                Pre-Register Now
+              </p>
+            </div>
+          </Link>
+          <Link 
+            href="https://discord.com/invite/56PAU7sBgZ"
+            className="inline-block"
+            target="_blank"
+          >
+            <div className="flex flex-row w-[175px] h-[47px] md:w-[280px] md:h-[64px] lg:w-[238.30857849121094px] justify-center items-center gap-2 px-4 lg:px-6 py-3 border-[1px] border-magnolia  hover:bg-[#6633CCD9]  transition-all duration-150 rounded-xl text-white bg-[#6633CC2E]">
+              <DiscordHero className="w-6 h-6 lg:w-[30px] lg:h-[30px]" />
+              <p className={`text-white ${satoshiBold.className} text-xs md:text-xl lg:text-[17px]`}>
+                Join Our Discord
+              </p>
+            </div>
+          </Link>
+        </div>
       </div>
     </div>
   );

frontend/src/app/sections/judgesCriteriaSection/page.tsx

@@ -17,11 +17,11 @@ const page = () => {
   return (
     <div className={`${cabinetRegular.className} text-lg`}>
       <br /><br /><br />
-      <h1 className={`headings ${cabinetExtraBold.className} lg:text-[3.5rem] mb-24 pt-32`}>
+      <h1 className={`headings ${cabinetExtraBold.className} lg:text-[3.5rem] mb-24 lg:pt-32`}>
         {data.title}
       </h1>
 
-      <div className={`${satoshiRegular.className} flex flex-col text-white md:px-24 px-10 text-justify text-wrap font-[400]`}>
+      <div className={`${satoshiRegular.className} flex flex-col text-white md:px-24 px-10 lg:text-justify  text-wrap font-[400]`}>
         {data.sections.map((section, sectionIndex) => (
           <div key={section.title}>
             <h2 className={`lg:text-[2.25rem] headings ${cabinetExtraBold.className} mb-10`}>