Spaces:

GXSNetwork
/

gih

Running

App Files Files Community

retire commited on Oct 10, 2025

Commit

26907a9

verified ·

1 Parent(s): d5a0660

Make it more professional

Browse files

Files changed (1) hide show

index.html +96 -51

index.html CHANGED Viewed

@@ -1,10 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Beyond Singularity Portal</title>
-    <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script>
@@ -131,17 +139,16 @@
                         <div class="absolute inset-1 rounded-full border-2 border-purple-400 animate-pulse" style="animation-delay: 0.5s"></div>
                         <div class="absolute inset-0.5 rounded-full border border-white/30 animate-ping" style="animation-delay: 1s"></div>
                     </div>
-                    <span class="text-2xl font-bold tracking-tighter" style="font-family: 'Major Mono Display', monospace;">QUANTUMSYNTH_ARENA</span>
 </div>
                 <div class="hidden md:flex space-x-8">
-                    <a href="#ai-civilizations" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-purple">AI Civilizations</a>
-                    <a href="#space-colonization" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-blue">Space Colonization</a>
-                    <a href="#quantum-societies" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-purple">Quantum Societies</a>
-                    <a href="#climate-tech" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-blue">Climate Tech</a>
                 </div>
-                <button class="md:hidden focus:outline-none" id="mobile-menu-button">
                     <i data-feather="menu" class="w-8 h-8 neon-text-blue"></i>
                 </button>
             </div>
@@ -149,11 +156,12 @@
             <!-- Mobile Menu -->
             <div class="md:hidden hidden py-4 px-4 bg-black bg-opacity-90 mt-2 rounded-lg" id="mobile-menu">
                 <div class="flex flex-col space-y-4">
-                    <a href="#ai-civilizations" class="nav-item text-lg uppercase tracking-wider neon-text-purple">AI Civilizations</a>
-                    <a href="#space-colonization" class="nav-item text-lg uppercase tracking-wider neon-text-blue">Space Colonization</a>
-                    <a href="#quantum-societies" class="nav-item text-lg uppercase tracking-wider neon-text-purple">Quantum Societies</a>
-                    <a href="#climate-tech" class="nav-item text-lg uppercase tracking-wider neon-text-blue">Climate Tech</a>
-                </div>
             </div>
         </nav>
@@ -181,37 +189,57 @@
 </h1>
                 </div>
 <div class="relative max-w-3xl mx-auto mb-10">
-                    <div class="absolute -inset-1 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg blur-xl opacity-30 animate-pulse"></div>
-                    <div class="relative bg-black/90 p-6 rounded-lg border border-gray-800 backdrop-blur-sm neon-border-blue">
-                        <div class="terminal-line">
-                            <span class="text-blue-400 font-mono">[NEURAL_NET]</span>
-                            <span class="typing-text" data-text="Initializing competition systems..."></span>
                         </div>
-                        <div class="terminal-line delay-500">
-                            <span class="text-purple-400 font-mono">[JUDGES]</span> <span class="typing-text" data-text="Synchronizing evaluation criteria..."></span>
                         </div>
-                        <div class="terminal-line delay-1000">
-                            <span class="text-blue-400 font-mono">[TEAMS]</span> <span class="typing-text" data-text="Loading participant data..."></span>
-</div>
-                        <div class="flex items-center mt-4">
-                            <div class="h-2 w-2 rounded-full bg-green-500 animate-pulse mr-2"></div>
-                        <span class="text-xs font-mono text-green-400">COMPETITION_READY</span>
-                        <span class="mx-2 text-xs opacity-70">|</span>
-                        <span class="text-xs font-mono opacity-70">TEAMS_REGISTERED: 24</span>
 </div>
                     </div>
                 </div>
-                <div class="relative group">
-                    <div class="absolute -inset-1 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full blur-md opacity-75 group-hover:opacity-100 transition-opacity duration-300"></div>
-                    <a href="#ai-civilizations" class="relative px-8 py-3 bg-black/80 neon-border-blue rounded-full text-lg uppercase tracking-wider neon-text-blue hover:bg-opacity-100 transition-all cursor-pointer inline-block">
-                        JOIN_COMPETITION
 </a>
                 </div>
 </div>
         </section>
     </div>
-    <!-- AI Civilizations Section -->
-    <section id="ai-civilizations" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="flex flex-col md:flex-row items-center mb-16">
                 <div class="md:w-1/2 mb-10 md:mb-0">
@@ -301,8 +329,8 @@
     </section>
     <div class="section-divider"></div>
-    <!-- Space Colonization Section -->
-    <section id="space-colonization" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="text-center mb-16">
                 <div class="relative">
@@ -390,8 +418,8 @@
     </section>
     <div class="section-divider"></div>
