Company button (#17)

Author: alexzhang1618

src/sections/Hero/index.tsx

@@ -35,13 +35,22 @@ const Hero: React.FC = () => {
           <div className={s.heroInfo}>
             <div>Price Center West Ballroom</div>
             <div>October 17th, 2023 (10am to 4pm)</div>
+            <div className={s.heroSubtitle}>Register Today!</div>
             <a
               className={s.registerButton}
               href="https://acmurl.com/space-registration"
               target="_blank"
               rel="noopener noreferrer"
             >
-              Student Registration
+              Students
+            </a>
+            <a
+              className={s.registerButton}
+              href="https://acmurl.com/space-company-registration"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Companies
             </a>
           </div>
         </div>

src/sections/Hero/style.module.scss

@@ -8,7 +8,7 @@
   .heroTitle {
     position: absolute;
     width: 100%;
-    top: 18%;
+    top: 15%;
     z-index: 1;
   }
 
@@ -38,27 +38,19 @@
     position: absolute;
     height: 100vh;
     width: 100vw;
-    margin-top: 11vw;
+    margin-top: 14vw;
     padding: 0 2rem;
     z-index: 2;
     text-shadow: 0 0 4px vars.$black;
 
-    .heroSubtitle {
-      line-height: 100%;
-      margin-top: 6rem;
-      color: vars.$white;
-      font-size: 40px;
-      font-weight: bolder;
-    }
-
     .heroInfo {
       color: vars.$white;
       font-size: 20px;
     }
 
     .heroSubtitle {
       line-height: 100%;
-      margin-top: 5vw;
+      margin-top: max(2rem, 2vw);
       color: vars.$white;
       font-size: 40px;
       font-weight: bolder;
@@ -80,6 +72,8 @@
     border-radius: 9.86667px;
     display: inline-block;
     margin-top: 1rem;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
     font-size: 1.5rem;
     transition: 0.3s ease;