index.html: Add 2022 team video and 2022 team photo

index.html

@@ -43,7 +43,7 @@ <h1 class="text-5xl font-bold">NaviGator</h1>
     </div>
 
     <!-- Mission Section -->
-    <section class="py-16 bg-gray-300">
+    <section class="py-8 bg-gray-300">
         <div class="max-w-6xl mx-auto text-center">
             <h2 class="text-3xl font-bold mb-12 font-light">Our Mission</h2>
             <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@@ -86,7 +86,7 @@ <h3 class="text-xl font-medium mb-2">Extensively Tested Software</h3>
     </section>
 
     <!-- About Section -->
-    <section class="py-16 bg-gray-300">
+    <section class="py-8 bg-gray-300">
         <div class="max-w-6xl mx-auto text-center">
             <h2 class="text-3xl font-bold font-light mb-6 text-left px-10">About Us</h2>
             <p class="text-gray-600 mb-6 text-left px-10">NaviGator AMS is a set of maritime vehicles built by students in the Machine Intelligence Laboratory (MIL) at the University of Florida (UF) for the Maritime RobotX competition.</p>
@@ -95,5 +95,25 @@ <h2 class="text-3xl font-bold font-light mb-6 text-left px-10">About Us</h2>
         </div>
     </section>
 
+    <!-- Video Section -->
+    <section class="py-8 bg-gray-300">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-3xl font-bold font-light mb-6 text-left px-10">Watch our Journey</h2>
+            <p class="text-gray-600 text-left px-10 mb-6">This video was made for the 2022 RobotX competition!</p>
+            <div class="flex justify-center">
+                <iframe class="max-w-5xl w-full aspect-video rounded-lg" src="https://www.youtube.com/embed/gQAfHJL4BPw"></iframe>
+            </div>
+        </div>
+
+    <!-- Team Section -->
+    <section class="py-8 bg-gray-300">
+        <div class="max-w-6xl mx-auto text-center">
+            <h2 class="text-3xl font-bold font-light mb-6 text-left px-10">Meet the Team</h2>
+            <p class="text-gray-600 text-left px-10 mb-6">Our team is composed of students from various disciplines at the University of Florida. We are a group of passionate individuals who are dedicated to the development of autonomous maritime systems.</p>
+            <div class="flex justify-center">
+                <img src="./assets/robotx_2022_team_1.jpg" alt="Team Photo" class="max-w-5xl w-full rounded-lg">
+            </div>
+        </div>
+    </section>
 </body>
 </html>