Hugging Face's logo

Spaces:
condorhacker
/
condorhacker-ai
Running

App Files Community
condorhacker commited on
Commit
24b1dcb
·
verified ·
1 Parent(s): 1c0e041

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +335 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Condorhacker Ai
3
- emoji: 🐠
4
- colorFrom: gray
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: condorhacker-ai
3
+ emoji: ⚛️
4
+ colorFrom: green
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - QwenSite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,335 @@
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="it" class="scroll-smooth">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
+ <title>Condorhacker AI – Crea App Web con la Voce</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"/>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <style>
11
+ body {
12
+ font-family: 'Inter', sans-serif;
13
+ background-color: #0f172a;
14
+ color: #e2e8f0;
15
+ }
16
+ .gradient-text {
17
+ background: linear-gradient(90deg, #a855f7, #3b82f6);
18
+ -webkit-background-clip: text;
19
+ -webkit-text-fill-color: transparent;
20
+ }
21
+ .glass {
22
+ background: rgba(30, 41, 59, 0.6);
23
+ backdrop-filter: blur(12px);
24
+ border: 1px solid rgba(255, 255, 255, 0.1);
25
+ border-radius: 16px;
26
+ }
27
+ .neon-border {
28
+ box-shadow: 0 0 15px rgba(168, 85, 247, 0.5), 0 0 30px rgba(59, 130, 246, 0.3);
29
+ }
30
+ .hover-glow:hover {
31
+ box-shadow: 0 0 25px rgba(168, 85, 247, 0.6), 0 0 50px rgba(59, 130, 246, 0.4);
32
+ }
33
+ .typing-animation {
34
+ overflow: hidden;
35
+ white-space: nowrap;
36
+ border-right: 2px solid #a855f7;
37
+ animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
38
+ width: 0;
39
+ margin: 0 auto;
40
+ max-width: 600px;
41
+ }
42
+
43
+ @keyframes typing {
44
+ from { width: 0 }
45
+ to { width: 100% }
46
+ }
47
+
48
+ @keyframes blink-caret {
49
+ from, to { border-color: transparent }
50
+ 50% { border-color: #a855f7 }
51
+ }
52
+ </style>
53
+ </head>
54
+ <body class="bg-slate-900 text-gray-100 overflow-x-hidden">
55
+
56
+ <!-- Navbar -->
57
+ <nav class="fixed w-full z-50 bg-slate-900/80 backdrop-blur-lg border-b border-slate-700">
58
+ <div class="container mx-auto px-6 py-4 flex items-center justify-between">
59
+ <div class="flex items-center space-x-2">
60
+ <div class="w-10 h-10 rounded-lg bg-gradient-to-br from-purple-600 to-blue-500 flex items-center justify-center">
61
+ <span class="text-white font-bold text-lg">CH</span>
62
+ </div>
63
+ <span class="text-xl font-bold gradient-text">Condorhacker AI</span>
64
+ </div>
65
+ <div class="hidden md:flex space-x-10">
66
+ <a href="#home" class="hover:text-purple-400 transition">Home</a>
67
+ <a href="#builder" class="hover:text-purple-400 transition">Builder</a>
68
+ <a href="#avatar" class="hover:text-purple-400 transition">Esperti AI</a>
69
+ <a href="#pricing" class="hover:text-purple-400 transition">Pricing</a>
70
+ </div>
71
+ <div>
72
+ <a href="#builder" class="bg-gradient-to-r from-purple-600 to-blue-500 px-6 py-2 rounded-full font-medium hover:shadow-lg hover:shadow-purple-500/30 transition">Inizia Ora</a>
73
+ </div>
74
+ </div>
75
+ </nav>
76
+
77
+ <!-- Hero Section -->
78
+ <section id="home" class="pt-32 pb-20 px-6 text-center relative overflow-hidden">
79
+ <div class="absolute inset-0 bg-gradient-to-b from-purple-900/20 to-transparent pointer-events-none"></div>
80
+ <div class="container mx-auto max-w-4xl relative z-10">
81
+ <h1 class="text-5xl md:text-6xl font-extrabold mb-6 leading-tight">
82
+ <span class="block">Crea App Web Complete</span>
83
+ <span class="gradient-text">Semplicemente Descrivendole</span>
84
+ </h1>
85
+ <p class="text-xl text-gray-300 mb-10 leading-relaxed">
86
+ Condorhacker AI trasforma le tue idee in applicazioni web funzionanti, dashboard, e-commerce e sistemi gestionali – tutto con parole, senza codice.
87
+ </p>
88
+ <div class="mb-12">
89
+ <div class="bg-slate-800 glass p-6 rounded-2xl border border-slate-700 neon-border hover-glow transition cursor-pointer">
90
+ <p class="font-mono text-green-400 text-sm">> Inserisci comando:</p>
91
+ <p class="font-mono text-white text-lg typing-animation">
92
+ "Crea una dashboard di analytics per e-commerce con login, grafici interattivi e integrazione Stripe"
93
+ </p>
94
+ </div>
95
+ </div>
96
+ <a href="#builder" class="bg-gradient-to-r from-purple-600 to-blue-500 px-10 py-4 rounded-full text-lg font-semibold hover:scale-105 transition transform shadow-xl shadow-purple-500/20">
97
+ Prova Gratuitamente →
98
+ </a>
99
+ </div>
100
+ </section>
101
+
102
+ <!-- Features -->
103
+ <section class="py-20 px-6 bg-slate-800/30">
104
+ <div class="container mx-auto max-w-6xl">
105
+ <h2 class="text-4xl font-bold text-center mb-16 gradient-text">Cosa Puoi Fare con Condorhacker AI</h2>
106
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-10">
107
+ <div class="glass p-8 rounded-2xl border border-slate-600 hover-glow transition group">
108
+ <div class="w-14 h-14 bg-purple-600 rounded-xl flex items-center justify-center mb-5 text-white group-hover:scale-110 transition">
109
+ <i data-feather="zap" class="w-7 h-7"></i>
110
+ </div>
111
+ <h3 class="text-2xl font-bold mb-3">Crea da Zero</h3>
112
+ <p class="text-gray-300">Descrivi l’app che vuoi realizzare: Condorhacker genera il codice, il design e la logica completa in secondi.</p>
113
+ </div>
114
+
115
+ <div class="glass p-8 rounded-2xl border border-slate-600 hover-glow transition group">
116
+ <div class="w-14 h-14 bg-blue-600 rounded-xl flex items-center justify-center mb-5 text-white group-hover:scale-110 transition">
117
+ <i data-feather="copy" class="w-7 h-7"></i>
118
+ </div>
119
+ <h3 class="text-2xl font-bold mb-3">Clona e Personalizza</h3>
120
+ <p class="text-gray-300">Incolla l’URL di un sito esistente e personalizzalo con comandi testuali. Cambia stile, funzioni, contenuti.</p>
121
+ </div>
122
+
123
+ <div class="glass p-8 rounded-2xl border border-slate-600 hover-glow transition group">
124
+ <div class="w-14 h-14 bg-indigo-600 rounded-xl flex items-center justify-center mb-5 text-white group-hover:scale-110 transition">
125
+ <i data-feather="database" class="w-7 h-7"></i>
126
+ </div>
127
+ <h3 class="text-2xl font-bold mb-3">Database e Login</h3>
128
+ <p class="text-gray-300">Aggiungi autenticazione, aree riservate, memorizzazione dati e relazioni complesse con una frase.</p>
129
+ </div>
130
+
131
+ <div class="glass p-8 rounded-2xl border border-slate-600 hover-glow transition group">
132
+ <div class="w-14 h-14 bg-pink-600 rounded-xl flex items-center justify-center mb-5 text-white group-hover:scale-110 transition">
133
+ <i data-feather="credit-card" class="w-7 h-7"></i>
134
+ </div>
135
+ <h3 class="text-2xl font-bold mb-3">Pagamenti & API</h3>
136
+ <p class="text-gray-300">Integra Stripe, PayPal, WhatsApp, Mailchimp o qualsiasi API esterna con un semplice comando testuale.</p>
137
+ </div>
138
+
139
+ <div class="glass p-8 rounded-2xl border border-slate-600 hover-glow transition group">
140
+ <div class="w-14 h-14 bg-teal-600 rounded-xl flex items-center justify-center mb-5 text-white group-hover:scale-110 transition">
141
+ <i data-feather="layout" class="w-7 h-7"></i>
142
+ </div>
143
+ <h3 class="text-2xl font-bold mb-3">Componenti Dinamici</h3>
144
+ <p class="text-gray-300">Genera moduli, tabelle, chatbot, carrelli e pagine con animazioni progressive.</p>
145
+ </div>
146
+
147
+ <div class="glass p-8 rounded-2xl border border-slate-600 hover-glow transition group">
148
+ <div class="w-14 h-14 bg-amber-600 rounded-xl flex items-center justify-center mb-5 text-white group-hover:scale-110 transition">
149
+ <i data-feather="users" class="w-7 h-7"></i>
150
+ </div>
151
+ <h3 class="text-2xl font-bold mb-3">Sistemi Professionali</h3>
152
+ <p class="text-gray-300">CRM, ERP, e-learning, gestionali, blog dinamici e pannelli admin pronti in minuti.</p>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ </section>
157
+
158
+ <!-- Builder Interface -->
159
+ <section id="builder" class="py-20 px-6 relative">
160
+ <div class="absolute inset-0 bg-gradient-to-t from-slate-900 to-transparent pointer-events-none z-0"></div>
161
+ <div class="container mx-auto max-w-5xl relative z-10 glass rounded-3xl p-8 md:p-12 border border-slate-700">
162
+ <h2 class="text-4xl font-bold mb-10 text-center">Il Tuo Assistente di Sviluppo AI</h2>
163
+ <div class="bg-slate-800 rounded-2xl p-6 h-96 md:h-[500px] flex flex-col overflow-hidden shadow-inner">
164
+ <div class="flex-1 overflow-y-auto space-y-6 pr-2 mb-4 scrollbar-thin scrollbar-thumb-purple-600">
165
+ <div class="bg-purple-600 text-white p-4 rounded-2xl max-w-xs ml-2">
166
+ Ciao! Sono Andrea, il tuo esperto full-stack. Cosa vuoi creare oggi?
167
+ </div>
168
+ <div class="bg-slate-700 text-gray-100 p-4 rounded-2xl max-w-md ml-auto mr-2">
169
+ Vorrei un gestionale per un centro estetico, con appuntamenti, clienti e pagamenti.
170
+ </div>
171
+ <div class="bg-blue-600 text-white p-4 rounded-2xl max-w-xs ml-2 animate-pulse">
172
+ Sto generando il sistema... creazione del database, interfaccia utente, integrazione calendario e Stripe.<br/><br/>✔️ Appuntamenti<br/>✔️ Clienti<br/>✔️ Login<br/>✔️ Pagamenti
173
+ </div>
174
+ </div>
175
+ <div class="flex items-center bg-slate-700 p-3 rounded-xl">
176
+ <input type="text" placeholder="Scrivi qui il tuo comando..." class="flex-1 bg-transparent outline-none text-white px-2" value="Crea un blog tematico su viaggi con newsletter integrata..." />
177
+ <button class="bg-gradient-to-r from-purple-600 to-blue-500 p-3 rounded-lg ml-2 hover:shadow-lg">
178
+ <i data-feather="send" class="w-5 h-5 text-white"></i>
179
+ </button>
180
+ </div>
181
+ </div>
182
+ <p class="text-center mt-6 text-gray-400">Parla. Crea. Pubblica. Senza scrivere una riga di codice.</p>
183
+ </div>
184
+ </section>
185
+
186
+ <!-- Avatar Showcase -->
187
+ <section id="avatar" class="py-20 px-6 bg-slate-800/30">
188
+ <div class="container mx-auto max-w-6xl">
189
+ <h2 class="text-4xl font-bold text-center mb-6 gradient-text">I Tuoi Tutor Esperti AI</h2>
190
+ <p class="text-center text-xl text-gray-300 mb-12 max-w-3xl mx-auto">
191
+ 17 avatar con competenze specifiche, voci umane e personalità reali. Ti guidano, insegnano e costruiscono con te.
192
+ </p>
193
+ <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6 mb-10">
194
+ <!-- Avatar Cards -->
195
+ <div class="glass p-5 rounded-2xl text-center group hover-glow border border-slate-600 transition">
196
+ <img src="https://i.pravatar.cc/150?img=21" alt="Aurora" class="w-20 h-20 rounded-full mx-auto mb-4 object-cover border-2 border-purple-500">
197
+ <h3 class="font-bold text-lg">Aurora</h3>
198
+ <p class="text-sm text-gray-400">Marketing Digitale</p>
199
+ </div>
200
+ <div class="glass p-5 rounded-2xl text-center group hover-glow border border-slate-600 transition">
201
+ <img src="https://i.pravatar.cc/150?img=32" alt="Caterina" class="w-20 h-20 rounded-full mx-auto mb-4 object-cover border-2 border-blue-500">
202
+ <h3 class="font-bold text-lg">Caterina</h3>
203
+ <p class="text-sm text-gray-400">UX/UI Designer</p>
204
+ </div>
205
+ <div class="glass p-5 rounded-2xl text-center group hover-glow border border-slate-600 transition">
206
+ <img src="https://i.pravatar.cc/150?img=28" alt="Elisa" class="w-20 h-20 rounded-full mx-auto mb-4 object-cover border-2 border-pink-500">
207
+ <h3 class="font-bold text-lg">Elisa</h3>
208
+ <p class="text-sm text-gray-400">Psicologia & Comunicazione</p>
209
+ </div>
210
+ <div class="glass p-5 rounded-2xl text-center group hover-glow border border-slate-600 transition">
211
+ <img src="https://i.pravatar.cc/150?img=26" alt="Andrea" class="w-20 h-20 rounded-full mx-auto mb-4 object-cover border-2 border-teal-500">
212
+ <h3 class="font-bold text-lg">Andrea</h3>
213
+ <p class="text-sm text-gray-400">Sviluppatore Full-Stack</p>
214
+ </div>
215
+ <div class="glass p-5 rounded-2xl text-center group hover-glow border border-slate-600 transition">
216
+ <img src="https://i.pravatar.cc/150?img=36" alt="Sofia" class="w-20 h-20 rounded-full mx-auto mb-4 object-cover border-2 border-amber-500">
217
+ <h3 class="font-bold text-lg">Sofia</h3>
218
+ <p class="text-sm text-gray-400">Affari e Strategia</p>
219
+ </div>
220
+ </div>
221
+ <div class="text-center">
222
+ <a href="#" class="text-purple-400 hover:underline text-lg">Mostra tutti e 17 gli esperti →</a>
223
+ </div>
224
+ </div>
225
+ </section>
226
+
227
+ <!-- Pricing -->
228
+ <section id="pricing" class="py-20 px-6">
229
+ <div class="container mx-auto max-w-6xl">
230
+ <h2 class="text-4xl font-bold text-center mb-6 gradient-text">Piani Semplici, Crescita Illimitata</h2>
231
+ <p class="text-center text-xl text-gray-300 mb-16">25 crediti gratuiti ogni mese. Nessun costo nascosto.</p>
232
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
233
+ <!-- Free -->
234
+ <div class="glass p-8 rounded-3xl border border-slate-600 text-center flex flex-col transition hover:scale-105">
235
+ <h3 class="text-2xl font-bold mb-2">Free</h3>
236
+ <div class="text-5xl font-bold mb-4">0<span class="text-sm text-gray-400">€</span></div>
237
+ <p class="text-gray-300 mb-6">Per iniziare e provare</p>
238
+ <ul class="space-y-3 mb-8 text-left">
239
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> 25 crediti/mese</li>
240
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Interfaccia Chat</li>
241
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Export HTML/CSS/JS</li>
242
+ </ul>
243
+ <a href="#" class="mt-auto bg-gray-700 hover:bg-gray-600 py-3 rounded-xl font-medium">In uso</a>
244
+ </div>
245
+
246
+ <!-- Base -->
247
+ <div class="glass p-8 rounded-3xl border border-purple-500 text-center flex flex-col relative transform hover:scale-105 transition neon-border">
248
+ <div class="absolute -top-3 left-1/2 transform -translate-x-1/2">
249
+ <span class="bg-gradient-to-r from-purple-600 to-blue-500 text-white px-4 py-1 rounded-full text-sm font-medium">Più Popolare</span>
250
+ </div>
251
+ <h3 class="text-2xl font-bold mb-2 mt-6">Base</h3>
252
+ <div class="text-5xl font-bold mb-4">30<span class="text-sm text-gray-400">€</span></div>
253
+ <p class="text-gray-300 mb-6">Per creatori seri</p>
254
+ <ul class="space-y-3 mb-8 text-left">
255
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> 200 crediti/mese</li>
256
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Clone & Customize</li>
257
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Database semplice</li>
258
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Assistenza base</li>
259
+ </ul>
260
+ <a href="#" class="mt-auto bg-gradient-to-r from-purple-600 to-blue-500 py-3 rounded-xl font-medium hover:shadow-lg">Scegli</a>
261
+ </div>
262
+
263
+ <!-- Pro -->
264
+ <div class="glass p-8 rounded-3xl border border-blue-500 text-center flex flex-col transition hover:scale-105">
265
+ <h3 class="text-2xl font-bold mb-2">Pro</h3>
266
+ <div class="text-5xl font-bold mb-4">50<span class="text-sm text-gray-400">€</span></div>
267
+ <p class="text-gray-300 mb-6">Per professionisti</p>
268
+ <ul class="space-y-3 mb-8 text-left">
269
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> 500 crediti/mese</li>
270
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Login & Auth</li>
271
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> API esterne</li>
272
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Supporto prioritario</li>
273
+ </ul>
274
+ <a href="#" class="mt-auto bg-blue-600 hover:bg-blue-500 py-3 rounded-xl font-medium">Scegli</a>
275
+ </div>
276
+
277
+ <!-- Enterprise -->
278
+ <div class="glass p-8 rounded-3xl border border-amber-500 text-center flex flex-col transition hover:scale-105">
279
+ <h3 class="text-2xl font-bold mb-2">Enterprise</h3>
280
+ <div class="text-5xl font-bold mb-4">150<span class="text-sm text-gray-400">€</span></div>
281
+ <p class="text-gray-300 mb-6">Per aziende e team</p>
282
+ <ul class="space-y-3 mb-8 text-left">
283
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> 2000 crediti/mese</li>
284
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Team collaboration</li>
285
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Integrations avanzate</li>
286
+ <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i> Onboarding dedicato</li>
287
+ </ul>
288
+ <a href="#" class="mt-auto bg-amber-600 hover:bg-amber-500 py-3 rounded-xl font-medium">Contattaci</a>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </section>
293
+
294
+ <!-- CTA Footer -->
295
+ <section class="py-20 px-6 text-center">
296
+ <div class="container mx-auto max-w-4xl glass rounded-3xl p-12 border border-slate-600">
297
+ <h2 class="text-4xl font-bold mb-6">Pronto a Creare App Senza Codice?</h2>
298
+ <p class="text-xl text-gray-300 mb-10">
299
+ Inizia subito con 25 crediti gratuiti. Nessuna carta richiesta.
300
+ </p>
301
+ <div class="flex flex-col sm:flex-row justify-center gap-6">
302
+ <a href="#builder" class="bg-gradient-to-r from-purple-600 to-blue-500 px-8 py-4 rounded-full text-lg font-semibold hover:shadow-lg hover:shadow-purple-500/30 transition">
303
+ Inizia Gratuitamente
304
+ </a>
305
+ <a href="#" class="border border-slate-500 px-8 py-4 rounded-full text-lg font-medium hover:bg-slate-800 transition">
306
+ Richiedi Demo
307
+ </a>
308
+ </div>
309
+ </div>
310
+ </section>
311
+
312
+ <!-- Footer -->
313
+ <footer class="py-12 px-6 border-t border-slate-800">
314
+ <div class="container mx-auto max-w-6xl text-center text-gray-500">
315
+ <div class="flex items-center justify-center space-x-2 mb-4">
316
+ <div class="w-8 h-8 rounded-md bg-gradient-to-br from-purple-600 to-blue-500 flex items-center justify-center">
317
+ <span class="text-white font-bold text-sm">CH</span>
318
+ </div>
319
+ <span class="text-lg font-bold">Condorhacker AI</span>
320
+ </div>
321
+ <p>Il futuro dello sviluppo software è nel linguaggio naturale.</p>
322
+ <div class="mt-6 space-x-6">
323
+ <a href="#" class="hover:text-purple-400 transition">Termini</a>
324
+ <a href="#" class="hover:text-purple-400 transition">Privacy</a>
325
+ <a href="#" class="hover:text-purple-400 transition">Supporto</a>
326
+ </div>
327
+ </div>
328
+ </footer>
329
+
330
+ <!-- Feather Icons Script -->
331
+ <script>
332
+ feather.replace();
333
+ </script>
334
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=condorhacker/condorhacker-ai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
335
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ PROMPT COMPLETO – Condorhacker AI Titolo: Condorhacker AI – La piattaforma AI che crea applicazioni web complete solo descrivendole Richiesta Condorhacker AI è una piattaforma avanzata basata sull'intelligenza artificiale che consente di creare interi siti web, web-app, dashboard professionali, sistemi gestionali e applicazioni interattive semplicemente descrivendoli in linguaggio naturale, senza scrivere codice. La piattaforma permette di: Creare applicazioni da zero semplicemente spiegando cosa si vuole ottenere. Clonare siti web esistenti e personalizzarli con comandi testuali. Aggiungere funzionalità complesse come login, autenticazione, database, integrazioni con pagamenti, API esterne e moduli dinamici. Generare componenti web completi in HTML, CSS, JS o React semplicemente descrivendoli. Costruire sistemi professionali (CRM, e-commerce, gestionali, landing page, blog, pannelli admin, chatbot ecc.). È progettato per rendere lo sviluppo del software veloce, automatizzato e accessibile anche a chi non ha competenze tecniche. Modello di business Condorhacker AI offre 25 crediti mensili gratuiti. Superata la soglia, si applica un listino identico a quello delle principali piattaforme AI: €30 / mese – Base per pianoforte €50 / mese – Piano Pro €100/mese – Piano Business €150/mese – Piano Enterprise Ogni piano include più crediti, accesso al generatore di applicazioni e funzioni premium. Avatar esperti inclusi La piattaforma integra 17 avatar AI professionali, con volti quasi umani (no cartoni) e voci quasi umane, generati tramite Qwen-TTS o modelli equivalenti. 👩 10 Avatar Femminili Aurora – Esperta di marketing digitale Caterina – Designer UX/UI Elisa – Psicologia e comunicazione Martina – Medicina e benessere Sofia – Affari e strategia Chiara – Programmazione web Giulia – Intelligenza artificiale Laura – Finanza personale Federica – Social media e creator economy Vanessa – Voce fuori campo professionale 👨 7 Avatar Maschili Andrea – Sviluppatore full-stack Marco – Sicurezza informatica Luca – Ingegnere software Davide – Marketing e branding Stefano – Coach motivazionale Mauro – Esperto legale Riccardo – Produttore musicale e ingegnere audio Gli avatar possono: parlare con voce naturale (Qwen-TTS) rispondere in tempo reale comparire nei video generati fungere da tutor, insegnanti, consulenti guidare l'utente nella creazione di un progetto Identità del prodotto Condorhacker AI è: un creatore di software basato sul linguaggio naturale una piattaforma no-code/AI-code un assistente di sviluppo per non programmatori un laboratorio di prototipazione veloce uno strumento per imprenditori, creatori e aziende 4 ore fa Base44 AI Base44 Pensiero per 13 anni Ecco il piano per sviluppare Condorhacker AI , una piattaforma web elegante, futuristica e altamente professionale. 1. Strategia di Design Useremo un'estetica "Deep Tech" e lussuosa: Palette Colori: Sfondo scuro (Midnight/Deep Slate) con accenti gradienti (Neon Purple, Cyber ​​Blue) per evocare l'IA avanzata. Tipografia: Font moderni e puliti (Inter o simili) con eccellente leggibilità. Elementi dell'interfaccia utente: Glassmorphism (effetto vetro), bordi sottili luminosi, animazioni fluide con framer-motionper dare vita all'interfaccia. 2. Struttura dell'Applicazione Costruiremo le seguenti pagine e funzionalità chiave: Landing Page (Home): Una presentazione d'impatto con una sezione Hero che simula la digitazione del codice, spiegazione delle funzionalità (Clonazione, Login, ecc.) e call-to-action chiare. Piattaforma Builder (L'App): Un'interfaccia di chat sofisticata dove l'utente "parla" con l'AI per generare l'app. Includerà la selezione degli Avatar. Showcase Avatar: Una pagina dedicata ai 17 esperti (Aurora, Andrea, ecc.) presentati come carte interattive con le loro specializzazioni. Pagina Prezzi (Pricing): Le card dei piani (Free, Base, Pro, Business, Enterprise) con i dettagli dei crediti e funzionalità. Utente Dashboard: Per visualizzare i crediti residui ei progetti salvati. 3. Piano di Sviluppo Layout Globale: Creazione della barra di navigazione e footer responsive. Home Page: Sviluppo della sezione principale di marketing. Pagina Avatar: Implementazione della griglia con i 17 profili specifici. Pagina Prezzi: Implementazione della logica dei piani di abbonamento. Builder UI: Creazione dell'interfaccia di chat simulata per la generazione di app