updated track titles

Bostonhacks · Sep 24, 2023 · 3abf1be · 3abf1be
1 parent 6a2e641
commit 3abf1be
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 3 deletions.
diff --git a/src/assets/images/LandingPage/naturebg.svg b/src/assets/images/LandingPage/naturebg.svg
diff --git a/src/assets/images/LandingPage/track1.png b/src/assets/images/LandingPage/track1.png
diff --git a/src/assets/images/LandingPage/track2.png b/src/assets/images/LandingPage/track2.png
diff --git a/src/assets/images/LandingPage/track3.png b/src/assets/images/LandingPage/track3.png
diff --git a/src/components/LandingPageComponents/TrackModals.tsx b/src/components/LandingPageComponents/TrackModals.tsx
@@ -34,15 +34,27 @@ const TrackModals = () => {
               setTrack1Open(true);
             }}
           >
-            <img src={track1} alt="track 1" />
+            <img src={track1} alt="track 1" className="mb-[1vw]" />
+            <label className="font-misterpixel text-2xl text-white">
+              <span className="border-y-2 md:border-y-4 md:py-1">DIGITAL</span>{' '}
+              <span className="border-y-2 md:border-y-4 md:py-1">DREAMERS</span>
+            </label>
           </button>
           <button
             className="mt-[10vh] md:mt-0 z-50"
             onClick={() => {
               setTrack2Open(true);
             }}
           >
-            <img src={track2} alt="track 2" />
+            <img src={track2} alt="track 2" className="mb-[1vw]" />
+            <label className="font-misterpixel text-2xl text-white">
+              <span className="border-y-2 md:border-y-4 md:py-1">
+                INCLUSIVE
+              </span>{' '}
+              <span className="border-y-2 md:border-y-4 md:py-1">
+                INNOVATION
+              </span>
+            </label>
           </button>
           <button
             className="mt-[10vh] md:mt-0 z-50"
@@ -51,6 +63,14 @@ const TrackModals = () => {
             }}
           >
             <img src={track3} alt="track 3" />
+            <label className="font-misterpixel text-2xl text-white">
+              <span className="border-y-2 md:border-y-4 md:py-1">
+                SUSTAINABLE
+              </span>{' '}
+              <span className="border-y-2 md:border-y-4 md:py-1">
+                SOLUTIONS
+              </span>
+            </label>
           </button>
         </div>
         <Modal