-    <!-- Quantum Societies Section -->
-    <section id="quantum-societies" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="flex flex-col md:flex-row items-center mb-16">
                 <div class="md:w-1/2 mb-10 md:mb-0">
@@ -467,8 +495,8 @@
     </section>
     <div class="section-divider"></div>
-    <!-- Climate Tech Section -->
-    <section id="climate-tech" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="text-center mb-16">
                 <div class="relative">
@@ -540,8 +568,8 @@
             </div>
         </div>
     </section>
-    <!-- Call to Action -->
-    <section id="call-to-action" class="py-20 px-4 md:px-12 bg-gradient-to-b from-blue-900 to-purple-900 bg-opacity-70 relative section-focus">
 <div class="container mx-auto text-center">
             <div class="relative">
                 <div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-purple-600/20 blur-3xl -z-10"></div>
@@ -582,14 +610,31 @@
                 </div>
 </div>
             <div class="border-t border-gray-800 mt-8 pt-8 text-center">
-                    <p class="text-sm neon-text-purple">
-                        <span class="opacity-70">[COMPETITION]</span> © 2024 QuantumSynth Arena<br>
-                        <span class="opacity-70">[CONTACT]</span> info@quantumsyntharena.tech
-</p>
-<p class="text-xs mt-2 neon-text-blue">
-                    "Pushing the Boundaries of Innovation."
 </p>
-            </div>
 </div>
     </footer>
     <style>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="QuantumSynth Arena - Premier quantum computing and AI innovation competition">
+    <meta name="keywords" content="quantum computing, AI, innovation, competition, technology">
+    <meta property="og:title" content="QuantumSynth Arena">
+    <meta property="og:description" content="Pushing the boundaries of quantum computing and AI innovation">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://quantumsyntharena.tech">
+    <meta property="og:image" content="https://quantumsyntharena.tech/static/og-image.jpg">
+    <title>QuantumSynth Arena | Quantum Computing & AI Innovation Competition</title>
+<script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script>
                         <div class="absolute inset-1 rounded-full border-2 border-purple-400 animate-pulse" style="animation-delay: 0.5s"></div>
                         <div class="absolute inset-0.5 rounded-full border border-white/30 animate-ping" style="animation-delay: 1s"></div>
                     </div>
+                    <span class="text-2xl font-bold tracking-tighter" style="font-family: 'Major Mono Display', monospace;">QUANTUMSYNTH ARENA</span>
 </div>
                 <div class="hidden md:flex space-x-8">
+                    <a href="#challenges" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-purple">Challenges</a>
+                    <a href="#timeline" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-blue">Timeline</a>
+                    <a href="#judges" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-purple">Judges</a>
+                    <a href="#prizes" class="nav-item text-lg uppercase tracking-wider hover:text-white transition-colors neon-text-blue">Prizes</a>
+                    <a href="#register" class="nav-item px-4 py-2 bg-blue-900/30 rounded-full neon-border-blue hover:bg-blue-900/50 transition-all">Register</a>
                 </div>
+<button class="md:hidden focus:outline-none" id="mobile-menu-button">
                     <i data-feather="menu" class="w-8 h-8 neon-text-blue"></i>
                 </button>
             </div>
             <!-- Mobile Menu -->
             <div class="md:hidden hidden py-4 px-4 bg-black bg-opacity-90 mt-2 rounded-lg" id="mobile-menu">
                 <div class="flex flex-col space-y-4">
+                    <a href="#challenges" class="nav-item text-lg uppercase tracking-wider neon-text-purple">Challenges</a>
+                    <a href="#timeline" class="nav-item text-lg uppercase tracking-wider neon-text-blue">Timeline</a>
+                    <a href="#judges" class="nav-item text-lg uppercase tracking-wider neon-text-purple">Judges</a>
+                    <a href="#prizes" class="nav-item text-lg uppercase tracking-wider neon-text-blue">Prizes</a>
+                    <a href="#register" class="nav-item px-4 py-2 mt-4 bg-blue-900/30 rounded-full neon-border-blue hover:bg-blue-900/50 transition-all text-center">Register Now</a>
+</div>
             </div>
         </nav>
 </h1>
                 </div>
 <div class="relative max-w-3xl mx-auto mb-10">
+                <div class="relative bg-black/90 p-8 rounded-lg border border-gray-800 backdrop-blur-sm neon-border-blue">
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                        <div class="p-4 bg-black/50 rounded-lg neon-border-purple">
+                            <div class="text-4xl font-bold neon-text-purple mb-2">50K</div>
+                            <div class="text-sm uppercase tracking-wider">Total Prize Pool</div>
+                            <div class="text-xs neon-text-blue mt-1">USD</div>
                         </div>
