DurHack 2024 site - 'Meet the Team'

client/src/app/(home)/page.tsx

@@ -10,16 +10,20 @@ import { Gallery } from "@/components/gallery"
 import { Guilds } from "@/components/guilds"
 import { Splash } from "@/components/splash"
 import { Sponsors } from "@/components/sponsors"
+import { Teams } from "@/components/teams"
 
 import { AnimatedMountain } from "./animated-mountain";
 
 export default function HomePage() {
   return (
     <main>
+
+
       <section id="splash">
         <Splash />
       </section>
 
+
       <section id="about" className="ellipse">
         <About />
       </section>
@@ -44,6 +48,10 @@ export default function HomePage() {
         <Gallery />
       </section>
 
+      <section id="teams">
+        <Teams />
+      </section>
+
       <section id="end">
         <End />
       </section>

client/src/components/navbar.tsx

@@ -37,6 +37,9 @@ export function Navbar() {
         <li>
           <a href="#gallery">Gallery</a>
         </li>
+        <li>
+          <a href="#teams">Teams</a>
+        </li>
         <li className="hidden">
           <a href="#end">Team</a>
         </li>

client/src/styles/background.css

@@ -46,7 +46,6 @@ section#faqs {
     width: 100%;
   }
 }
-
 section#sponsors {
   background: linear-gradient(180deg, #306379, #175a82 50%, #196798);
 }
@@ -59,6 +58,10 @@ section#gallery {
   background: linear-gradient(180deg, #3983ab, #73afc5);
 }
 
-footer {
-  background: #73afc5;
+section#teams {
+  background: linear-gradient(180deg, #73afc5, #89c4d9);
 }
+
+footer {
+  background: #89c4d9;
+}