modified: templates/landing.html

templates/landing.html

@@ -326,11 +326,31 @@
 
         <section class="contact-section">
             <div class="text-center">
-                <h2><i class="fas fa-gamepad"></i> CreativeChat Archive</h2>
+                <h2><i class="fas fa-archive"></i> LudiMC Chat Archive</h2>
-                <p style="color: #a0aec0; margin-bottom: 1.5rem;">Check out my Minecraft chat archive from LudiMC featuring creative chats from 2020-2021!</p>
+                <p style="color: #a0aec0; margin-bottom: 1rem;">Explore the complete chat history from LudiMC - the official Minecraft server of Ludi et Historia!</p>
-                <p style="color: #e2e8f0; margin-bottom: 2rem;">Relive the memories and conversations from the golden days of our Minecraft community.</p>
+                <p style="color: #e2e8f0; margin-bottom: 1.5rem;">This archive preserves conversations from all three game modes that were active from 2020-2021:</p>
+                
+                <div style="display: flex; justify-content: center; gap: 2rem; margin-bottom: 2rem; flex-wrap: wrap;">
+                    <div style="background: rgba(76, 175, 80, 0.2); border: 1px solid rgba(76, 175, 80, 0.4); border-radius: 15px; padding: 1rem 1.5rem; min-width: 140px;">
+                        <i class="fas fa-tree" style="color: #4caf50; font-size: 1.5rem; margin-bottom: 0.5rem;"></i>
+                        <h5 style="color: #4caf50; margin: 0;">Survival</h5>
+                        <small style="color: #a0aec0;">Classic survival gameplay</small>
+                    </div>
+                    <div style="background: rgba(255, 193, 7, 0.2); border: 1px solid rgba(255, 193, 7, 0.4); border-radius: 15px; padding: 1rem 1.5rem; min-width: 140px;">
+                        <i class="fas fa-palette" style="color: #ffc107; font-size: 1.5rem; margin-bottom: 0.5rem;"></i>
+                        <h5 style="color: #ffc107; margin: 0;">Creative</h5>
+                        <small style="color: #a0aec0;">Building & creativity</small>
+                    </div>
+                    <div style="background: rgba(244, 67, 54, 0.2); border: 1px solid rgba(244, 67, 54, 0.4); border-radius: 15px; padding: 1rem 1.5rem; min-width: 140px;">
+                        <i class="fas fa-sword" style="color: #f44336; font-size: 1.5rem; margin-bottom: 0.5rem;"></i>
+                        <h5 style="color: #f44336; margin: 0;">THESUR</h5>
+                        <small style="color: #a0aec0;">Faction survival roleplay</small>
+                    </div>
+                </div>
+                
+                <p style="color: #e2e8f0; margin-bottom: 2rem;">Relive the epic conversations, community moments, and roleplay adventures from the golden era of our Minecraft community. Complete with world backups and preserved chat logs!</p>
                 <a href="https://simolzimol.eu/creachat/" target="_blank" class="contact-btn" style="margin-right: 1rem;">
-                    <i class="fas fa-archive"></i> Visit CreativeChat Archive
+                    <i class="fas fa-history"></i> Explore LudiMC Archive
                 </a>
             </div>
         </section>