+                        <div class="p-4 bg-black/50 rounded-lg neon-border-blue">
+                            <div class="text-4xl font-bold neon-text-blue mb-2">24</div>
+                            <div class="text-sm uppercase tracking-wider">Participating Teams</div>
+                            <div class="text-xs neon-text-purple mt-1">Global</div>
+                        </div>
+                        <div class="p-4 bg-black/50 rounded-lg neon-border-purple">
+                            <div class="text-4xl font-bold neon-text-purple mb-2">6</div>
+                            <div class="text-sm uppercase tracking-wider">Industry Judges</div>
+                            <div class="text-xs neon-text-blue mt-1">Experts</div>
+                        </div>
+                    </div>
+                    <div class="mt-6 pt-6 border-t border-gray-800">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <div class="h-2 w-2 rounded-full bg-green-500 animate-pulse mr-2 inline-block"></div>
+                                <span class="text-xs font-mono text-green-400">REGISTRATION_OPEN</span>
+                            </div>
+                            <a href="#register" class="text-xs font-mono neon-text-blue hover:text-white transition-colors">
+                                APPLY_NOW →
+                            </a>
                         </div>
 </div>
                     </div>
                 </div>
+                <div class="flex flex-col sm:flex-row justify-center gap-4">
+                    <div class="relative group">
+                        <div class="absolute -inset-1 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full blur-md opacity-75 group-hover:opacity-100 transition-opacity duration-300"></div>
+                        <a href="#register" class="relative px-8 py-3 bg-black/80 neon-border-blue rounded-full text-lg uppercase tracking-wider neon-text-blue hover:bg-opacity-100 transition-all cursor-pointer inline-block">
+                            REGISTER NOW
+                        </a>
+                    </div>
+                    <div class="relative group">
+                        <div class="absolute -inset-1 bg-gradient-to-r from-purple-500 to-blue-600 rounded-full blur-md opacity-50 group-hover:opacity-75 transition-opacity duration-300"></div>
+                        <a href="#challenges" class="relative px-8 py-3 bg-black/80 neon-border-purple rounded-full text-lg uppercase tracking-wider neon-text-purple hover:bg-opacity-100 transition-all cursor-pointer inline-block">
+                            VIEW CHALLENGES
+                        </a>
+                    </div>
 </a>
                 </div>
 </div>
         </section>
     </div>
+    <!-- Challenges Section -->
+    <section id="challenges" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="flex flex-col md:flex-row items-center mb-16">
                 <div class="md:w-1/2 mb-10 md:mb-0">
     </section>
     <div class="section-divider"></div>
+    <!-- Timeline Section -->
+    <section id="timeline" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="text-center mb-16">
                 <div class="relative">
     </section>
     <div class="section-divider"></div>
+    <!-- Judges Section -->
+    <section id="judges" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="flex flex-col md:flex-row items-center mb-16">
                 <div class="md:w-1/2 mb-10 md:mb-0">
     </section>
     <div class="section-divider"></div>
+    <!-- Prizes Section -->
+    <section id="prizes" class="py-20 px-4 md:px-12 bg-black bg-opacity-70 relative section-focus">
 <div class="container mx-auto">
             <div class="text-center mb-16">
                 <div class="relative">
             </div>
         </div>
     </section>
+    <!-- Registration Section -->
+    <section id="register" class="py-20 px-4 md:px-12 bg-gradient-to-b from-blue-900 to-purple-900 bg-opacity-70 relative section-focus">
 <div class="container mx-auto text-center">
             <div class="relative">
                 <div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-purple-600/20 blur-3xl -z-10"></div>
                 </div>
 </div>
             <div class="border-t border-gray-800 mt-8 pt-8 text-center">
+<p class="text-sm neon-text-purple">
+                        <span class="opacity-70">QuantumSynth Arena</span> © 2024<br>
+                        <span class="opacity-70">Contact:</span> info@quantumsyntharena.tech<br>
+                        <span class="opacity-70">Location:</span> Virtual Competition
 </p>
+<div class="mt-4">
+    <div class="flex justify-center space-x-4">
+        <a href="#" class="neon-text-blue hover:text-white transition-colors">
+            <i data-feather="github" class="w-5 h-5"></i>
+        </a>
+        <a href="#" class="neon-text-purple hover:text-white transition-colors">
+            <i data-feather="twitter" class="w-5 h-5"></i>
+        </a>
+        <a href="#" class="neon-text-blue hover:text-white transition-colors">
+            <i data-feather="linkedin" class="w-5 h-5"></i>
+        </a>
+        <a href="#" class="neon-text-purple hover:text-white transition-colors">
+            <i data-feather="mail" class="w-5 h-5"></i>
+        </a>
+    </div>
+    <p class="text-xs mt-4 neon-text-blue">
+        "Advancing the frontiers of quantum computing and AI innovation."
+    </p>
+</div>
+</div>
 </div>
     </footer>
     <style>