color changes

HackDavis · Dec 5, 2024 · fb356d5 · fb356d5
1 parent 1c84da4
commit fb356d5
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 17 deletions.
diff --git a/app/(pages)/(about-us)/_components/hero/heroStats.module.scss b/app/(pages)/(about-us)/_components/hero/heroStats.module.scss
@@ -9,7 +9,7 @@
   align-items: center;
   justify-content: center;
 
-//   background: #E5C28E; //temp background to see text
+  // background: #E5C28E; //temp background to see text
   padding-left: 10%;
   padding-right: 10%;
   overflow: hidden; 
@@ -40,7 +40,7 @@
     // }
 
     h1{
-      color: #005271;
+      color: #B38F5A;
       font-family: "Metropolis";
       font-size: 64px;
       font-style: normal;

diff --git a/app/(pages)/(about-us)/_components/hero/heroStats.tsx b/app/(pages)/(about-us)/_components/hero/heroStats.tsx
@@ -5,9 +5,9 @@ import CountUp from '@components/CountUp/CountUp';
 
 const statsData = [
   { stat: 750, text: 'HACKERS', suffix: '+', duration: 2000 },
+  { stat: 24, text: 'HOURS', duration: 2000 },
   { stat: 150, text: 'PROJECTS', suffix: '+', duration: 2000 },
   { stat: 15, text: 'PRIZES', prefix: '$', suffix: 'k+', duration: 2000 },
-  { stat: 24, text: 'HOURS', duration: 2000 },
 ];
 
 export default function HeroStats() {

diff --git a/app/(pages)/(about-us)/_components/hero/heroText.module.scss b/app/(pages)/(about-us)/_components/hero/heroText.module.scss
@@ -8,6 +8,8 @@
         font-size: 128px;
         font-style: normal;
         font-weight: 800;
+        line-height: 102%; /* 130.56px */
+        letter-spacing: -3.84px;
     }
     h2 {
         color: #FFF;
@@ -25,7 +27,7 @@
         font-family: 'Metropolis';
         font-size: 32px;
         font-style: normal;
-        font-weight: 400;
+        font-weight: 600;
         line-height: 150%; /* 48px */
         letter-spacing: 0.64px;
     }

diff --git a/app/(pages)/(about-us)/_components/hero/heroText.tsx b/app/(pages)/(about-us)/_components/hero/heroText.tsx
@@ -2,11 +2,15 @@
 import styles from './heroText.module.scss';
 
 export default function HeroText() {
-    return (
-        <div className={styles.container}>
-            <h2>HELLO, WE'RE</h2>
-            <h1>HackDavis</h1>
-            <p>Bringing together the most talented students <br/> and leaders to create for social good</p>
-        </div>
-    );
-}
+  return (
+    <div className={styles.container}>
+      <h2>HELLO, WE'RE</h2>
+      <br />
+      <h1>HackDavis</h1>
+      <p>
+        Bringing together the most talented students <br /> and leaders to
+        create for social good
+      </p>
+    </div>
+  );
+}
diff --git a/app/(pages)/(about-us)/about-us/page.tsx b/app/(pages)/(about-us)/about-us/page.tsx
@@ -1,12 +1,12 @@
-import HeroStats from "../_components/hero/heroStats";
-import HeroText from "../_components/hero/heroText";
+import HeroStats from '../_components/hero/heroStats';
+import HeroText from '../_components/hero/heroText';
 
 export default function AboutUs() {
   return (
     <div>
-      <div style={{margin:'500px'}}>Halo this is the about us page!</div>
-      <HeroText/>
-      <HeroStats/>
+      <div style={{ margin: '500px' }}>Halo this is the about us page!</div>
+      <HeroText />
+      <HeroStats />
     </div>
   );
 }