feat: update index.html and style.css with new CTA buttons for improved navigation and user experience

Author: Tkemper2

web/index.html

@@ -70,13 +70,16 @@ <h2>Our Research Questions</h2>
 
   <hr />
 
-  <p>
-    👉 <a href="conclusion.html">Continue to results and conclusions →</a>
-  </p>
+  <div class="cta-button">
+  <a href="./viz/">View Results & Conclusions</a>
+  </div>
 
-  <p>
-    👉 <a href="./viz/">Go to visualization</a><br />
-    👉 <a href="./community/#/User_community">Explore user communities</a>
-  </p>
+  <div class="cta-button">
+  <a href="./community/#/User_community">View Results & Conclusions</a>
+  </div>
+
+  <div class="cta-button">
+  <a href="./conclusion.html">View Results & Conclusions</a>
+  </div>
 </body>
 </html>

web/style.css

@@ -102,4 +102,27 @@ blockquote {
     margin-bottom: 40px;
     color: #777;
     font-weight: bold;
+}
+
+.cta-button {
+  text-align: center;
+  margin: 50px 0;
+}
+
+.cta-button a {
+  display: inline-block;
+  padding: 14px 28px;
+  font-size: 1rem;
+  font-weight: 600;
+  text-decoration: none;
+  color: white;
+  background-color: #e74c3c;
+  border-radius: 999px;
+  box-shadow: 0 8px 24px rgba(231, 76, 60, 0.25);
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.cta-button a:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 12px 30px rgba(231, 76, 60, 0.35);
 }