Hugging Face's logo

Spaces:
ikalki
/
asd
Running

App Files Community
ikalki commited on
Commit
6f6b997
·
verified ·
1 Parent(s): 1ed1a88

THIS IS BASIC WITHOUT ANY AI DESIGNS ON UI UX MAKE IT ADVANCE - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +628 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Asd
3
- emoji: 👀
4
- colorFrom: gray
5
- colorTo: red
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: asd
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: pink
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,628 @@
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>Axzora - Super App Vision</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
9
+ <style>
10
+ @keyframes float {
11
+ 0%, 100% { transform: translateY(0); }
12
+ 50% { transform: translateY(-10px); }
13
+ }
14
+ body {
15
+ font-family: 'Poppins', sans-serif;
16
+ background-color: #f8fafc;
17
+ }
18
+ .animate-float {
19
+ animation: float 6s ease-in-out infinite;
20
+ }
21
+ .gradient-bg {
22
+ background: linear-gradient(135deg, #6b46c1 0%, #4299e1 100%);
23
+ }
24
+ .card-hover:hover {
25
+ transform: translateY(-5px);
26
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
27
+ }
28
+ .transition-all {
29
+ transition: all 0.3s ease;
30
+ }
31
+ </style>
32
+ </head>
33
+ <body>
34
+ <!-- Navigation -->
35
+ <nav class="bg-white/80 backdrop-blur-md shadow-lg border-b border-white/20">
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
+ <div class="flex-shrink-0 flex items-center">
40
+ <span class="text-indigo-600 font-bold text-xl">Axzora</span>
41
+ </div>
42
+ <div class="hidden md:ml-6 md:flex md:space-x-8">
43
+ <a href="#" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
44
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Features</a>
45
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Mr. Happy</a>
46
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Project Jagruti</a>
47
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">About</a>
48
+ </div>
49
+ </div>
50
+ <div class="hidden md:ml-6 md:flex md:items-center">
51
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-all">Get Started</button>
52
+ </div>
53
+ <div class="-mr-2 flex items-center md:hidden">
54
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
55
+ <span class="sr-only">Open main menu</span>
56
+ <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
57
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
58
+ </svg>
59
+ </button>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ </nav>
64
+
65
+ <!-- Hero Section -->
66
+ <div class="relative overflow-hidden gradient-bg text-white">
67
+ <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-indigo-900/20 to-purple-900/0 animate-pulse"></div>
68
+ <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div>
69
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
70
+ <div class="text-center">
71
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
72
+ <span class="block">Redefining Digital Experiences</span>
73
+ <span class="block">with Axzora Super App</span>
74
+ </h1>
75
+ <p class="mt-6 max-w-lg mx-auto text-xl">
76
+ One platform to unify e-commerce, social media, finance, travel, food delivery, and entertainment - powered by AI and quantum-resistant security.
77
+ </p>
78
+ <div class="mt-10 flex justify-center space-x-4">
79
+ <a href="#" class="bg-white text-indigo-600 px-8 py-3 rounded-md text-base font-medium hover:bg-gray-100 transition-all">Explore Features</a>
80
+ <a href="#" class="bg-indigo-700 text-white px-8 py-3 rounded-md text-base font-medium hover:bg-indigo-800 transition-all">Meet Mr. Happy</a>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </div>
85
+
86
+ <!-- Multi-Profile Architecture -->
87
+ <div class="py-12 bg-gray-50">
88
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
89
+ <div class="lg:text-center">
90
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">AI Innovation</h2>
91
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
92
+ Multi-Profile Architecture
93
+ </p>
94
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
95
+ One assistant that adapts to every family member's unique needs
96
+ </p>
97
+ </div>
98
+
99
+ <div class="mt-10 grid md:grid-cols-2 gap-8 items-center">
100
+ <div>
101
+ <div class="bg-white p-6 rounded-lg shadow-md">
102
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Context-Aware Profiles</h3>
103
+ <p class="text-gray-600 mb-4">
104
+ Mr. Happy maintains distinct profiles for each family member, learning individual preferences
105
+ for everything from food tastes to entertainment choices. Our context-aware APIs dynamically
106
+ adjust based on real-time inputs like location, time of day, and past interactions.
107
+ </p>
108
+ <div class="bg-indigo-50 p-4 rounded-md">
109
+ <p class="text-indigo-700 italic">"Would you like me to order your usual masala chai - extra strong with less sugar?"</p>
110
+ </div>
111
+ </div>
112
+
113
+ <div class="mt-6 bg-white p-6 rounded-lg shadow-md">
114
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Seamless Profile Switching</h3>
115
+ <p class="text-gray-600">
116
+ Using advanced voice biometrics, Mr. Happy automatically recognizes who's speaking and
117
+ switches to their personalized profile instantly. No manual selection needed - just natural
118
+ conversation.
119
+ </p>
120
+ </div>
121
+ </div>
122
+ <div class="flex justify-center">
123
+ <img src="https://images.unsplash.com/photo-1600880292203-757bb62b4baf" alt="Family using digital devices" class="rounded-lg shadow-xl w-full h-auto">
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </div>
128
+
129
+ <!-- Super App Features -->
130
+ <div class="py-12 bg-white">
131
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
132
+ <div class="lg:text-center">
133
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Integrated Services</h2>
134
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
135
+ Everything You Need in One Place
136
+ </p>
137
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
138
+ Why toggle between ten different apps when one can do it all?
139
+ </p>
140
+ </div>
141
+
142
+ <div class="mt-10">
143
+ <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3">
144
+ <!-- E-commerce -->
145
+ <div class="bg-white/10 backdrop-blur-md rounded-xl shadow-lg overflow-hidden card-hover transition-all hover:scale-[1.02] hover:shadow-xl border border-white/20">
146
+ <div class="p-6">
147
+ <div class="flex items-center">
148
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
149
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
150
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
151
+ </svg>
152
+ </div>
153
+ <div class="ml-5">
154
+ <h3 class="text-lg leading-6 font-medium text-gray-900">E-commerce</h3>
155
+ </div>
156
+ </div>
157
+ <p class="mt-2 text-base text-gray-500">
158
+ Shop millions of products with personalized recommendations powered by Mr. Happy's AI.
159
+ </p>
160
+ </div>
161
+ </div>
162
+
163
+ <!-- Social Media -->
164
+ <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all">
165
+ <div class="p-6">
166
+ <div class="flex items-center">
167
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
168
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
169
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
170
+ </svg>
171
+ </div>
172
+ <div class="ml-5">
173
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Social Media</h3>
174
+ </div>
175
+ </div>
176
+ <p class="mt-2 text-base text-gray-500">
177
+ Connect with friends, share moments, and discover communities tailored to your interests.
178
+ </p>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Finance -->
183
+ <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all">
184
+ <div class="p-6">
185
+ <div class="flex items-center">
186
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
187
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
188
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
189
+ </svg>
190
+ </div>
191
+ <div class="ml-5">
192
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Finance</h3>
193
+ </div>
194
+ </div>
195
+ <p class="mt-2 text-base text-gray-500">
196
+ Secure banking, investments, and payments with quantum-resistant encryption technology.
197
+ </p>
198
+ </div>
199
+ </div>
200
+
201
+ <!-- Travel -->
202
+ <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all">
203
+ <div class="p-6">
204
+ <div class="flex items-center">
205
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
206
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
207
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
208
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
209
+ </svg>
210
+ </div>
211
+ <div class="ml-5">
212
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Travel</h3>
213
+ </div>
214
+ </div>
215
+ <p class="mt-2 text-base text-gray-500">
216
+ Book flights, hotels, and experiences with AI-powered personalized recommendations.
217
+ </p>
218
+ </div>
219
+ </div>
220
+
221
+ <!-- Food Delivery -->
222
+ <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all">
223
+ <div class="p-6">
224
+ <div class="flex items-center">
225
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
226
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
227
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
228
+ </svg>
229
+ </div>
230
+ <div class="ml-5">
231
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Food Delivery</h3>
232
+ </div>
233
+ </div>
234
+ <p class="mt-2 text-base text-gray-500">
235
+ Order from your favorite restaurants with AI suggestions based on your taste preferences.
236
+ </p>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Entertainment -->
241
+ <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all">
242
+ <div class="p-6">
243
+ <div class="flex items-center">
244
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
245
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
246
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z" />
247
+ </svg>
248
+ </div>
249
+ <div class="ml-5">
250
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Entertainment</h3>
251
+ </div>
252
+ </div>
253
+ <p class="mt-2 text-base text-gray-500">
254
+ Stream movies, music, and shows with content curated just for you by Mr. Happy.
255
+ </p>
256
+ </div>
257
+ </div>
258
+
259
+ <!-- Language AI -->
260
+ <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all">
261
+ <div class="p-6">
262
+ <div class="flex items-center">
263
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
264
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
265
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" />
266
+ </svg>
267
+ </div>
268
+ <div class="ml-5">
269
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Language AI</h3>
270
+ </div>
271
+ </div>
272
+ <p class="mt-2 text-base text-gray-500">
273
+ Fluent in 10+ Indian languages with advanced NLP for colloquialisms and code-mixing.
274
+ </p>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </div>
281
+
282
+ <!-- Mr. Happy AI Section -->
283
+ <div class="py-12 bg-gray-50">
284
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
285
+ <div class="lg:text-center">
286
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">AI Innovation</h2>
287
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
288
+ Meet Mr. Happy - Your Digital CEO
289
+ </p>
290
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
291
+ A generative AI persona that proactively manages your digital life across all services.
292
+ </p>
293
+ </div>
294
+
295
+ <div class="mt-10">
296
+ <div class="grid md:grid-cols-2 gap-8 items-center">
297
+ <div>
298
+ <div class="bg-white p-6 rounded-lg shadow-md">
299
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Persona Builder (The 11-Day Cycle)</h3>
300
+ <p class="text-gray-600 mb-4">
301
+ Mr. Happy discreetly constructs detailed user personas by analyzing behavior across all app modules. Every 11 days, it engages users with personalized, contextual questions to refine their persona.
302
+ </p>
303
+ <div class="bg-indigo-50 p-4 rounded-md">
304
+ <p class="text-indigo-700 italic">"You've been watching a lot of sci-fi lately; do you have a favorite sub-genre? I'd like to remember your taste for future movie suggestions."</p>
305
+ </div>
306
+ </div>
307
+
308
+ <div class="mt-6 bg-white p-6 rounded-lg shadow-md">
309
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Multi-Language Proficiency</h3>
310
+ <p class="text-gray-600">
311
+ Mr. Happy employs sophisticated NLP to comprehend and respond in a user's preferred language, facilitating global accessibility while understanding cultural nuances.
312
+ </p>
313
+ </div>
314
+ </div>
315
+
316
+ <div class="flex justify-center relative">
317
+ <div class="bg-white/10 backdrop-blur-md p-8 rounded-full shadow-2xl border-8 border-indigo-100/30 relative overflow-hidden">
318
+ <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div>
319
+ <div class="w-48 h-48 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-full flex items-center justify-center relative overflow-hidden">
320
+ <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div>
321
+ <div class="relative z-10">
322
+ <svg class="h-32 w-32 text-white animate-pulse" fill="none" viewBox="0 0 24 24" stroke="currentColor">
323
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
324
+ </svg>
325
+ </div>
326
+ </div>
327
+ </div>
328
+ <div class="absolute inset-0 flex items-center justify-center">
329
+ <div class="w-64 h-64 rounded-full border-2 border-indigo-300/30 animate-ping opacity-20"></div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ </div>
336
+
337
+ <!-- Project Jagruti Section -->
338
+ <div class="py-12 bg-white">
339
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
340
+ <div class="lg:text-center">
341
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Social Impact</h2>
342
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
343
+ Project Jagruti
344
+ </p>
345
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
346
+ Empowering Indian women through Miss Happy voice assistant
347
+ </p>
348
+ </div>
349
+
350
+ <div class="mt-10">
351
+ <div class="bg-indigo-700 rounded-lg shadow-xl overflow-hidden">
352
+ <div class="grid md:grid-cols-2">
353
+ <div class="p-8 text-white">
354
+ <h3 class="text-2xl font-bold mb-4">Core Principles</h3>
355
+ <ul class="space-y-4">
356
+ <li class="flex items-start">
357
+ <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
358
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
359
+ </svg>
360
+ <span class="ml-2">Empathetic & Non-Judgmental: Supportive, calm, and reassuring tone</span>
361
+ </li>
362
+ <li class="flex items-start">
363
+ <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
364
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
365
+ </svg>
366
+ <span class="ml-2">Simplicity: Legal concepts broken down into everyday language</span>
367
+ </li>
368
+ <li class="flex items-start">
369
+ <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
370
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
371
+ </svg>
372
+ <span class="ml-2">Age-Appropriate Segmentation: Content tailored to different age groups</span>
373
+ </li>
374
+ <li class="flex items-start">
375
+ <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
376
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
377
+ </svg>
378
+ <span class="ml-2">Action-Oriented: Clear next steps and helpline numbers provided</span>
379
+ </li>
380
+ <li class="flex items-start">
381
+ <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
382
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
383
+ </svg>
384
+ <span class="ml-2">Absolute Privacy: Conversations are private and secure</span>
385
+ </li>
386
+ </ul>
387
+ </div>
388
+ <div class="bg-white p-8">
389
+ <h3 class="text-xl font-bold text-gray-900 mb-4">User Journey</h3>
390
+ <div class="space-y-4">
391
+ <div class="bg-indigo-50 p-4 rounded-md">
392
+ <p class="text-indigo-700 font-medium">User Prompt:</p>
393
+ <p class="text-gray-700 italic">"Hey Happy, what are my rights?"</p>
394
+ </div>
395
+ <div class="bg-indigo-100 p-4 rounded-md">
396
+ <p class="text-indigo-700 font-medium">Miss Happy Response:</p>
397
+ <p class="text-gray-700 italic">"I can certainly help with that. To give you the right information, could you tell me which group you belong to? You can say: Young Girl, Teenager, Adult Woman, or Senior Citizen."</p>
398
+ </div>
399
+ <div class="bg-indigo-50 p-4 rounded-md">
400
+ <p class="text-indigo-700 font-medium">Age-Specific Content Example (Adult Women):</p>
401
+ <p class="text-gray-700 italic">"Under the Protection of Women from Domestic Violence Act, you have rights against physical, emotional, sexual, verbal, and economic abuse. Would you like information about local support services?"</p>
402
+ </div>
403
+ </div>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ </div>
410
+
411
+ <!-- Digital Ecosystem Integration -->
412
+ <div class="py-12 bg-white">
413
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
414
+ <div class="lg:text-center">
415
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Seamless Integration</h2>
416
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
417
+ Connected to India's Digital Infrastructure
418
+ </p>
419
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
420
+ One assistant that works with all your essential services
421
+ </p>
422
+ </div>
423
+
424
+ <div class="mt-10">
425
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
426
+ <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center">
427
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Yono_by_SBI_Logo.svg/1200px-Yono_by_SBI_Logo.svg.png" alt="UPI" class="h-16 w-auto">
428
+ <p class="mt-4 text-center font-medium">UPI Payments</p>
429
+ </div>
430
+ <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center">
431
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Flipkart_logo.png/800px-Flipkart_logo.png" alt="Flipkart" class="h-16 w-auto">
432
+ <p class="mt-4 text-center font-medium">E-commerce</p>
433
+ </div>
434
+ <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center">
435
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/IRCTC_Logo.png/800px-IRCTC_Logo.png" alt="IRCTC" class="h-16 w-auto">
436
+ <p class="mt-4 text-center font-medium">Train Bookings</p>
437
+ </div>
438
+ <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center">
439
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Practo_logo.png/800px-Practo_logo.png" alt="Practo" class="h-16 w-auto">
440
+ <p class="mt-4 text-center font-medium">Doctor Appointments</p>
441
+ </div>
442
+ </div>
443
+ </div>
444
+ </div>
445
+ </div>
446
+
447
+ <!-- Security Section -->
448
+ <div class="py-12 bg-gray-50">
449
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
450
+ <div class="lg:text-center">
451
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Security</h2>
452
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
453
+ Quantum-Resistant Foundations
454
+ </p>
455
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
456
+ Built with security and privacy at its core
457
+ </p>
458
+ </div>
459
+
460
+ <div class="mt-10">
461
+ <div class="grid md:grid-cols-3 gap-8">
462
+ <div class="bg-white p-6 rounded-lg shadow-md">
463
+ <div class="flex items-center mb-4">
464
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2">
465
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
466
+ <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" />
467
+ </svg>
468
+ </div>
469
+ <h3 class="ml-3 text-lg font-medium text-gray-900">Data Encryption</h3>
470
+ </div>
471
+ <p class="text-gray-600">
472
+ All user data is encrypted using post-quantum cryptography algorithms to protect against future threats.
473
+ </p>
474
+ </div>
475
+
476
+ <div class="bg-white p-6 rounded-lg shadow-md">
477
+ <div class="flex items-center mb-4">
478
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2">
479
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
480
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
481
+ </svg>
482
+ </div>
483
+ <h3 class="ml-3 text-lg font-medium text-gray-900">Privacy Controls</h3>
484
+ </div>
485
+ <p class="text-gray-600">
486
+ Granular privacy settings allow users to control exactly what data is shared across services.
487
+ </p>
488
+ </div>
489
+
490
+ <div class="bg-white p-6 rounded-lg shadow-md">
491
+ <div class="flex items-center mb-4">
492
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2">
493
+ <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
494
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
495
+ </svg>
496
+ </div>
497
+ <h3 class="ml-3 text-lg font-medium text-gray-900">Regulatory Compliance</h3>
498
+ </div>
499
+ <p class="text-gray-600">
500
+ Designed to comply with GDPR, CCPA, and India's DPDP Act with built-in consent management.
501
+ </p>
502
+ </div>
503
+ </div>
504
+ </div>
505
+ </div>
506
+ </div>
507
+
508
+ <!-- CTA Section -->
509
+ <div class="gradient-bg text-white relative overflow-hidden">
510
+ <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div>
511
+ <div class="relative z-10 transform transition-all duration-500 hover:scale-[1.01]">
512
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
513
+ <div class="md:flex md:items-center md:justify-between">
514
+ <div class="md:w-2/3">
515
+ <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
516
+ Ready to experience the future of digital interaction?
517
+ </h2>
518
+ <p class="mt-3 max-w-3xl text-lg">
519
+ Join the waitlist to be among the first to access Axzora's revolutionary super app.
520
+ </p>
521
+ </div>
522
+ <div class="mt-8 md:mt-0 md:w-1/3">
523
+ <form class="sm:flex">
524
+ <label for="email" class="sr-only">Email address</label>
525
+ <input id="email" type="email" placeholder="Enter your email" class="w-full px-5 py-3 border border-transparent placeholder-gray-500 focus:ring-2 focus:ring-offset-2 focus:ring-offset-indigo-700 focus:ring-white focus:border-white sm:max-w-xs rounded-md">
526
+ <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
527
+ <button type="submit" class="w-full bg-white text-indigo-600 px-5 py-3 border border-transparent rounded-md font-medium hover:bg-gray-100 transition-all">
528
+ Join Waitlist
529
+ </button>
530
+ </div>
531
+ </form>
532
+ </div>
533
+ </div>
534
+ </div>
535
+ </div>
536
+
537
+ <!-- Footer -->
538
+ <footer class="bg-gray-800">
539
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
540
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
541
+ <div>
542
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Product</h3>
543
+ <ul class="mt-4 space-y-2">
544
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Features</a></li>
545
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Pricing</a></li>
546
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Security</a></li>
547
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Integrations</a></li>
548
+ </ul>
549
+ </div>
550
+ <div>
551
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Company</h3>
552
+ <ul class="mt-4 space-y-2">
553
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">About</a></li>
554
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Careers</a></li>
555
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Press</a></li>
556
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Contact</a></li>
557
+ </ul>
558
+ </div>
559
+ <div>
560
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Resources</h3>
561
+ <ul class="mt-4 space-y-2">
562
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Documentation</a></li>
563
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Guides</a></li>
564
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Blog</a></li>
565
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Support</a></li>
566
+ </ul>
567
+ </div>
568
+ <div>
569
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Legal</h3>
570
+ <ul class="mt-4 space-y-2">
571
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Privacy</a></li>
572
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Terms</a></li>
573
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">Cookie Policy</a></li>
574
+ <li><a href="#" class="text-gray-300 hover:text-white text-sm">GDPR</a></li>
575
+ </ul>
576
+ </div>
577
+ </div>
578
+ <div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between">
579
+ <div class="flex space-x-6 md:order-2">
580
+ <a href="#" class="text-gray-400 hover:text-white">
581
+ <span class="sr-only">Facebook</span>
582
+ <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
583
+ <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
584
+ </svg>
585
+ </a>
586
+ <a href="#" class="text-gray-400 hover:text-white">
587
+ <span class="sr-only">Twitter</span>
588
+ <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
589
+ <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
590
+ </svg>
591
+ </a>
592
+ <a href="#" class="text-gray-400 hover:text-white">
593
+ <span class="sr-only">Instagram</span>
594
+ <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
595
+ <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
596
+ </svg>
597
+ </a>
598
+ <a href="#" class="text-gray-400 hover:text-white">
599
+ <span class="sr-only">LinkedIn</span>
600
+ <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
601
+ <path fill-rule="evenodd" d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" clip-rule="evenodd" />
602
+ </svg>
603
+ </a>
604
+ </div>
605
+ <p class="mt-8 text-base text-gray-400 md:mt-0 md:order-1">
606
+ &copy; 2023 Axzora. All rights reserved.
607
+ </p>
608
+ </div>
609
+ </div>
610
+ </footer>
611
+
612
+ <script>
613
+ // Simple script for mobile menu toggle
614
+ document.addEventListener('DOMContentLoaded', function() {
615
+ const mobileMenuButton = document.querySelector('.md\\:hidden button');
616
+ const mobileMenu = document.querySelector('.md\\:hidden + .hidden');
617
+
618
+ mobileMenuButton.addEventListener('click', function() {
619
+ if (mobileMenu.classList.contains('hidden')) {
620
+ mobileMenu.classList.remove('hidden');
621
+ } else {
622
+ mobileMenu.classList.add('hidden');
623
+ }
624
+ });
625
+ });
626
+ </script>
627
+ <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-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=ikalki/asd" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
628
+ </html>