diff --git a/app.py b/app.py
index a17099e..b67868f 100644
--- a/app.py
+++ b/app.py
@@ -36,5 +36,13 @@ def contact():
 def sponsors():
     return render_template('sponsors.html')
 
+@app.route('/robots')
+@app.route('/robots/<type>')
+def robots(type=None):
+    if type is None:
+        return render_template('robots.html')
+    else:
+        return render_template(f'robots-{type}.html')
+
 if __name__ == '__main__':
     app.run(debug=True)
\ No newline at end of file
diff --git a/static/css/styles.css b/static/css/styles.css
index 7334e93..8a577a9 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -11,6 +11,11 @@ body {
     overflow-x: hidden;
 }
 
+.about-sec-img img:hover {
+    transform: scale(1.1);
+    transition: 0.5s;
+}
+
 .menu-button {
     display: none;
     /* border: 0.25vh solid white; */
@@ -27,7 +32,7 @@ body {
     /* Makes it circular */
     cursor: pointer;
     position: fixed;
-    z-index: 1000000000000000000;
+    z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
     top: 4%;
     left: 50%;
     transform: translateX(-50%);
@@ -56,6 +61,7 @@ body {
     justify-content: center;
     align-items: center;
     overflow-y: auto;
+    z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
 }
 
 .nav-side ul {
@@ -91,6 +97,7 @@ nav {
     justify-content: center;
     align-items: center;
     z-index: 1000;
+    z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
 }
 
 .nav-container {
@@ -100,7 +107,7 @@ nav {
     list-style: none;
     gap: 1%;
     padding: 1%;
-    width: 56vw;
+    width: 85vw;
     height: 6vh;
     border-radius: 50vh;
     background-color: rgba(0, 0, 0, .25);
@@ -118,20 +125,24 @@ nav {
         display: none;
     }
 
+    .buttons {
+        top: 80%!important;
+    }
+
     .menu-button {
         display: flex;
         display: block !important;
     }
 
     .competition-header {
-        flex-direction: column!important;
-        gap: 0%!important;
-        margin: 0%!important;
-        padding: 0%!important;
+        flex-direction: column !important;
+        gap: 0% !important;
+        margin: 0% !important;
+        padding: 0% !important;
     }
 
     .middle-dot {
-        display: none!important;
+        display: none !important;
     }
 
     nav {
@@ -192,7 +203,7 @@ nav {
 
     .sponsors-card {
         margin-top: 3% !important;
-        max-width: 85vw !important;
+        max-width: 85% !important;
         max-height: 25vw !important;
         margin-bottom: 15% !important;
     }
@@ -293,6 +304,10 @@ nav {
     margin-top: 5%;
 }
 
+#robo {
+    margin-top: 15%;
+}
+
 #team {
     margin-top: 5vh;
 }
@@ -335,6 +350,14 @@ nav {
     padding-left: 10%;
 }
 
+.heading2 {
+    font-size: 1.5rem;
+    color: rgb(250, 250, 250);
+    font-family: sans-serif;
+    padding-left: 10%;
+    padding-top: 5%;
+}
+
 hr {
     color: rgb(64, 64, 64)
 }
@@ -411,6 +434,7 @@ hr {
     font-style: normal;
     font-size: 1.75rem;
     text-align: center;
+    opacity: 1;
 }
 
 .card-container {
@@ -431,7 +455,7 @@ hr {
     display: inline-block;
     position: relative;
     transition: transform 0.3s ease;
-    border: white solid .25vh;
+    border: #616161 solid .25vh;
 }
 
 .card-content {
@@ -462,6 +486,15 @@ hr {
     justify-content: center;
 }
 
+.rob {
+    margin: 0;
+    padding-top: 8vh;
+    position: absolute;
+    width: 100%;
+    /* height: 100%; */
+    justify-content: center;
+}
+
 .competitions {
     margin: 0;
     padding: 0;
@@ -481,13 +514,42 @@ hr {
     align-items: center;
 }
 
+.buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 3%;
+    width: 20%;
+    position: absolute;
+    top: 73%;
+    z-index: 1000000;
+}
+
+.buttons button {
+    height: 65px;
+    width: 65px;
+    box-sizing: border-box;
+    color: #616161;
+    background-color: #0f0f0f;
+    border: 0.25vh solid #616161;
+    text-align: center;
+    border-radius: 10px;
+    transition: 0.5s;
+    cursor: pointer;
+}
+
+.buttons button:hover {
+    color: white;
+}
+
 .bg img {
     width: 100%;
     height: 100%;
     /* object-fit: cover;
     overflow: hidden; */
     transition: .5s;
-    filter: brightness(0.85);
+    filter: brightness(1.0);
 }
 
 .bg::after {
@@ -574,7 +636,7 @@ hr {
 }
 
 .stats-container {
-    border: 0.25vh white solid;
+    border: 0.25vh #616161 solid;
     width: 100%;
     background-color: rgb(15, 15, 15);
     border-radius: 1.5vh;
@@ -723,7 +785,7 @@ hr {
     /* display: inline-block; */
     position: relative;
     transition: transform 0.3s ease;
-    border: white solid .25vh;
+    border: #616161 solid .25vh;
 }
 
 .card-content-sponsors {
@@ -739,7 +801,7 @@ hr {
     height: auto;
     transition: transform 0.3s ease;
     filter: brightness(0) invert(1);
-    opacity: 0.5;
+    opacity: 1;
 }
 
 .sponsors-container {
@@ -750,6 +812,14 @@ hr {
     margin-left: 4%;
 }
 
+#sponnnnn {
+    background-color: #0f0f0f;
+    border: 0.25vh solid #616161;
+    padding: 5%;
+    box-sizing: border-box;
+    border-radius: 10px;
+} 
+
 .card-sponsors:hover img {
     transform: scale(1.2);
     opacity: 1;
@@ -758,6 +828,7 @@ hr {
 .contributors {
     margin: 0;
     padding: 0;
+    margin-bottom: 5%;
     position: absolute;
     width: 100%;
     height: 100%;
@@ -775,7 +846,7 @@ hr {
 
 .meet-our-team-container {
     position: relative;
-    border: 0.25vh white solid;
+    border: 0.25vh #616161 solid;
     width: 100%;
     border-radius: 1.5vh;
     margin-top: 10%;
@@ -790,6 +861,7 @@ hr {
     margin: 0;
     padding: 0;
     filter: brightness(.75);
+    border-radius: 7px;
     transition: 5s;
 }
 
@@ -915,13 +987,17 @@ hr {
     flex-wrap: wrap;
     justify-content: center;
     margin: auto;
-    padding-bottom: 5%;
+    padding-bottom: 3%;
     gap: 3%;
+    background-color: #0f0f0f;
+    border: #616161 0.25vh solid;
     /* border-top: white 0.25vh solid;
     border-right: white 0.25vh solid;
     border-left: white 0.25vh solid;
     border-top-right-radius: 1.5vh;
     border-top-left-radius: 1.5vh; */
+    margin-bottom: 3%;
+    border-radius: 10px;
 }
 
 @media only screen and (max-width: 850px) {
@@ -971,6 +1047,8 @@ hr {
     background-color: rgb(15, 15, 15);
     border-radius: 10px;
     border: white 0.25vh solid;
+    position: relative;
+    overflow: hidden;
 }
 
 .member-card:hover {
@@ -1104,9 +1182,16 @@ hr {
 .competition-card {
     width: 100%;
     /* background-color: lightgrey; */
-    margin: 0;
-    padding: 0;
+    padding-left: 5%;
     position: relative;
+    background-color: #0F0F0F;
+    padding-top: 2%;
+    padding-bottom: 2%;
+    padding-right: 2%;
+    box-sizing: border-box;
+    border-radius: 10px;
+    border: #616161 0.25vh solid;
+    margin-top: 3%;
 }
 
 .competition-card-img {
@@ -1217,11 +1302,26 @@ span.about::after {
     right: -1%;
 }
 
+span.robots::before,
+span.robots::after {
+    content: "🤖";
+    font-size: 2.5vh;
+    top: 14%;
+    left: 8%;
+}
+
+span.robots::after {
+    top: revert;
+    left: revert;
+    bottom: 75%;
+    right: 82%;
+}
+
 span.stats::before,
 span.stats::after {
     content: "📊";
     font-size: 2.5vh;
-    top: -5%;
+    top: -1%;
     left: -1%;
 }
 
@@ -1321,17 +1421,19 @@ span.emoji:active::after {
     height: 75vh;
     overflow: hidden;
     transition: .5s;
-    border: 2px rgb(250, 250, 250) solid;
+    border: 2px rgb(97, 97, 97) solid;
     border-radius: 10px;
     margin-bottom: 5%;
+    /* padding: 2%; */
 }
 
 .about-section-imgp img {
     width: 100%;
     transition: .5s;
-    height: auto;
+    max-height: 100%;
     ;
     object-fit: cover;
+    border-radius: 7px;
 }
 
 .about-section-imgp p {
@@ -1369,9 +1471,9 @@ span.emoji:active::after {
     border: 2px white solid;
 }
 
-.about-section-imgp img:hover {
+/* .about-section-imgp img:hover {
     transform: scale(1.025);
-}
+} */
 
 .about-section-imgp-l img:hover {
     transform: scale(1.025);
@@ -1397,6 +1499,20 @@ span.emoji:active::after {
         margin-bottom: 5%;
     }
 
+    .robo-inner {
+        flex-direction: column !important;
+    }
+
+    .robo-card {
+        width: 100% !important;
+        height: 40vh !important;
+    }
+
+    .robo-card img {
+        width: 100% !important;
+        height: auto !important;
+    }
+
     .contact-content {
         background-image: none;
     }
@@ -1445,3 +1561,98 @@ span.emoji:active::after {
     }
 }
 
+#robo {
+    margin-top: 5%;
+}
+
+.robots-container {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    margin-top: 3.5%;
+
+}
+
+.robots-inner {
+    width: 84%;
+    gap: 3%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+.robo-card img {
+    height: 100%;
+    transition: .1s;
+    filter: brightness(0.75);
+}
+
+.robo-card img:hover {
+    transform: scale(1.025);
+}
+
+.robo-card {
+    width: 30.333333333333333333%;
+    height: 50vh;
+    background-color: rgb(15, 15, 15);
+    border-radius: 1.5vh;
+    overflow: hidden;
+    margin-bottom: 4%;
+    text-decoration: none;
+    display: inline-block;
+    position: relative;
+    transition: transform 0.3s ease;
+    border: white solid .25vh;
+}
+
+/* .robo-card-img::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 30%;
+    background: linear-gradient(to top, black, rgba(5, 8, 28, 0));
+    pointer-events: none;
+    z-index: 1;
+} */
+
+.robo-card p {
+    z-index: 10000000000 !important;
+    color: white;
+    text-decoration: none;
+    background: none;
+}
+
+.robo-card-txt {
+    position: absolute;
+    bottom: 5%;
+    left: 5%;
+    margin: 0;
+    padding: 0;
+    background: none;
+    opacity: 0.90;
+}
+
+.robo-card-name {
+    font-size: 3rem;
+    padding: 0;
+    margin: 0;
+    color: white;
+    font-family: "Orbitron", serif;
+    font-weight: 700;
+}
+
+.robo-card-desc {
+    font-size: 1.2rem;
+    padding: 0;
+    margin: 0;
+    color: white;
+    font-family: "Orbitron", serif;
+    font-weight: 700;
+    opacity: 0.70;
+}
\ No newline at end of file
diff --git a/static/images/abyss.png b/static/images/abyss.png
new file mode 100644
index 0000000..cdd5f47
Binary files /dev/null and b/static/images/abyss.png differ
diff --git a/static/images/fw.png b/static/images/fw.png
new file mode 100644
index 0000000..8bf1945
Binary files /dev/null and b/static/images/fw.png differ
diff --git a/static/images/storm22222.png b/static/images/storm22222.png
new file mode 100644
index 0000000..a1e0028
Binary files /dev/null and b/static/images/storm22222.png differ
diff --git a/static/images/storm222222.png b/static/images/storm222222.png
new file mode 100644
index 0000000..db5f2f8
Binary files /dev/null and b/static/images/storm222222.png differ
diff --git a/static/images/teeaam.png b/static/images/teeaam.png
new file mode 100644
index 0000000..fb52b3e
Binary files /dev/null and b/static/images/teeaam.png differ
diff --git a/static/images/teeaam2.png b/static/images/teeaam2.png
new file mode 100644
index 0000000..8d64d00
Binary files /dev/null and b/static/images/teeaam2.png differ
diff --git a/templates/base.html b/templates/base.html
index 449ef3e..7c78067 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -30,6 +30,12 @@
             <li class="nav-item-center">
                 <a href="/sponsors">Sponsors</a>
             </li>
+            <!-- <li class="nav-item-center">
+                <a href="/robots">Robots</a>
+            </li>
+            <li class="nav-item-center">
+                <a href="/contact">Outreach</a>
+            </li> -->
             <li class="nav-item-center">
                 <a href="/contact">Contact</a>
             </li>
diff --git a/templates/contributors.html b/templates/contributors.html
index 8471efc..68efb37 100644
--- a/templates/contributors.html
+++ b/templates/contributors.html
@@ -7,31 +7,32 @@
 <body>
     <div class="contributors">
         <div class="team-info">
-        <div class="stats-container" id="stats2">
-            <h1 class="heading"><span class="emoji stats">Our stats</span></h1>
-            <hr>
-            
-            <div class="stats-cards">
-                <div class="stats-card">
-                    <h1 class="stats-card-header">2</h1>
-                    <p class="stats-card-info">year of robotics</p>
-                </div>
-                <div class="stats-card">
-                    <h1 class="stats-card-header">2</h1>
-                    <p class="stats-card-info">awards this season</p>
-                </div>
-                <div class="stats-card">
-                    <h1 class="stats-card-header">7</h1>
-                    <p class="stats-card-info">total awards won</p>
-                </div>
-                <div class="stats-card">
-                    <h1 class="stats-card-header">9</h1>
-                    <p class="stats-card-info">team members</p>
-                </div>
-            </div>
+            <div class="stats-container" id="stats2">
+                <h1 class="heading"><span class="emoji stats">Our stats</span></h1>
+                <hr>
 
-            <button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
-        </div>
+                <div class="stats-cards">
+                    <div class="stats-card">
+                        <h1 class="stats-card-header">2</h1>
+                        <p class="stats-card-info">year of robotics</p>
+                    </div>
+                    <div class="stats-card">
+                        <h1 class="stats-card-header">2</h1>
+                        <p class="stats-card-info">awards this season</p>
+                    </div>
+                    <div class="stats-card">
+                        <h1 class="stats-card-header">7</h1>
+                        <p class="stats-card-info">total awards won</p>
+                    </div>
+                    <div class="stats-card">
+                        <h1 class="stats-card-header">9</h1>
+                        <p class="stats-card-info">team members</p>
+                    </div>
+                </div>
+
+                <button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
+                    our log</button>
+            </div>
         </div>
         <br>
         <h1 class="heading"><span class="emoji sponsors" id="team">Our mentor and coach</span></h1>
@@ -45,52 +46,52 @@
             </div>
         </div>
         <h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
-        <hr>      
+        <hr>
         <p class="info">⭐ meet our amazing team! ⭐</p>
 
         <div class="members-container">
 
-            <div class="member-card">
+            <div class="member-card" id="hardware">
                 <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
                 <h2 class="member-name">Samuel</h2>
                 <p class="member-role">HARDWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="hardware">
                 <img class="member-image" src="{{ url_for('static', filename='images/anish.png') }}">
                 <h2 class="member-name">Anish</h2>
                 <p class="member-role">HARDWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="hardware">
                 <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
                 <h2 class="member-name">Daniel</h2>
                 <p class="member-role">HARDWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="hardware">
                 <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
                 <h2 class="member-name">Stephen</h2>
                 <p class="member-role">HARDWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="software">
                 <img class="member-image" src="{{ url_for('static', filename='images/new-keshav.png') }}">
                 <h2 class="member-name">Keshav</h2>
                 <p class="member-role">SOFTWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="software">
                 <img class="member-image" src="{{ url_for('static', filename='images/sujay.png') }}">
                 <h2 class="member-name">Sujay</h2>
                 <p class="member-role">SOFTWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="software">
                 <img class="member-image" src="{{ url_for('static', filename='images/abhi.png') }}">
                 <h2 class="member-name">Abhiram</h2>
                 <p class="member-role">SOFTWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="hardware">
                 <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
                 <h2 class="member-name">Caitlin</h2>
                 <p class="member-role">ALUMNI; HARDWARE</p>
             </div>
-            <div class="member-card">
+            <div class="member-card" id="software">
                 <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
                 <h2 class="member-name">Krith</h2>
                 <p class="member-role">OUTREACH</p>
@@ -99,6 +100,56 @@
         </div>
 
     </div>
+
+    <script>
+        function createConfetti(emoji, originX, originY) {
+            const confettiCount = 40;
+            for (let i = 0; i < confettiCount; i++) {
+                let confetti = document.createElement("div");
+                confetti.innerHTML = emoji;
+                confetti.style.position = "fixed";
+                confetti.style.left = `${originX}px`;
+                confetti.style.top = `${originY}px`;
+                confetti.style.fontSize = `${Math.random() * 2 + 1.5}rem`;
+                confetti.style.pointerEvents = "none";
+                confetti.style.opacity = "0";
+
+                document.body.appendChild(confetti);
+
+                let angle = Math.random() * Math.PI * 2;
+                let velocityX = Math.cos(angle) * (Math.random() * window.innerWidth * 0.5);
+                let velocityY = -Math.abs(Math.sin(angle) * (Math.random() * window.innerHeight * 0.5));
+
+                let fallX = velocityX * 1.2;
+                let fallY = window.innerHeight;
+
+                
+                confetti.animate([
+                    { transform: `translate(0, 0) scale(1)`, opacity: 0 }, 
+                    { transform: `translate(${velocityX}px, ${velocityY}px) scale(1.2)`, opacity: 1, offset: 0.2 }, 
+                    { transform: `translate(${fallX}px, ${fallY}px) scale(0.8)`, opacity: 0, offset: 1 } 
+                ], {
+                    duration: 6000 + Math.random() * 1000,
+                    easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
+                });
+
+                setTimeout(() => confetti.remove(), 7000); 
+            }
+        }
+
+        document.querySelectorAll("#software, #hardware").forEach(card => {
+            card.addEventListener("mouseenter", (event) => {
+                let emoji = card.id === "software" ? "😊" : "💩";
+                let rect = card.getBoundingClientRect();
+                let originX = event.clientX; 
+                let originY = event.clientY; 
+                createConfetti(emoji, originX, originY);
+            });
+        });
+
+
+
+    </script>
 </body>
 
 {% endblock %}
\ No newline at end of file
diff --git a/templates/home.html b/templates/home.html
index 7cf9503..2168b40 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -5,89 +5,119 @@
 {% block content %}
 
 <body>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <div class="home">
         <div class="bg">
-        <img src="{{ url_for('static', filename='images/techturb.gif') }}">
-        <div class="border-triangle"></div>
+            <img src="{{ url_for('static', filename='images/techturb.gif') }}">
+            <div class="buttons">
+                <button onclick="window.open('https://www.instagram.com/technicalturbulence23344/', '_blank');"> 
+                    <i data-feather="instagram"></i>
+                </button>
+                <button onclick="window.open('mailto:technicalturbulence@gmail.com', '_blank');"> <i data-feather="mail"></i>
+                </button>
+                <button onclick="window.open('https://youtube.com/@TechnicalTurbulenceFTC', '_blank');"> <i data-feather="youtube"></i></button>
+            </div>
+            <div class="border-triangle"></div>
         </div>
         <h1 class="heading"><span class="emoji about">About</span></h1>
         <hr>
         <div class="home-info">
-        <h1 class="sub-header" id="cool-font">We are Technical Turbulence.</h1>
-        <div class="about-section-imgp">
-            <div class="about-sec-img">
-            <img src="{{ url_for('static', filename='images/main1.png') }}">
+            <h1 class="sub-header" id="cool-font">👋 We are Technical Turbulence.</h1>
+            <div class="about-section-imgp">
+                <div class="about-sec-img">
+                    <img src="{{ url_for('static', filename='images/teeaam.png') }}">
+                </div>
+                <p class="sub-content">Team 23344, Technical Turbulence, is a community-based returning team situated
+                    around Plano and Frisco Texas, comprising nine members primarily consisting of sophomores from
+                    different high schools. Our rookie year was 2023 and we hope to learn much more in the years to
+                    come. We want to grow our numbers and increase our outreach towards different communities so we can
+                    be the best that we can.</p>
             </div>
-        <p class="sub-content">Team 23344, Technical Turbulence, is a community-based returning team situated around Plano and Frisco Texas, comprising nine members primarily consisting of sophomores from different high schools. Our rookie year was 2023 and we hope to learn much more in the years to come. We want to grow our numbers and increase our outreach towards different communities so we can be the best that we can.</p>
-        </div>
-        <div class="about-section-imgp">
-            <!-- <div class="about-sec-img">
+            <div class="about-section-imgp">
+                <!-- <div class="about-sec-img">
             <img src="{{ url_for('static', filename='images/robo.png') }}">
             </div> -->
-        <p class="sub-content">Since we are designated as veterans this year, our members bring substantial experience from their involvement with FTC 12900 Quantum Claw and 22201 The Edge Robotics. Operating from our dedicated garage workshop, we uphold the fundamental values of FIRST, integrating Gracious Professionalism into our daily endeavors. </p>
-        </div>
-        <div class="stats-container">
-            <h1 class="heading"><span class="emoji stats">Our stats</span></h1>
-            <hr>
-
-            <div class="stats-cards">
-                <div class="stats-card">
-                    <h1 class="stats-card-header">2</h1>
-                    <p class="stats-card-info">year of robotics</p>
-                </div>
-                <div class="stats-card">
-                    <h1 class="stats-card-header">2</h1>
-                    <p class="stats-card-info">awards this season</p>
-                </div>
-                <div class="stats-card">
-                    <h1 class="stats-card-header">7</h1>
-                    <p class="stats-card-info">total awards won</p>
-                </div>
+                <p class="sub-content">Since we are designated as veterans this year, our members bring substantial
+                    experience from their involvement with FTC 12900 Quantum Claw and 22201 The Edge Robotics. Operating
+                    from our dedicated garage workshop, we uphold the fundamental values of FIRST, integrating Gracious
+                    Professionalism into our daily endeavors. </p>
             </div>
+            <div class="stats-container">
+                <h1 class="heading"><span class="emoji stats">Our stats</span></h1>
+                <hr>
 
-            <button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
-        </div>
+                <div class="stats-cards">
+                    <div class="stats-card">
+                        <h1 class="stats-card-header">2</h1>
+                        <p class="stats-card-info">year of robotics</p>
+                    </div>
+                    <div class="stats-card">
+                        <h1 class="stats-card-header">2</h1>
+                        <p class="stats-card-info">awards this season</p>
+                    </div>
+                    <div class="stats-card">
+                        <h1 class="stats-card-header">7</h1>
+                        <p class="stats-card-info">total awards won</p>
+                    </div>
+                </div>
+
+                <button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
+                    our log</button>
+            </div>
 
         </div>
         <h1 class="heading"><span class="emoji gallary">Our mission</span></h1>
         <hr>
         <div class="home-info">
 
-        <h1 class="sub-header">✊ One team, one goal.</h1>
-        <p class="sub-content">We aim to show individuals that with teamwork, creativity, and persistence, anyone can design, build, and code robots. Our mission is part of an outreach initiative to guide young minds toward STEM and skill-building opportunities in robotics and technology. Through this unifying goal, we want to empower young students to learn, grow, and join FTC in the future.</p>
+            <h1 class="sub-header">✊ One team, one goal.</h1>
+            <p class="sub-content">We aim to show individuals that with teamwork, creativity, and persistence, anyone
+                can design, build, and code robots. Our mission is part of an outreach initiative to guide young minds
+                toward STEM and skill-building opportunities in robotics and technology. Through this unifying goal, we
+                want to empower young students to learn, grow, and join FTC in the future.</p>
 
             <div class="meet-our-team-container">
                 <img id="meet-our-team" src="{{ url_for('static', filename='images/team.png') }}">
-                <button class="bottom-center-button" onclick="window.location.href = '{{ url_for('contributors') }}' ; ">Meet Our Team</button>
+                <button class="bottom-center-button"
+                    onclick="window.location.href = '{{ url_for('contributors') }}' ; ">Meet Our Team</button>
             </div>
 
         </div>
-        
-            
-            <h1 class="heading"><span class="emoji sponsors">Sponsors</span></h1>
-            <hr>
+
+
+        <h1 class="heading"><span class="emoji sponsors">Sponsors</span></h1>
+        <hr>
 
         <div class="home-info">
-        <p class="sub-content">We, FTC team Technical Turbulence, want to inspire the next generation by sharing our journey in robotics and the exciting world of FTC. By demonstrating our robot and showcasing the engineering behind it, we hope to spark curiosity in young minds about STEM fields.
-</p>
+            <p class="sub-content">We, FTC team Technical Turbulence, want to inspire the next generation by sharing our
+                journey in robotics and the exciting world of FTC. By demonstrating our robot and showcasing the
+                engineering behind it, we hope to spark curiosity in young minds about STEM fields.
+            </p>
 
-        <h1 class="sub-header">❤️ And we couldn't have done it without...</h1>
+            <h1 class="sub-header">❤️ And we couldn't have done it without...</h1>
 
-        <div class="sponsors-container">
+            <div class="sponsors-container" id="sponnnnn">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/ray.png') }}">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/cen3.png') }}">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/ti.png') }}">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/twc.png') }}">
-        </div>
+                <img src="{{ url_for('static', filename='images/fw.png') }}" alt="Image 3">
+            </div>
 
-        <div class="sponsors-more-container">
-            <button type="button" id="sponsors-more-button" onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
-        </div>
+            <div class="sponsors-more-container">
+                <button type="button" id="sponsors-more-button"
+                    onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
+            </div>
 
         </div>
 
-        </div>
     </div>
+    </div>
+
+    <script>
+        feather.replace({ width: "40", height: "40" });
+    </script>
+    
 </body>
 
 {% endblock %}
\ No newline at end of file
diff --git a/templates/robots-storm.html b/templates/robots-storm.html
new file mode 100644
index 0000000..3d3b7c8
--- /dev/null
+++ b/templates/robots-storm.html
@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block title %}Technical Turbulence - Home{% endblock %}
+
+{% block content %}
+
+<body>
+  <div class="robot-specific">
+    <h1 class="heading2" id="spon"><span class="emoji robots">Storm</span></h1>
+    <hr>
+  </div>
+</body>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/robots.html b/templates/robots.html
new file mode 100644
index 0000000..9e3e7ba
--- /dev/null
+++ b/templates/robots.html
@@ -0,0 +1,41 @@
+{% extends "base.html" %}
+
+{% block title %}Technical Turbulence - Home{% endblock %}
+
+{% block content %}
+
+<body>
+  <div class="rob">
+    <h1 class="heading" id="spon"><span class="emoji robots">Robots</span></h1>
+    <hr>
+    <p class="info">🤖 we've built and designed several robots. 🤖</p
+  </div>
+
+  <div class="robots-container">
+    <div class="robots-inner">
+
+      <a class="robo-card" href="https://www.youtube.com/watch?v=dQw4w9WgXc">
+        <div class="robo-card-img">
+          <img src="{{ url_for('static', filename='images/abyss.png') }}">
+        </div>
+          <div class="robo-card-txt">
+            <p class="robo-card-name">Abyss</p>
+            <p class="robo-card-desc">2024 · INTO THE DEEP</p>
+          </div>
+        </a>
+      
+      <a class="robo-card" href="/robots/storm">
+      <div class="robo-card-img">
+        <img src="{{ url_for('static', filename='images/storm222222.png') }}">
+      </div>
+        <div class="robo-card-txt">
+          <p class="robo-card-name">Storm</p>
+          <p class="robo-card-desc">2023 · CENTERSTAGE</p>
+        </div>
+      </a>
+      
+    </div>
+  </div>
+</body>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/sponsors.html b/templates/sponsors.html
index 404735f..77d1049 100644
--- a/templates/sponsors.html
+++ b/templates/sponsors.html
@@ -32,6 +32,11 @@
                         <img src="{{ url_for('static', filename='images/twc.png') }}" alt="Image 3">
                     </div>
                 </a>
+                <a href="https://www.fabworks.com/" target="_blank" class="card-sponsors">
+                    <div class="card-content-sponsors">
+                        <img src="{{ url_for('static', filename='images/fw.png') }}" alt="Image 3">
+                    </div>
+                </a>
             </div>
         </div>