Update index.html

index.html

@@ -7,7 +7,7 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
     <script src="https://unpkg.com/[email protected]/dist/mermaid.min.js"></script>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="styles.css">
     <script>
         mermaid.initialize({ startOnLoad: true, theme: 'dark' });
     </script>
@@ -223,11 +223,12 @@ curl -X POST https://your-platform.com/api/users \
         <section class="mb-16">
             <h2 class="text-3xl font-bold mb-6 accent-color">Join Our Community 🎮</h2>
             <p class="text-lg leading-relaxed mb-4">
-                Engage with our mission through our Steam group, saveadultgaming (SAGHOST), where we discuss creative freedom and the future of 18+ gaming. Join us at <a href="https://steamcommunity.com/groups/saveadultgaming" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:underline">Steam Community</a>.
+                Engage with our mission through our Steam group, saveadultgaming (SAGHOST), where we discuss creative freedom and the future of 18+ gaming. Click the image below to join our community at <a href="https://steamcommunity.com/groups/saveadultgaming" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:underline">Steam Community</a>.
             </p>
-            <div class="embed-container">
-               ![image/png](https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/ah2aqi8nmqEhr2YwUmlTc.png)
-
+            <div class="image-container">
+                <a href="https://steamcommunity.com/groups/saveadultgaming" target="_blank" rel="noopener noreferrer" aria-label="Join Steam Group SAGHOST">
+                    <img src="https://cdn-uploads.huggingface.co/production/uploads/6421b1c68adc8881b974a89d/ah2aqi8nmqEhr2YwUmlTc.png" alt="SAGHOST Steam Group" class="community-image">
+                </a>
             </div>
         </section>
 
@@ -269,6 +270,12 @@ curl -X POST https://your-platform.com/api/users \
                 <li class="bg-gray-800 p-6 rounded-lg shadow-hover flex items-center blue-circle colored-bullet">
                     <a href="https://steamcommunity.com/groups/saveadultgaming" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:underline">Join Steam Group SAGHOST</a>
                 </li>
+                <li class="bg-gray-800 p-6 rounded-lg shadow-hover flex items-center green-circle colored-bullet">
+                    <a href="https://huggingface.co/ghostai1/GHOSTSONAFB" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:underline">Explore GhostAI Music Generator</a>
+                </li>
+                <li class="bg-gray-800 p-6 rounded-lg shadow-hover flex items-center purple-circle colored-bullet">
+                    <a href="https://huggingface.co/spaces/ghostai1/GhostPack" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:underline">Explore GhostPack</a>
+                </li>
             </ul>
         </section>