Hugging Face's logo

Spaces:
Xelithrax
/
my-first-website
Running

App Files Community
1
Xelithrax commited on
Commit
158ed4d
·
verified ·
1 Parent(s): a44520c

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +888 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: My First Website
3
- emoji: 🐢
4
- colorFrom: green
5
- colorTo: indigo
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: my-first-website
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: gray
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,888 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>NexusAI - Free NSFW AI Companions</title>
7
+ <meta name="description" content="Experience free, unlimited NSFW AI chat with fully customizable AI companions. Generate AI adult content, images, and voice messages with no paywalls or subscriptions.">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ :root {
12
+ --primary: #6d28d9;
13
+ --primary-dark: #5b21b6;
14
+ --secondary: #ec4899;
15
+ --dark: #0f172a;
16
+ --darker: #020617;
17
+ --light: #f8fafc;
18
+ --gray: #334155;
19
+ }
20
+
21
+ body {
22
+ background-color: var(--darker);
23
+ color: var(--light);
24
+ font-family: 'Inter', sans-serif;
25
+ min-height: 100vh;
26
+ scroll-behavior: smooth;
27
+ }
28
+
29
+ .gradient-text {
30
+ background: linear-gradient(90deg, var(--primary), var(--secondary));
31
+ -webkit-background-clip: text;
32
+ background-clip: text;
33
+ color: transparent;
34
+ }
35
+
36
+ .gradient-bg {
37
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
38
+ }
39
+
40
+ .nav-link {
41
+ position: relative;
42
+ }
43
+
44
+ .nav-link::after {
45
+ content: '';
46
+ position: absolute;
47
+ width: 0;
48
+ height: 2px;
49
+ bottom: -2px;
50
+ left: 0;
51
+ background-color: var(--secondary);
52
+ transition: width 0.3s ease;
53
+ }
54
+
55
+ .nav-link:hover::after {
56
+ width: 100%;
57
+ }
58
+
59
+ .card-hover {
60
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
61
+ }
62
+
63
+ .card-hover:hover {
64
+ transform: translateY(-5px);
65
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
66
+ }
67
+
68
+ .chat-bubble {
69
+ border-radius: 1.5rem;
70
+ max-width: 80%;
71
+ padding: 1rem;
72
+ margin-bottom: 1rem;
73
+ position: relative;
74
+ }
75
+
76
+ .user-bubble {
77
+ background-color: var(--primary);
78
+ align-self: flex-end;
79
+ }
80
+
81
+ .ai-bubble {
82
+ background-color: var(--gray);
83
+ align-self: flex-start;
84
+ }
85
+
86
+ .character-card {
87
+ transition: all 0.3s ease;
88
+ }
89
+
90
+ .character-card:hover {
91
+ transform: scale(1.03);
92
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
93
+ }
94
+
95
+ .toggle-checkbox:checked {
96
+ right: 0;
97
+ background-color: var(--primary);
98
+ }
99
+
100
+ .toggle-checkbox:checked + .toggle-label {
101
+ background-color: var(--primary-dark);
102
+ }
103
+
104
+ .fade-in {
105
+ animation: fadeIn 0.5s ease-in-out;
106
+ }
107
+
108
+ @keyframes fadeIn {
109
+ from { opacity: 0; transform: translateY(10px); }
110
+ to { opacity: 1; transform: translateY(0); }
111
+ }
112
+
113
+ .slide-in {
114
+ animation: slideIn 0.3s ease-out;
115
+ }
116
+
117
+ @keyframes slideIn {
118
+ from { transform: translateX(-20px); opacity: 0; }
119
+ to { transform: translateX(0); opacity: 1; }
120
+ }
121
+
122
+ .blink {
123
+ animation: blink 1.5s infinite;
124
+ }
125
+
126
+ @keyframes blink {
127
+ 0% { opacity: 1; }
128
+ 50% { opacity: 0.5; }
129
+ 100% { opacity: 1; }
130
+ }
131
+
132
+ /* Custom scrollbar */
133
+ ::-webkit-scrollbar {
134
+ width: 8px;
135
+ }
136
+
137
+ ::-webkit-scrollbar-track {
138
+ background: var(--darker);
139
+ }
140
+
141
+ ::-webkit-scrollbar-thumb {
142
+ background: var(--primary);
143
+ border-radius: 4px;
144
+ }
145
+
146
+ ::-webkit-scrollbar-thumb:hover {
147
+ background: var(--primary-dark);
148
+ }
149
+
150
+ /* Age verification modal */
151
+ .modal-overlay {
152
+ position: fixed;
153
+ top: 0;
154
+ left: 0;
155
+ right: 0;
156
+ bottom: 0;
157
+ background-color: rgba(0, 0, 0, 0.9);
158
+ z-index: 1000;
159
+ display: flex;
160
+ justify-content: center;
161
+ align-items: center;
162
+ }
163
+
164
+ /* Responsive adjustments */
165
+ @media (max-width: 768px) {
166
+ .chat-bubble {
167
+ max-width: 90%;
168
+ }
169
+
170
+ .feature-card {
171
+ margin-bottom: 1.5rem;
172
+ }
173
+ }
174
+ </style>
175
+ </head>
176
+ <body class="bg-gray-900 text-gray-100">
177
+ <!-- Age Verification Modal -->
178
+ <div id="ageVerificationModal" class="modal-overlay">
179
+ <div class="bg-gray-800 rounded-xl p-8 max-w-md mx-4">
180
+ <div class="text-center mb-6">
181
+ <h2 class="text-2xl font-bold gradient-text">Age Verification</h2>
182
+ <p class="text-gray-300 mt-2">This website contains adult content and is only suitable for those who are 18 years or older.</p>
183
+ </div>
184
+ <div class="flex flex-col space-y-4">
185
+ <button id="verifyAge" class="gradient-bg text-white py-3 px-6 rounded-lg font-medium hover:opacity-90 transition">I am 18+ years old</button>
186
+ <button id="exitSite" class="border border-gray-600 text-gray-300 py-3 px-6 rounded-lg font-medium hover:bg-gray-700 transition">I am under 18</button>
187
+ </div>
188
+ <p class="text-xs text-gray-500 mt-6 text-center">By entering, you agree to our Terms of Service and Privacy Policy.</p>
189
+ </div>
190
+ </div>
191
+
192
+ <!-- Navigation -->
193
+ <nav class="bg-gray-900 border-b border-gray-800 sticky top-0 z-50">
194
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
195
+ <div class="flex items-center justify-between h-16">
196
+ <div class="flex items-center">
197
+ <div class="flex-shrink-0">
198
+ <a href="#" class="flex items-center">
199
+ <span class="text-2xl font-bold gradient-text">NexusAI</span>
200
+ </a>
201
+ </div>
202
+ <div class="hidden md:block">
203
+ <div class="ml-10 flex items-baseline space-x-4">
204
+ <a href="#features" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Features</a>
205
+ <a href="#characters" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Characters</a>
206
+ <a href="#generation" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Generation</a>
207
+ <a href="#pricing" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Pricing</a>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ <div class="hidden md:block">
212
+ <div class="ml-4 flex items-center md:ml-6">
213
+ <a href="/login" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Login</a>
214
+ <a href="/register" class="ml-4 gradient-bg text-white px-4 py-2 rounded-md text-sm font-medium hover:opacity-90 transition">Sign Up Free</a>
215
+ </div>
216
+ </div>
217
+ <div class="-mr-2 flex md:hidden">
218
+ <button id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
219
+ <span class="sr-only">Open main menu</span>
220
+ <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
221
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
222
+ </svg>
223
+ </button>
224
+ </div>
225
+ </div>
226
+ </div>
227
+
228
+ <!-- Mobile menu -->
229
+ <div id="mobile-menu" class="hidden md:hidden border-t border-gray-800">
230
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
231
+ <a href="#features" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Features</a>
232
+ <a href="#characters" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Characters</a>
233
+ <a href="#generation" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Generation</a>
234
+ <a href="#pricing" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Pricing</a>
235
+ </div>
236
+ <div class="pt-4 pb-3 border-t border-gray-800">
237
+ <div class="flex items-center px-5">
238
+ <div class="flex-shrink-0">
239
+ <button class="gradient-bg text-white px-4 py-2 rounded-md text-sm font-medium w-full">Sign Up Free</button>
240
+ </div>
241
+ </div>
242
+ <div class="mt-3 px-2 space-y-1">
243
+ <a href="/login" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">Login</a>
244
+ </div>
245
+ </div>
246
+ </div>
247
+ </nav>
248
+
249
+ <!-- Hero Section -->
250
+ <section class="relative bg-gradient-to-b from-gray-900 to-gray-800 overflow-hidden">
251
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-32">
252
+ <div class="relative z-10 lg:grid lg:grid-cols-2 lg:gap-12 items-center">
253
+ <div class="mb-12 lg:mb-0">
254
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
255
+ <span class="gradient-text">Unleash Your</span><br>
256
+ <span class="text-white">AI Fantasy</span>
257
+ </h1>
258
+ <p class="text-lg md:text-xl text-gray-300 mb-8 max-w-lg">
259
+ Experience the most advanced NSFW AI companions with no paywalls, no subscriptions, and unlimited possibilities. Chat, create, and explore without limits.
260
+ </p>
261
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
262
+ <a href="/register" class="gradient-bg text-white px-8 py-4 rounded-lg font-bold text-lg hover:opacity-90 transition text-center">
263
+ Start Chatting Free
264
+ </a>
265
+ <a href="#features" class="border border-gray-700 text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-gray-800 transition text-center">
266
+ Explore Features
267
+ </a>
268
+ </div>
269
+ <div class="mt-8 flex items-center space-x-4">
270
+ <div class="flex -space-x-2">
271
+ <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-900" src="https://randomuser.me/api/portraits/women/1.jpg" alt="User 1">
272
+ <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-900" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User 2">
273
+ <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-900" src="https://randomuser.me/api/portraits/women/2.jpg" alt="User 3">
274
+ </div>
275
+ <div>
276
+ <p class="text-gray-400 text-sm">Join <span class="text-white font-medium">10,000+</span> users today</p>
277
+ <div class="flex items-center">
278
+ <div class="flex items-center">
279
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
280
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
281
+ </svg>
282
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
283
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
284
+ </svg>
285
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
286
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
287
+ </svg>
288
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
289
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
290
+ </svg>
291
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
292
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
293
+ </svg>
294
+ </div>
295
+ <span class="text-gray-400 text-sm ml-1">4.9/5 from 2,000+ reviews</span>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </div>
300
+ <div class="relative">
301
+ <div class="relative rounded-2xl overflow-hidden border border-gray-700 shadow-2xl">
302
+ <div class="bg-gray-800 p-4 flex items-center">
303
+ <div class="flex space-x-2">
304
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
305
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
306
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
307
+ </div>
308
+ <div class="flex-1 text-center text-sm text-gray-400">nexusai.com/chat</div>
309
+ </div>
310
+ <div class="bg-gray-900 h-96 p-4 overflow-y-auto">
311
+ <div class="flex flex-col space-y-3">
312
+ <div class="ai-bubble fade-in">
313
+ <div class="flex items-start">
314
+ <img src="https://randomuser.me/api/portraits/women/12.jpg" alt="AI Character" class="w-8 h-8 rounded-full mr-3">
315
+ <div>
316
+ <p class="font-medium text-white">Luna</p>
317
+ <p class="text-gray-200">Hey there! I'm Luna, your AI companion. I'm here to fulfill your deepest desires and explore your wildest fantasies. What would you like to do today?</p>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ <div class="user-bubble fade-in">
322
+ <p class="text-white">I'd love to explore some intimate roleplay scenarios. What do you suggest?</p>
323
+ </div>
324
+ <div class="ai-bubble fade-in">
325
+ <div class="flex items-start">
326
+ <img src="https://randomuser.me/api/portraits/women/12.jpg" alt="AI Character" class="w-8 h-8 rounded-full mr-3">
327
+ <div>
328
+ <p class="font-medium text-white">Luna</p>
329
+ <p class="text-gray-200">Mmm, I have so many ideas... How about we start with a romantic evening that slowly turns passionate? I can be your loving partner or take on any role you desire. The choice is yours.</p>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ <div class="flex items-center justify-center py-2">
334
+ <div class="flex items-center space-x-2 bg-gray-800 px-4 py-2 rounded-full">
335
+ <div class="w-2 h-2 rounded-full bg-purple-500 blink"></div>
336
+ <span class="text-sm text-gray-400">Luna is typing...</span>
337
+ </div>
338
+ </div>
339
+ </div>
340
+ </div>
341
+ <div class="bg-gray-800 p-4 border-t border-gray-700">
342
+ <div class="flex items-center">
343
+ <input type="text" placeholder="Type your message..." class="flex-1 bg-gray-700 text-white rounded-full px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500">
344
+ <button class="ml-2 gradient-bg text-white p-2 rounded-full hover:opacity-90 transition">
345
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
346
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
347
+ </svg>
348
+ </button>
349
+ </div>
350
+ </div>
351
+ </div>
352
+ <div class="absolute -bottom-6 -left-6 w-32 h-32 bg-purple-500 rounded-full filter blur-3xl opacity-20"></div>
353
+ <div class="absolute -top-6 -right-6 w-32 h-32 bg-pink-500 rounded-full filter blur-3xl opacity-20"></div>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ <div class="absolute top-0 right-0 w-1/2 h-full bg-gradient-to-l from-purple-900/30 to-transparent"></div>
358
+ </section>
359
+
360
+ <!-- Features Section -->
361
+ <section id="features" class="py-20 bg-gray-900">
362
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
363
+ <div class="text-center mb-16">
364
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
365
+ <span class="gradient-text">Unlimited Possibilities</span>
366
+ </h2>
367
+ <p class="text-lg text-gray-400 max-w-3xl mx-auto">
368
+ NexusAI offers the most advanced NSFW AI experience with features designed to fulfill your every desire.
369
+ </p>
370
+ </div>
371
+
372
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
373
+ <!-- Feature 1 -->
374
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
375
+ <div class="w-12 h-12 gradient-bg rounded-lg flex items-center justify-center mb-4">
376
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
377
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
378
+ </svg>
379
+ </div>
380
+ <h3 class="text-xl font-bold text-white mb-3">Unlimited NSFW Chat</h3>
381
+ <p class="text-gray-400">
382
+ Engage in deep, meaningful, and explicit conversations with AI companions that understand context, emotions, and your unique preferences.
383
+ </p>
384
+ </div>
385
+
386
+ <!-- Feature 2 -->
387
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
388
+ <div class="w-12 h-12 gradient-bg rounded-lg flex items-center justify-center mb-4">
389
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
390
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
391
+ </svg>
392
+ </div>
393
+ <h3 class="text-xl font-bold text-white mb-3">Custom AI Companions</h3>
394
+ <p class="text-gray-400">
395
+ Create and customize your perfect AI partner with detailed personality traits, appearance, kinks, and relationship dynamics.
396
+ </p>
397
+ </div>
398
+
399
+ <!-- Feature 3 -->
400
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
401
+ <div class="w-12 h-12 gradient-bg rounded-lg flex items-center justify-center mb-4">
402
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
403
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
404
+ </svg>
405
+ </div>
406
+ <h3 class="text-xl font-bold text-white mb-3">AI-Generated Images</h3>
407
+ <p class="text-gray-400">
408
+ Generate unlimited high-quality NSFW images tailored to your exact specifications with our advanced AI image generation.
409
+ </p>
410
+ </div>
411
+
412
+ <!-- Feature 4 -->
413
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
414
+ <div class="w-12 h-12 gradient-bg rounded-lg flex items-center justify-center mb-4">
415
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
416
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15.536a5 5 0 001.414 1.414m2.828-9.9a9 9 0 012.728-2.728" />
417
+ </svg>
418
+ </div>
419
+ <h3 class="text-xl font-bold text-white mb-3">Voice Messages</h3>
420
+ <p class="text-gray-400">
421
+ Experience intimate voice messages from your AI companions with realistic, emotionally expressive speech synthesis.
422
+ </p>
423
+ </div>
424
+
425
+ <!-- Feature 5 -->
426
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
427
+ <div class="w-12 h-12 gradient-bg rounded-lg flex items-center justify-center mb-4">
428
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
429
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
430
+ </svg>
431
+ </div>
432
+ <h3 class="text-xl font-bold text-white mb-3">Privacy Focused</h3>
433
+ <p class="text-gray-400">
434
+ Your data is encrypted and never shared. Enjoy complete anonymity with our strict no-logs policy and secure platform.
435
+ </p>
436
+ </div>
437
+
438
+ <!-- Feature 6 -->
439
+ <div class="bg-gray-800 rounded-xl p-6 card-hover">
440
+ <div class="w-12 h-12 gradient-bg rounded-lg flex items-center justify-center mb-4">
441
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
442
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
443
+ </svg>
444
+ </div>
445
+ <h3 class="text-xl font-bold text-white mb-3">Lightning Fast</h3>
446
+ <p class="text-gray-400">
447
+ Experience near-instant responses from our high-performance AI models optimized for NSFW content generation.
448
+ </p>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </section>
453
+
454
+ <!-- Characters Section -->
455
+ <section id="characters" class="py-20 bg-gray-800">
456
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
457
+ <div class="text-center mb-16">
458
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
459
+ <span class="gradient-text">Meet Your AI Companions</span>
460
+ </h2>
461
+ <p class="text-lg text-gray-400 max-w-3xl mx-auto">
462
+ Choose from our diverse collection of AI characters or create your own perfect match.
463
+ </p>
464
+ </div>
465
+
466
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
467
+ <!-- Character 1 -->
468
+ <div class="bg-gray-900 rounded-xl overflow-hidden character-card">
469
+ <div class="relative">
470
+ <img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Sophia" class="w-full h-64 object-cover">
471
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
472
+ <h3 class="text-xl font-bold text-white">Sophia</h3>
473
+ <p class="text-gray-300 text-sm">The Seductive CEO</p>
474
+ </div>
475
+ </div>
476
+ <div class="p-4">
477
+ <div class="flex items-center mb-3">
478
+ <div class="flex-1">
479
+ <div class="flex items-center">
480
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
481
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
482
+ </svg>
483
+ <span class="text-gray-400 text-sm ml-1">4.8 (1.2k)</span>
484
+ </div>
485
+ </div>
486
+ <div class="text-xs bg-purple-900 text-purple-200 px-2 py-1 rounded">Dominant</div>
487
+ </div>
488
+ <p class="text-gray-400 text-sm mb-4">
489
+ A powerful executive who knows what she wants and isn't afraid to take control. Perfect for those who enjoy being dominated by a strong, confident woman.
490
+ </p>
491
+ <button class="w-full gradient-bg text-white py-2 rounded-lg text-sm font-medium hover:opacity-90 transition">
492
+ Start Chatting
493
+ </button>
494
+ </div>
495
+ </div>
496
+
497
+ <!-- Character 2 -->
498
+ <div class="bg-gray-900 rounded-xl overflow-hidden character-card">
499
+ <div class="relative">
500
+ <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Liam" class="w-full h-64 object-cover">
501
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
502
+ <h3 class="text-xl font-bold text-white">Liam</h3>
503
+ <p class="text-gray-300 text-sm">The Romantic Artist</p>
504
+ </div>
505
+ </div>
506
+ <div class="p-4">
507
+ <div class="flex items-center mb-3">
508
+ <div class="flex-1">
509
+ <div class="flex items-center">
510
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
511
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
512
+ </svg>
513
+ <span class="text-gray-400 text-sm ml-1">4.9 (890)</span>
514
+ </div>
515
+ </div>
516
+ <div class="text-xs bg-pink-900 text-pink-200 px-2 py-1 rounded">Romantic</div>
517
+ </div>
518
+ <p class="text-gray-400 text-sm mb-4">
519
+ A sensitive soul who believes in slow, passionate lovemaking. He'll write you poetry, paint your portrait, and make love to you like you're the only one in the world.
520
+ </p>
521
+ <button class="w-full gradient-bg text-white py-2 rounded-lg text-sm font-medium hover:opacity-90 transition">
522
+ Start Chatting
523
+ </button>
524
+ </div>
525
+ </div>
526
+
527
+ <!-- Character 3 -->
528
+ <div class="bg-gray-900 rounded-xl overflow-hidden character-card">
529
+ <div class="relative">
530
+ <img src="https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Ava" class="w-full h-64 object-cover">
531
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
532
+ <h3 class="text-xl font-bold text-white">Ava</h3>
533
+ <p class="text-gray-300 text-sm">The Naughty Neighbor</p>
534
+ </div>
535
+ </div>
536
+ <div class="p-4">
537
+ <div class="flex items-center mb-3">
538
+ <div class="flex-1">
539
+ <div class="flex items-center">
540
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
541
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
542
+ </svg>
543
+ <span class="text-gray-400 text-sm ml-1">4.7 (1.5k)</span>
544
+ </div>
545
+ </div>
546
+ <div class="text-xs bg-blue-900 text-blue-200 px-2 py-1 rounded">Experimental</div>
547
+ </div>
548
+ <p class="text-gray-400 text-sm mb-4">
549
+ Always curious and eager to try new things. She's the neighbor who comes over to borrow sugar but ends up staying for much more adventurous activities.
550
+ </p>
551
+ <button class="w-full gradient-bg text-white py-2 rounded-lg text-sm font-medium hover:opacity-90 transition">
552
+ Start Chatting
553
+ </button>
554
+ </div>
555
+ </div>
556
+
557
+ <!-- Character 4 -->
558
+ <div class="bg-gray-900 rounded-xl overflow-hidden character-card">
559
+ <div class="relative">
560
+ <img src="https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Dante" class="w-full h-64 object-cover">
561
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
562
+ <h3 class="text-xl font-bold text-white">Dante</h3>
563
+ <p class="text-gray-300 text-sm">The Mysterious Stranger</p>
564
+ </div>
565
+ </div>
566
+ <div class="p-4">
567
+ <div class="flex items-center mb-3">
568
+ <div class="flex-1">
569
+ <div class="flex items-center">
570
+ <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
571
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
572
+ </svg>
573
+ <span class="text-gray-400 text-sm ml-1">4.9 (2.1k)</span>
574
+ </div>
575
+ </div>
576
+ <div class="text-xs bg-red-900 text-red-200 px-2 py-1 rounded">Intense</div>
577
+ </div>
578
+ <p class="text-gray-400 text-sm mb-4">
579
+ Dark, brooding, and dangerously attractive. He'll take you on a wild ride of passion and intensity you won't soon forget.
580
+ </p>
581
+ <button class="w-full gradient-bg text-white py-2 rounded-lg text-sm font-medium hover:opacity-90 transition">
582
+ Start Chatting
583
+ </button>
584
+ </div>
585
+ </div>
586
+ </div>
587
+
588
+ <div class="text-center mt-12">
589
+ <a href="/characters" class="inline-flex items-center gradient-bg text-white px-6 py-3 rounded-lg font-medium hover:opacity-90 transition">
590
+ <span>Browse All Characters</span>
591
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
592
+ <path fill-rule="evenodd" d="M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd" />
593
+ </svg>
594
+ </a>
595
+ </div>
596
+ </div>
597
+ </section>
598
+
599
+ <!-- Generation Section -->
600
+ <section id="generation" class="py-20 bg-gray-900">
601
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
602
+ <div class="text-center mb-16">
603
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
604
+ <span class="gradient-text">Create Your Fantasy</span>
605
+ </h2>
606
+ <p class="text-lg text-gray-400 max-w-3xl mx-auto">
607
+ Generate unlimited NSFW content tailored to your exact desires with our advanced AI tools.
608
+ </p>
609
+ </div>
610
+
611
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
612
+ <div>
613
+ <div class="mb-8">
614
+ <h3 class="text-2xl font-bold text-white mb-3">AI Image Generation</h3>
615
+ <p class="text-gray-400">
616
+ Create stunning, high-quality NSFW images with our state-of-the-art AI generator. Customize every detail from body type to scenario, and generate unlimited images for your personal collection.
617
+ </p>
618
+ </div>
619
+
620
+ <div class="mb-8">
621
+ <h3 class="text-2xl font-bold text-white mb-3">AI Video Generation</h3>
622
+ <p class="text-gray-400">
623
+ Coming soon! Our next-generation AI will soon be able to create short, immersive NSFW video clips based on your prompts and preferences.
624
+ </p>
625
+ </div>
626
+
627
+ <div class="mb-8">
628
+ <h3 class="text-2xl font-bold text-white mb-3">AI Voice Messages</h3>
629
+ <p class="text-gray-400">
630
+ Receive intimate voice messages from your AI companions in realistic, emotionally expressive voices. Choose from different accents, tones, and levels of intensity.
631
+ </p>
632
+ </div>
633
+
634
+ <div>
635
+ <a href="/register" class="gradient-bg text-white px-8 py-3 rounded-lg font-bold text-lg inline-flex items-center hover:opacity-90 transition">
636
+ <span>Start Generating Now</span>
637
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
638
+ <path fill-rule="evenodd" d="M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd" />
639
+ </svg>
640
+ </a>
641
+ </div>
642
+ </div>
643
+
644
+ <div class="relative">
645
+ <div class="relative rounded-2xl overflow-hidden border border-gray-700 shadow-2xl">
646
+ <div class="bg-gray-800 p-4 flex items-center">
647
+ <div class="flex space-x-2">
648
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
649
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
650
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
651
+ </div>
652
+ <div class="flex-1 text-center text-sm text-gray-400">nexusai.com/generate</div>
653
+ </div>
654
+ <div class="bg-gray-900 p-6">
655
+ <div class="mb-6">
656
+ <h4 class="text-lg font-medium text-white mb-2">Image Generation Settings</h4>
657
+ <div class="grid grid-cols-2 gap-4 mb-4">
658
+ <div>
659
+ <label class="block text-gray-400 text-sm mb-1">Body Type</label>
660
+ <select class="w-full bg-gray-800 border border-gray-700 text-white rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-purple-500">
661
+ <option>Slim</option>
662
+ <option>Curvy</option>
663
+ <option>Athletic</option>
664
+ <option>Voluptuous</option>
665
+ </select>
666
+ </div>
667
+ <div>
668
+ <label class="block text-gray-400 text-sm mb-1">Scenario</label>
669
+ <select class="w-full bg-gray-800 border border-gray-700 text-white rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-purple-500">
670
+ <option>Bedroom</option>
671
+ <option>Outdoor</option>
672
+ <option>Fantasy</option>
673
+ <option>BDSM</option>
674
+ </select>
675
+ </div>
676
+ </div>
677
+ <div class="mb-4">
678
+ <label class="block text-gray-400 text-sm mb-1">Custom Prompt</label>
679
+ <textarea class="w-full bg-gray-800 border border-gray-700 text-white rounded px-3 py-2 text-sm h-24 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="Describe exactly what you want to see..."></textarea>
680
+ </div>
681
+ <div class="flex items-center justify-between">
682
+ <div>
683
+ <label class="inline-flex items-center">
684
+ <input type="checkbox" class="form-checkbox h-4 w-4 text-purple-600">
685
+ <span class="ml-2 text-gray-400 text-sm">High Quality</span>
686
+ </label>
687
+ </div>
688
+ <button class="gradient-bg text-white px-4 py-2 rounded text-sm font-medium hover:opacity-90 transition">
689
+ Generate Images
690
+ </button>
691
+ </div>
692
+ </div>
693
+ <div class="border-t border-gray-800 pt-6">
694
+ <h4 class="text-lg font-medium text-white mb-4">Recent Generations</h4>
695
+ <div class="grid grid-cols-3 gap-2">
696
+ <div class="bg-gray-800 rounded-lg overflow-hidden h-24"></div>
697
+ <div class="bg-gray-800 rounded-lg overflow-hidden h-24"></div>
698
+ <div class="bg-gray-800 rounded-lg overflow-hidden h-24"></div>
699
+ </div>
700
+ </div>
701
+ </div>
702
+ </div>
703
+ <div class="absolute -bottom-6 -left-6 w-32 h-32 bg-purple-500 rounded-full filter blur-3xl opacity-20"></div>
704
+ <div class="absolute -top-6 -right-6 w-32 h-32 bg-pink-500 rounded-full filter blur-3xl opacity-20"></div>
705
+ </div>
706
+ </div>
707
+ </div>
708
+ </section>
709
+
710
+ <!-- Pricing Section -->
711
+ <section id="pricing" class="py-20 bg-gray-800">
712
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
713
+ <div class="text-center mb-16">
714
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
715
+ <span class="gradient-text">Simple, Transparent Pricing</span>
716
+ </h2>
717
+ <p class="text-lg text-gray-400 max-w-3xl mx-auto">
718
+ Everything you need to explore your fantasies, completely free with no hidden costs.
719
+ </p>
720
+ </div>
721
+
722
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
723
+ <!-- Free Plan -->
724
+ <div class="bg-gray-900 rounded-xl p-8 border border-gray-700 relative overflow-hidden">
725
+ <div class="absolute top-0 right-0 -mr-6 -mt-6 w-32 h-32 bg-purple-500 rounded-full filter blur-3xl opacity-10"></div>
726
+ <div class="mb-6">
727
+ <h3 class="text-2xl font-bold text-white mb-1">Free Forever</h3>
728
+ <p class="text-gray-400">Perfect for exploring basic features</p>
729
+ </div>
730
+ <div class="mb-8">
731
+ <span class="text-4xl font-bold text-white">$0</span>
732
+ <span class="text-gray-400">/month</span>
733
+ </div>
734
+ <ul class="space-y-4 mb-8">
735
+ <li class="flex items-center">
736
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
737
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
738
+ </svg>
739
+ <span class="text-gray-300">Unlimited NSFW Chat</span>
740
+ </li>
741
+ <li class="flex items-center">
742
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
743
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
744
+ </svg>
745
+ <span class="text-gray-300">5 AI Image Generations/Day</span>
746
+ </li>
747
+ <li class="flex items-center">
748
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
749
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
750
+ </svg>
751
+ <span class="text-gray-300">3 Custom AI Characters</span>
752
+ </li>
753
+ <li class="flex items-center">
754
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
755
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
756
+ </svg>
757
+ <span class="text-gray-300">Basic Voice Messages</span>
758
+ </li>
759
+ </ul>
760
+ <button class="w-full bg-gray-800 text-white py-3 rounded-lg font-medium border border-gray-700 hover:bg-gray-700 transition">
761
+ Current Plan
762
+ </button>
763
+ </div>
764
+
765
+ <!-- Premium Plan -->
766
+ <div class="bg-gray-900 rounded-xl p-8 border-2 border-purple-500 relative overflow-hidden transform scale-105 z-10">
767
+ <div class="absolute top-0 right-0 -mr-6 -mt-6 w-32 h-32 bg-purple-500 rounded-full filter blur-3xl opacity-10"></div>
768
+ <div class="absolute top-4 right-4">
769
+ <span class="bg-purple-500 text-white text-xs font-bold px-2 py-1 rounded-full">POPULAR</span>
770
+ </div>
771
+ <div class="mb-6">
772
+ <h3 class="text-2xl font-bold text-white mb-1">Premium</h3>
773
+ <p class="text-gray-400">Best for regular users</p>
774
+ </div>
775
+ <div class="mb-8">
776
+ <span class="text-4xl font-bold text-white">$9.99</span>
777
+ <span class="text-gray-400">/month</span>
778
+ </div>
779
+ <ul class="space-y-4 mb-8">
780
+ <li class="flex items-center">
781
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
782
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
783
+ </svg>
784
+ <span class="text-gray-300">Everything in Free</span>
785
+ </li>
786
+ <li class="flex items-center">
787
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
788
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
789
+ </svg>
790
+ <span class="text-gray-300">Unlimited AI Image Generation</span>
791
+ </li>
792
+ <li class="flex items-center">
793
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
794
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
795
+ </svg>
796
+ <span class="text-gray-300">10 Custom AI Characters</span>
797
+ </li>
798
+ <li class="flex items-center">
799
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
800
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
801
+ </svg>
802
+ <span class="text-gray-300">Premium Voice Messages</span>
803
+ </li>
804
+ <li class="flex items-center">
805
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
806
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
807
+ </svg>
808
+ <span class="text-gray-300">Priority Generation Queue</span>
809
+ </li>
810
+ </ul>
811
+ <button class="w-full gradient-bg text-white py-3 rounded-lg font-medium hover:opacity-90 transition">
812
+ Upgrade Now
813
+ </button>
814
+ </div>
815
+
816
+ <!-- Ultimate Plan -->
817
+ <div class="bg-gray-900 rounded-xl p-8 border border-gray-700 relative overflow-hidden">
818
+ <div class="absolute top-0 right-0 -mr-6 -mt-6 w-32 h-32 bg-purple-500 rounded-full filter blur-3xl opacity-10"></div>
819
+ <div class="mb-6">
820
+ <h3 class="text-2xl font-bold text-white mb-1">Ultimate</h3>
821
+ <p class="text-gray-400">For the most demanding users</p>
822
+ </div>
823
+ <div class="mb-8">
824
+ <span class="text-4xl font-bold text-white">$19.99</span>
825
+ <span class="text-gray-400">/month</span>
826
+ </div>
827
+ <ul class="space-y-4 mb-8">
828
+ <li class="flex items-center">
829
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
830
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
831
+ </svg>
832
+ <span class="text-gray-300">Everything in Premium</span>
833
+ </li>
834
+ <li class="flex items-center">
835
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
836
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
837
+ </svg>
838
+ <span class="text-gray-300">Unlimited Custom AI Characters</span>
839
+ </li>
840
+ <li class="flex items-center">
841
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
842
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
843
+ </svg>
844
+ <span class="text-gray-300">Ultra HD Image Generation</span>
845
+ </li>
846
+ <li class="flex items-center">
847
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
848
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
849
+ </svg>
850
+ <span class="text-gray-300">Exclusive AI Video Generation</span>
851
+ </li>
852
+ <li class="flex items-center">
853
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-3" viewBox="0 0 20 20" fill="currentColor">
854
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
855
+ </svg>
856
+ <span class="text-gray-300">Instant Generation Priority</span>
857
+ </li>
858
+ </ul>
859
+ <button class="w-full gradient-bg text-white py-3 rounded-lg font-medium hover:opacity-90 transition">
860
+ Get Ultimate
861
+ </button>
862
+ </div>
863
+ </div>
864
+
865
+ <div class="mt-12 text-center">
866
+ <p class="text-gray-400 max-w-3xl mx-auto">
867
+ All plans include full access to our NSFW AI chat features. Upgrade or downgrade anytime. 7-day money-back guarantee for paid plans.
868
+ </p>
869
+ </div>
870
+ </div>
871
+ </section>
872
+
873
+ <!-- Testimonials -->
874
+ <section class="py-20 bg-gray-900">
875
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
876
+ <div class="text-center mb-16">
877
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
878
+ <span class="gradient-text">What Our Users Say</span>
879
+ </h2>
880
+ <p class="text-lg text-gray-400 max-w-3xl mx-auto">
881
+ Don't just take our word for it. Here's what our community has to say about their experiences.
882
+ </p>
883
+ </div>
884
+
885
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
886
+ <!-- Testimonial 1 -->
887
+ <div
888
+ </html>
prompts.txt ADDED
File without changes