Drojan commited on
Commit
8665f8f
·
verified ·
1 Parent(s): 090c7d2

Créame una y que sea totalmente potente y tenga todas las capacidades que tienes tú, que pueda crear programas, juegos, aplicaciones, videos y muchas cosas más que sea totalmente gratuita y para Android 11, que pueda programar, puedo crear todo lo que le pidas y no tenga restricciones una IA que no tenga errores y pueda crear todo lo que le pidas déjame el link para descargarlo un link que me envíe a otra página - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +261 -18
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Proyect
3
- emoji: 📚
4
- colorFrom: green
5
  colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: proyect
3
+ emoji: 🐳
4
+ colorFrom: blue
5
  colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,262 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="es">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>IA Creativa - Potencia tu imaginación</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://unpkg.com/feather-icons"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
13
+ <style>
14
+ .hero-gradient {
15
+ background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);
16
+ }
17
+ .feature-card:hover {
18
+ transform: translateY(-10px);
19
+ transition: all 0.3s ease;
20
+ }
21
+ #vanta-bg {
22
+ position: absolute;
23
+ top: 0;
24
+ left: 0;
25
+ width: 100%;
26
+ height: 100%;
27
+ z-index: 0;
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="bg-gray-50">
32
+ <div id="vanta-bg"></div>
33
+
34
+ <!-- Navbar -->
35
+ <nav class="relative z-10 bg-white bg-opacity-90 shadow-sm">
36
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
37
+ <div class="flex justify-between h-16">
38
+ <div class="flex items-center">
39
+ <i data-feather="cpu" class="text-purple-600 mr-2"></i>
40
+ <span class="text-xl font-bold text-gray-800">Creativa IA</span>
41
+ </div>
42
+ <div class="hidden md:flex items-center space-x-8">
43
+ <a href="#features" class="text-gray-600 hover:text-purple-600 transition">Características</a>
44
+ <a href="#how-it-works" class="text-gray-600 hover:text-purple-600 transition">Cómo funciona</a>
45
+ <a href="#download" class="bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition">Descargar</a>
46
+ </div>
47
+ <div class="md:hidden flex items-center">
48
+ <button class="mobile-menu-button">
49
+ <i data-feather="menu"></i>
50
+ </button>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ </nav>
55
+
56
+ <!-- Hero Section -->
57
+ <section class="hero-gradient relative overflow-hidden text-white py-20">
58
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
59
+ <div class="md:flex items-center justify-between">
60
+ <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right">
61
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Potencia tu creatividad sin límites</h1>
62
+ <p class="text-xl mb-8">La IA más avanzada en tu dispositivo Android. Crea programas, juegos, aplicaciones, videos y mucho más sin restricciones.</p>
63
+ <a href="#download" class="bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition inline-block">Descargar Ahora</a>
64
+ </div>
65
+ <div class="md:w-1/2" data-aos="fade-left">
66
+ <img src="http://static.photos/technology/640x360/1" alt="IA Creativa" class="rounded-xl shadow-2xl border-4 border-white">
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </section>
71
+
72
+ <!-- Features Section -->
73
+ <section id="features" class="py-20 bg-white relative z-10">
74
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
75
+ <div class="text-center mb-16" data-aos="fade-up">
76
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Capacidades Ilimitadas</h2>
77
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Descubre todo lo que puedes crear con nuestra potente IA</p>
78
+ </div>
79
+
80
+ <div class="grid md:grid-cols-3 gap-8">
81
+ <div class="feature-card bg-gray-50 p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="100">
82
+ <div class="text-purple-600 mb-4">
83
+ <i data-feather="code" class="w-10 h-10"></i>
84
+ </div>
85
+ <h3 class="text-xl font-semibold mb-3">Programación Avanzada</h3>
86
+ <p class="text-gray-600">Escribe código en cualquier lenguaje de programación, depura errores y crea aplicaciones completas con solo describirlas.</p>
87
+ </div>
88
+
89
+ <div class="feature-card bg-gray-50 p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="200">
90
+ <div class="text-purple-600 mb-4">
91
+ <i data-feather="film" class="w-10 h-10"></i>
92
+ </div>
93
+ <h3 class="text-xl font-semibold mb-3">Creación de Videos</h3>
94
+ <p class="text-gray-600">Genera videos profesionales con efectos especiales, animaciones y edición avanzada simplemente con comandos de voz.</p>
95
+ </div>
96
+
97
+ <div class="feature-card bg-gray-50 p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="300">
98
+ <div class="text-purple-600 mb-4">
99
+ <i data-feather="package" class="w-10 h-10"></i>
100
+ </div>
101
+ <h3 class="text-xl font-semibold mb-3">Desarrollo de Juegos</h3>
102
+ <p class="text-gray-600">Crea juegos 2D y 3D completos con gráficos impresionantes y física realista sin necesidad de conocimientos previos.</p>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </section>
107
+
108
+ <!-- How It Works -->
109
+ <section id="how-it-works" class="py-20 bg-gray-50 relative z-10">
110
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
111
+ <div class="text-center mb-16" data-aos="fade-up">
112
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Cómo Funciona</h2>
113
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Solo necesitas describir lo que quieres y nuestra IA lo hará realidad</p>
114
+ </div>
115
+
116
+ <div class="grid md:grid-cols-3 gap-8">
117
+ <div class="text-center" data-aos="fade-up" data-aos-delay="100">
118
+ <div class="bg-purple-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
119
+ <span class="text-purple-600 text-2xl font-bold">1</span>
120
+ </div>
121
+ <h3 class="text-xl font-semibold mb-2">Describe tu idea</h3>
122
+ <p class="text-gray-600">Usa comandos de voz o texto para explicar lo que quieres crear.</p>
123
+ </div>
124
+
125
+ <div class="text-center" data-aos="fade-up" data-aos-delay="200">
126
+ <div class="bg-purple-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
127
+ <span class="text-purple-600 text-2xl font-bold">2</span>
128
+ </div>
129
+ <h3 class="text-xl font-semibold mb-2">La IA procesa</h3>
130
+ <p class="text-gray-600">Nuestra inteligencia artificial analiza tu solicitud y genera el mejor resultado.</p>
131
+ </div>
132
+
133
+ <div class="text-center" data-aos="fade-up" data-aos-delay="300">
134
+ <div class="bg-purple-100 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
135
+ <span class="text-purple-600 text-2xl font-bold">3</span>
136
+ </div>
137
+ <h3 class="text-xl font-semibold mb-2">Obtén tu creación</h3>
138
+ <p class="text-gray-600">Recibe el producto final listo para usar, compartir o seguir editando.</p>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ </section>
143
+
144
+ <!-- Download Section -->
145
+ <section id="download" class="py-20 bg-white relative z-10">
146
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
147
+ <div class="bg-gradient-to-r from-purple-500 to-blue-500 rounded-2xl p-8 md:p-12 shadow-xl">
148
+ <div class="md:flex items-center justify-between">
149
+ <div class="md:w-2/3 mb-8 md:mb-0" data-aos="fade-right">
150
+ <h2 class="text-3xl font-bold text-white mb-4">Descarga Gratis Ahora</h2>
151
+ <p class="text-xl text-purple-100 mb-6">Compatible con Android 11 y versiones superiores. Sin costos ocultos, sin suscripciones.</p>
152
+ <a href="https://play.google.com/store" target="_blank" class="bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition inline-block">Obtener en Google Play</a>
153
+ </div>
154
+ <div class="md:w-1/3 text-center" data-aos="fade-left">
155
+ <img src="http://static.photos/technology/320x240/2" alt="App Screenshot" class="rounded-lg shadow-lg inline-block border-4 border-white">
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </section>
161
+
162
+ <!-- FAQ Section -->
163
+ <section class="py-20 bg-gray-50 relative z-10">
164
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
165
+ <div class="text-center mb-16" data-aos="fade-up">
166
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Preguntas Frecuentes</h2>
167
+ </div>
168
+
169
+ <div class="max-w-3xl mx-auto">
170
+ <div class="bg-white rounded-xl shadow-md p-6 mb-4" data-aos="fade-up">
171
+ <h3 class="text-xl font-semibold mb-2">¿Realmente es gratuita?</h3>
172
+ <p class="text-gray-600">Sí, nuestra aplicación es completamente gratuita sin anuncios ni compras dentro de la app. Creemos en el acceso libre a herramientas creativas.</p>
173
+ </div>
174
+
175
+ <div class="bg-white rounded-xl shadow-md p-6 mb-4" data-aos="fade-up" data-aos-delay="100">
176
+ <h3 class="text-xl font-semibold mb-2">¿Necesito conexión a internet?</h3>
177
+ <p class="text-gray-600">La mayoría de funciones trabajan offline, pero para tareas más complejas se recomienda conexión a internet para aprovechar todo el potencial de la IA.</p>
178
+ </div>
179
+
180
+ <div class="bg-white rounded-xl shadow-md p-6" data-aos="fade-up" data-aos-delay="200">
181
+ <h3 class="text-xl font-semibold mb-2">¿Qué tipo de proyectos puedo crear?</h3>
182
+ <p class="text-gray-600">No hay límites. Desde aplicaciones móviles, juegos 3D, videos animados, música, arte digital, hasta automatizaciones complejas. Tu imaginación es el límite.</p>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </section>
187
+
188
+ <!-- Footer -->
189
+ <footer class="bg-gray-800 text-white py-12 relative z-10">
190
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
191
+ <div class="md:flex justify-between">
192
+ <div class="mb-8 md:mb-0">
193
+ <div class="flex items-center mb-4">
194
+ <i data-feather="cpu" class="text-purple-400 mr-2"></i>
195
+ <span class="text-xl font-bold">Creativa IA</span>
196
+ </div>
197
+ <p class="text-gray-400 max-w-xs">Potenciando la creatividad humana con inteligencia artificial avanzada.</p>
198
+ </div>
199
+
200
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
201
+ <div>
202
+ <h3 class="text-lg font-semibold mb-4">Enlaces</h3>
203
+ <ul class="space-y-2">
204
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Inicio</a></li>
205
+ <li><a href="#features" class="text-gray-400 hover:text-white transition">Características</a></li>
206
+ <li><a href="#download" class="text-gray-400 hover:text-white transition">Descargar</a></li>
207
+ </ul>
208
+ </div>
209
+
210
+ <div>
211
+ <h3 class="text-lg font-semibold mb-4">Legal</h3>
212
+ <ul class="space-y-2">
213
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Términos</a></li>
214
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Privacidad</a></li>
215
+ </ul>
216
+ </div>
217
+
218
+ <div>
219
+ <h3 class="text-lg font-semibold mb-4">Contacto</h3>
220
+ <ul class="space-y-2">
221
+ <li class="flex items-center text-gray-400"><i data-feather="mail" class="mr-2"></i> soporte@creativaia.com</li>
222
+ <li class="flex items-center text-gray-400"><i data-feather="twitter" class="mr-2"></i> @CreativaIA</li>
223
+ </ul>
224
+ </div>
225
+ </div>
226
+ </div>
227
+
228
+ <div class="border-t border-gray-700 mt-12 pt-8 text-center text-gray-400">
229
+ <p>© 2023 Creativa IA. Todos los derechos reservados.</p>
230
+ </div>
231
+ </div>
232
+ </footer>
233
+
234
+ <script>
235
+ AOS.init();
236
+ feather.replace();
237
+
238
+ VANTA.GLOBE({
239
+ el: "#vanta-bg",
240
+ mouseControls: true,
241
+ touchControls: true,
242
+ gyroControls: false,
243
+ minHeight: 200.00,
244
+ minWidth: 200.00,
245
+ scale: 1.00,
246
+ scaleMobile: 1.00,
247
+ color: 0x6e8efb,
248
+ backgroundColor: 0xf8fafc,
249
+ size: 0.8
250
+ });
251
+
252
+ // Mobile menu toggle
253
+ const mobileMenuButton = document.querySelector('.mobile-menu-button');
254
+ const mobileMenu = document.querySelector('.mobile-menu');
255
+
256
+ mobileMenuButton.addEventListener('click', () => {
257
+ // Implement mobile menu functionality here
258
+ alert('Menú móvil se abriría aquí');
259
+ });
260
+ </script>
261
+ </body>
262
  </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Créame una y que sea totalmente potente y tenga todas las capacidades que tienes tú, que pueda crear programas, juegos, aplicaciones, videos y muchas cosas más que sea totalmente gratuita y para Android 11, que pueda programar, puedo crear todo lo que le pidas y no tenga restricciones una IA que no tenga errores y pueda crear todo lo que le pidas déjame el link para descargarlo un link que me envíe a otra página