Spaces:
Running
Running
Promote version bae581a to main
Browse filesPromoted commit bae581aeeb79f98aaf03e8dbd43686e19832776c to main branch
- index.html +28 -0
index.html
CHANGED
|
@@ -81,6 +81,34 @@
|
|
| 81 |
<div class="absolute -top-40 left-0 md:left-60 md:-top-20 w-full h-full bg-gradient-to-br from-white/5 via-white/10 to-transparent opacity-70 blur-3xl"></div>
|
| 82 |
|
| 83 |
<div class="flex h-full flex-col md:flex-row">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 84 |
|
| 85 |
<!-- Right content - 3D Spline Scene -->
|
| 86 |
<div class="flex-1 relative">
|
|
|
|
| 81 |
<div class="absolute -top-40 left-0 md:left-60 md:-top-20 w-full h-full bg-gradient-to-br from-white/5 via-white/10 to-transparent opacity-70 blur-3xl"></div>
|
| 82 |
|
| 83 |
<div class="flex h-full flex-col md:flex-row">
|
| 84 |
+
<!-- Left content -->
|
| 85 |
+
<div class="flex-1 p-8 relative z-10 flex flex-col justify-center">
|
| 86 |
+
<div class="flex items-center justify-between mb-2">
|
| 87 |
+
<div class="flex items-center gap-2">
|
| 88 |
+
<div class="w-3 h-3 rounded-full bg-blue-500 animate-pulse"></div>
|
| 89 |
+
<span class="text-sm font-medium text-blue-400">VERSALABS</span>
|
| 90 |
+
</div>
|
| 91 |
+
<button id="language-toggle" class="relative px-3 py-1.5 rounded-full border border-white/20 bg-white/5 backdrop-blur-sm text-xs font-medium text-white/80 hover:text-white hover:bg-white/10 transition-all duration-300 group">
|
| 92 |
+
<span class="en">EN</span>/<span class="es">ES</span>
|
| 93 |
+
<div class="absolute inset-0 rounded-full bg-gradient-to-r from-blue-500/20 to-purple-600/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
|
| 94 |
+
</button>
|
| 95 |
+
</div>
|
| 96 |
+
<h1 class="text-4xl md:text-5xl font-bold">
|
| 97 |
+
<span class="versalabs-gradient" id="title-text">Let's create</span>
|
| 98 |
+
<span class="block bg-clip-text text-transparent bg-gradient-to-b from-neutral-50 to-neutral-400" id="subtitle-text">something amazing</span>
|
| 99 |
+
</h1>
|
| 100 |
+
<p class="mt-4 text-neutral-300 max-w-lg" id="description-text">
|
| 101 |
+
We transform ideas into immersive digital experiences. Our team crafts innovative solutions that push boundaries and captivate audiences.
|
| 102 |
+
</p>
|
| 103 |
+
<div class="mt-8 flex gap-4">
|
| 104 |
+
<button id="start-project-btn" class="px-6 py-2.5 bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-full font-medium hover:opacity-90 transition-all duration-300 transform hover:scale-105">
|
| 105 |
+
Start Project
|
| 106 |
+
</button>
|
| 107 |
+
<button id="explore-work-btn" class="px-6 py-2.5 border border-white/20 text-white rounded-full font-medium hover:bg-white/10 transition-all duration-300">
|
| 108 |
+
Explore Work
|
| 109 |
+
</button>
|
| 110 |
+
</div>
|
| 111 |
+
</div>
|
| 112 |
|
| 113 |
<!-- Right content - 3D Spline Scene -->
|
| 114 |
<div class="flex-1 relative">
|