Merge pull request #23 from Bostonhacks/nav-links

added nav links
Bostonhacks · Aug 27, 2023 · 9f674a6 · 9f674a6
2 parents 5035364 + c0e2cc1
commit 9f674a6
Show file tree

Hide file tree

Showing 6 changed files with 263 additions and 205 deletions.
diff --git a/src/components/LandingPageComponents/Schedule.jsx b/src/components/LandingPageComponents/Schedule.jsx
@@ -5,8 +5,11 @@ import TitleBG from '../../assets/images/TitleBG.svg';
 
 export default function Schedule() {
   return (
-    <div class="flex justify-center items-center flex-col">
-      <div className="relative flex items-center justify-center md:h-[132px] md:w-[431px] h-[57px] w-[186px]">
+    <div className="flex justify-center items-center flex-col">
+      <div
+        className="relative flex items-center justify-center md:h-[132px] md:w-[431px] h-[57px] w-[186px]"
+        id="schedule"
+      >
         <h2 className="z-50 text-center relative md:text-5xl text-4xl pb-1 text-text-primary">
           SCHEDULE
         </h2>

diff --git a/src/components/LandingPageComponents/Sponsor.jsx b/src/components/LandingPageComponents/Sponsor.jsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import felizSponsor from '../../assets/images/felizSponsor.svg';
-import sponsorHeader from '../../assets/images/sponsorHeader.svg';
 import sponsorFaceBox from '../../assets/images/sponsorFaceBox.svg';
 import sponsorHeartGroup from '../../assets/images/sponsorHeartGroup.svg';
 import applyButton from '../../assets/images/applyButton.svg';
@@ -9,24 +8,27 @@ import TitleBG from '../../assets/images/TitleBG.svg';
 export default function Sponsor() {
   const sponsors = [1, 2, 3, 4, 5, 6, 7, 8, 9, 11, 13, 14];
   return (
-    <div class="flex justify-center items-center flex-col">
-      <img src={felizSponsor} alt="schedule" class="mt-20" />
-      <div className="relative flex items-center justify-center md:h-[132px] md:w-[431px] h-[57px] w-[186px] mt-20">
+    <div className="flex justify-center items-center flex-col">
+      <img src={felizSponsor} alt="schedule" className="mt-20" />
+      <div
+        className="relative flex items-center justify-center md:h-[132px] md:w-[431px] h-[57px] w-[186px] mt-20"
+        id="sponsors"
+      >
         <h2 className="z-50 text-center relative md:text-5xl text-4xl pb-1 text-text-primary">
           SPONSORS
         </h2>
         <img className="z-20 absolute" src={TitleBG} alt="TitleBG" />
       </div>
-      <div class="grid md:grid-cols-3 lg:grid-cols-6 gap-20 mt-20">
-        {sponsors.map(() => (
-          <div>
-            <img src={sponsorFaceBox} alt="" />
-            <img src={sponsorHeartGroup} alt="" />
+      <div className="grid grid-cols-3 lg:grid-cols-6 gap-14 lg:gap-20 mt-20 mx-[5vw]">
+        {sponsors.map((sponsor) => (
+          <div key={sponsor}>
+            <img src={sponsorFaceBox} alt="sponsor" />
+            <img src={sponsorHeartGroup} alt="sponor" />
           </div>
         ))}
       </div>
       <button>
-        <img src={applyButton} alt="" class="mt-20" />
+        <img src={applyButton} alt="" className="mt-20" />
       </button>
     </div>
   );

diff --git a/src/components/LandingPageComponents/TrackModals.tsx b/src/components/LandingPageComponents/TrackModals.tsx
@@ -4,7 +4,6 @@ import track2 from '../../assets/images/LandingPage/track2.png';
 import track3 from '../../assets/images/LandingPage/track3.png';
 import Modal from '@mui/material/Modal';
 import TrackModal from './TrackModal';
-import TrackPage from '../../assets/images/LandingPage/TrackModalPage.png';
 import TracksTitleBG from '../../assets/images/LandingPage/TracksTitleBG.svg';
 
 const TrackModals = () => {
@@ -14,7 +13,10 @@ const TrackModals = () => {
 
   return (
     <div className="w-full flex flex-col justify-center items-center">
-      <div className="relative flex items-center justify-center md:h-[132px] md:w-[431px] h-[57px] w-[186px]">
+      <div
+        className="relative flex items-center justify-center md:h-[132px] md:w-[431px] h-[57px] w-[186px]"
+        id="tracks"
+      >
         <h2 className="z-50 text-center relative md:text-5xl text-4xl pb-1 text-text-primary">
           TRACKS
         </h2>