fix: fix the navigation bar links

RealEskalate · Oct 28, 2024 · 56c7747 · 56c7747
1 parent 812e061
commit 56c7747
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 16 deletions.
diff --git a/src/app/components/projects/projects.component.html b/src/app/components/projects/projects.component.html
@@ -1,6 +1,6 @@
 <!-- Project Section (Dark Mode) -->
 <section id="project" class="bg-black py-12 md:px-5 px-4 flex flex-col justify-center items-center">
-  <div class="container mx-auto  flex flex-col justify-center items-center  max-w-6xl">
+  <div id="grandfinalists" class="container mx-auto  flex flex-col justify-center items-center  max-w-6xl">
     <div class="text-center mb-10 mx-auto sm:mx-0  sm:w-full">
       <p
         class="text-4xl font-bold text-transparent bg-gradient-to-r from-indigo-600 to-pink-500 bg-clip-text"
@@ -311,7 +311,7 @@ <h1 class="title-font text-lg font-medium text-white mb-3">
       </div>
     </div>
 
-    <div class="text-center my-16 mx-auto mt-10 sm:mx-0 sm:w-full">
+    <div id="semifinalists" class="text-center my-16 mx-auto mt-10 sm:mx-0 sm:w-full">
       <p
         class="text-4xl font-bold text-transparent bg-gradient-to-r from-indigo-600 to-pink-500 bg-clip-text"
       >

diff --git a/src/app/pages/expo-presenters/expo-presenters.component.html b/src/app/pages/expo-presenters/expo-presenters.component.html
@@ -2,12 +2,13 @@
   id="expo-presenters"
   class="bg_svg min-h-screen px-3 md:px-5 w-full pt-[50px] bg-opacity-60 relative flex flex-col justify-center items-center"
 >
-    <div id="core-dev" class="relative z-30">
+  <div id="semi-finalists" class="relative z-30">
+    <app-semi-finalists></app-semi-finalists>
+  </div>  
+  <div id="core-dev" class="relative z-30">
       <app-core-dev></app-core-dev>
     </div>
-    <div id="semi-finalists" class="relative z-30">
-        <app-semi-finalists></app-semi-finalists>
-      </div>
+
 
 
 </section>
diff --git a/src/app/pages/hackathon-home/hackathon-home.component.html b/src/app/pages/hackathon-home/hackathon-home.component.html
@@ -33,7 +33,7 @@
   <app-winners-2024></app-winners-2024>
 </div>
 
-<div id="semifinals" class="relative z-30">
+<div id="finalists" class="relative z-30">
   <app-projects></app-projects>
 
 </div>

diff --git a/src/app/shared/header/header.component.html b/src/app/shared/header/header.component.html
@@ -36,33 +36,33 @@
           class="absolute -ml-20 hidden group-hover:block w-48 flex-col bg-gray-800 rounded-lg justify-center items-start gap-10 text-white"
         >
           <button
-            (click)="scrollToSection('/hackathon-home#landing')"
+            (click)="scrollToSection('/hackathon-home#prize2024')"
             class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
           >
             2024 Winners 🏆
           </button>
           <button
-            (click)="scrollToSection('/hackathon-home#prize2024')"
+            (click)="scrollToSection('/hackathon-home#grandfinalists')"
             class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
           >
             Grand Finale
           </button>
           <button
-            (click)="scrollToSection('/hackathon-home#quarter')"
+            (click)="scrollToSection('/hackathon-home#semifinalists')"
             class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
           >
             Semifinals 
           </button>
 
           <!-- Column 2 -->
           <button
-            (click)="scrollToSection('/hackathon-home#workshops')"
+            (click)="scrollToSection('/hackathon-home#quarter')"
             class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
           >
             Quarterfinals
           </button>
           <button
-            (click)="scrollToSection('/hackathon-home#info')"
+            (click)="scrollToSection('/hackathon-home#workshop')"
             class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
           >
             Workshops
@@ -547,35 +547,43 @@
                   "
                   class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
                 >
-                  2024 Winners 🏆
+                  Summary
                 </button>
                 <button
                   (click)="
                     scrollToSection('/hackathon-home#prize2024'); toggleMenu()
                   "
                   class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
+                >
+                  2024 Winners 🏆
+                </button>
+                <button
+                  (click)="
+                    scrollToSection('/hackathon-home#grandfinalists'); toggleMenu()
+                  "
+                  class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
                 >
                   Grand Finale
                 </button>
                 <button
                   (click)="
-                    scrollToSection('/hackathon-home#quarter'); toggleMenu()
+                    scrollToSection('/hackathon-home#semifinalists'); toggleMenu()
                   "
                   class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
                 >
                   Semifinals
                 </button>
                 <button
                   (click)="
-                    scrollToSection('/hackathon-home#workshops'); toggleMenu()
+                    scrollToSection('/hackathon-home#quarter'); toggleMenu()
                   "
                   class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
                 >
                   Quarterfinals
                 </button>
                 <button
                   (click)="
-                    scrollToSection('/hackathon-home#info'); toggleMenu()
+                    scrollToSection('/hackathon-home#workshop'); toggleMenu()
                   "
                   class="w-full text-center px-4 py-2 text-sm hover:text-indigo-600"
                 >