Hugging Face's logo

Spaces:
web3district
/
sbcxweb3dstrict
Running

App Files Community
web3district commited on
Commit
6f1079c
·
verified ·
1 Parent(s): 4ce7fa9

lpease use this video link frmo google: https://drive.google.com/file/d/1nVi1lALKDSSFVNFlYUrw56b4iK2EwSd7/view?usp=sharing - Follow Up Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +412 -19
  3. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Sbcxweb3dstrict
3
- emoji: 🐢
4
- colorFrom: green
5
- colorTo: yellow
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: sbcxweb3dstrict
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: blue
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,412 @@
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>SBC Summit x Web3District Partnership</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/@phosphor-icons/web"></script>
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ 'purple-start': '#6D28D9',
15
+ 'fuchsia-end': '#EC4899',
16
+ },
17
+ backgroundImage: {
18
+ 'hero-gradient': 'linear-gradient(45deg, #6D28D9, #8B5CF6, #EC4899)',
19
+ 'card-gradient': 'linear-gradient(135deg, #6D28D9, #EC4899)',
20
+ 'timeline-bg': 'linear-gradient(180deg, #7E22CE 0%, #DB2777 100%)'
21
+ }
22
+ }
23
+ }
24
+ }
25
+ </script>
26
+ <style type="text/tailwindcss">
27
+ @layer base {
28
+ body {
29
+ @apply bg-gray-900 text-gray-100 font-sans;
30
+ }
31
+ .gradient-text {
32
+ background: linear-gradient(45deg, #8B5CF6, #EC4899);
33
+ -webkit-background-clip: text;
34
+ -webkit-text-fill-color: transparent;
35
+ }
36
+ .timeline-center::after {
37
+ content: '';
38
+ @apply absolute top-0 left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-purple-500 to-pink-500;
39
+ }
40
+ @media (max-width: 768px) {
41
+ .timeline-center::after {
42
+ @apply left-8;
43
+ }
44
+ }
45
+ }
46
+ @layer utilities {
47
+ .scrollbar-hidden::-webkit-scrollbar {
48
+ display: none;
49
+ }
50
+ .scrollbar-hidden {
51
+ -ms-overflow-style: none;
52
+ scrollbar-width: none;
53
+ }
54
+ }
55
+ </style>
56
+ </head>
57
+ <body class="min-h-screen">
58
+ <!-- Hero Section -->
59
+ <section class="relative overflow-hidden">
60
+ <!-- Video Background -->
61
+ <div class="absolute inset-0 z-0">
62
+ <video autoplay muted loop playsinline class="w-full h-full object-cover opacity-50">
63
+ <source src="https://drive.google.com/uc?export=view&id=1nVi1lALKDSSFVNFlYUrw56b4iK2EwSd7" type="video/mp4">
64
+ </video>
65
+ <div class="absolute inset-0 bg-gradient-to-r from-purple-900/80 via-fuchsia-900/80 to-purple-900/80"></div>
66
+ </div>
67
+
68
+ <!-- Hero Content -->
69
+ <div class="container mx-auto px-4 py-24 relative z-10">
70
+ <div class="max-w-5xl mx-auto text-center">
71
+ <div class="flex justify-center mb-6">
72
+ <div class="bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-full">
73
+ <div class="bg-gray-900 rounded-full px-4 py-1 text-sm font-semibold">
74
+ Partnership Campaign: May-October 2025
75
+ </div>
76
+ </div>
77
+ </div>
78
+ <h1 class="text-4xl md:text-6xl font-extrabold mb-6">
79
+ <span class="gradient-text">SBC Summit</span> x
80
+ <span class="gradient-text">Web3District</span>
81
+ </h1>
82
+ <p class="text-xl md:text-2xl font-light text-purple-200 mb-8 max-w-3xl mx-auto">
83
+ Connecting Lisbon's Web3 culture to SBC Summit through a gamified Quest experience
84
+ </p>
85
+
86
+ <div class="bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-xl mb-8 mx-auto max-w-xl">
87
+ <div class="bg-gray-900 rounded-xl px-6 py-4">
88
+ <p class="text-2xl font-bold gradient-text mb-2">10,000+ User Phygital Campaign</p>
89
+ <p class="text-sm text-purple-200">Win VIP access to see Gary Vee live @ SBC Summit 2025</p>
90
+ </div>
91
+ </div>
92
+
93
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
94
+ <button class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:from-purple-600 hover:to-pink-600 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105">
95
+ Join the Quest
96
+ </button>
97
+ <button class="bg-transparent border-2 border-purple-500 hover:border-purple-300 text-purple-300 hover:text-white font-bold py-3 px-8 rounded-full transition-colors">
98
+ <i class="ph ph-play-circle mr-2"></i> Watch Trailer
99
+ </button>
100
+ </div>
101
+ </div>
102
+ </div>
103
+ </section>
104
+
105
+ <!-- Stats Section -->
106
+ <section class="py-16 bg-gray-800">
107
+ <div class="container mx-auto px-4">
108
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 max-w-5xl mx-auto">
109
+ <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
110
+ <p class="text-3xl md:text-4xl font-bold gradient-text">7.2k+</p>
111
+ <p class="text-sm text-purple-200">SBC Gaming Twitter</p>
112
+ </div>
113
+ <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
114
+ <p class="text-3xl md:text-4xl font-bold gradient-text">700+</p>
115
+ <p class="text-sm text-purple-200">Telegram Subscribers</p>
116
+ </div>
117
+ <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
118
+ <p class="text-3xl md:text-4xl font-bold gradient-text">8,000+</p>
119
+ <p class="text-sm text-purple-200">Web3 Lisbon Participants</p>
120
+ </div>
121
+ <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
122
+ <p class="text-3xl md:text-4xl font-bold gradient-text">20</p>
123
+ <p class="text-sm text-purple-200">VIP HQ Guests</p>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </section>
128
+
129
+ <!-- Roadmap Section -->
130
+ <section class="py-20 relative">
131
+ <div class="absolute inset-0 bg-gradient-to-b from-gray-900 to-purple-900 opacity-30 z-0"></div>
132
+
133
+ <div class="container mx-auto px-4 relative z-10">
134
+ <div class="text-center mb-16">
135
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
136
+ <span class="gradient-text">Engagement Roadmap</span>
137
+ </h2>
138
+ <div class="w-24 h-1 bg-gradient-to-r from-purple-start to-fuchsia-end mx-auto"></div>
139
+ </div>
140
+
141
+ <!-- Roadmap Timeline -->
142
+ <div class="max-w-4xl mx-auto relative">
143
+ <div class="pl-0 md:pl-16 lg:pl-32 relative timeline-center">
144
+ <!-- May 2025 -->
145
+ <div class="mb-16 relative flex">
146
+ <div class="hidden md:block absolute -left-4 top-4 w-8 h-8 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end flex items-center justify-center z-10">
147
+ <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
148
+ </div>
149
+ <div class="bg-gradient-to-br from-purple-900/80 to-fuchsia-900/80 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full">
150
+ <div class="absolute -top-3 right-4 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full">
151
+ MAY 2025 — FOUNDATION PHASE
152
+ </div>
153
+ <ul class="list-disc pl-5 space-y-2 mt-8">
154
+ <li>✅ TON FEST Activation Completed</li>
155
+ <li>✅ SBC brand seeded across Telegram & Lisbon Web3</li>
156
+ <li>✅ Telegram Quest Bot & Strategy Blueprint completed</li>
157
+ <li>✅ VIP HQ secured at Avenida da Liberdade</li>
158
+ <li>✅ Initial Quest narrative, XP logic, and sponsor prize tiers structured</li>
159
+ </ul>
160
+ <div class="flex flex-wrap gap-2 mt-4">
161
+ <span class="bg-purple-800 text-purple-200 text-xs px-2 py-1 rounded">Telegram</span>
162
+ <span class="bg-purple-800 text-purple-200 text-xs px-2 py-1 rounded">VIP HQ</span>
163
+ <span class="bg-purple-800 text-purple-200 text-xs px-2 py-1 rounded">Narrative Design</span>
164
+ </div>
165
+ </div>
166
+ </div>
167
+
168
+ <!-- June 2025 -->
169
+ <div class="mb-16 relative flex">
170
+ <div class="hidden md:block absolute -left-4 top-4 w-8 h-8 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end flex items-center justify-center z-10">
171
+ <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
172
+ </div>
173
+ <div class="bg-gradient-to-br from-purple-900/80 to-fuchsia-900/80 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full">
174
+ <div class="absolute -top-3 right-4 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full">
175
+ JUNE 2025 — LAUNCH PHASE
176
+ </div>
177
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
178
+ <div>
179
+ <h3 class="font-bold text-purple-300">🔥 PR & Media</h3>
180
+ <ul class="list-disc pl-5 space-y-1 mt-2">
181
+ <li>🚀 Gary Vee Keynote Announcement</li>
182
+ <li>Published across 15+ Top Web3/AI Media</li>
183
+ </ul>
184
+ </div>
185
+ <div>
186
+ <h3 class="font-bold text-purple-300">🎮 Quest Campaign</h3>
187
+ <ul class="list-disc pl-5 space-y-1 mt-2">
188
+ <li>🛠️ Soft Launch of Quest Game</li>
189
+ <li>🧭 Finalize phygital rollout plan</li>
190
+ </ul>
191
+ </div>
192
+ <div>
193
+ <h3 class="font-bold text-purple-300">📣 Community Engagement</h3>
194
+ <ul class="list-disc pl-5 space-y-1 mt-2">
195
+ <li>🎁 Distribute 30% Discount Codes</li>
196
+ <li>🚀 Launch 360º Social Media Campaign</li>
197
+ </ul>
198
+ </div>
199
+ <div>
200
+ <h3 class="font-bold text-purple-300">🎥 Content</h3>
201
+ <ul class="list-disc pl-5 space-y-1 mt-2">
202
+ <li>🎙️ Quantum Post Interview #1 goes live</li>
203
+ </ul>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- July 2025 -->
210
+ <div class="mb-16 relative flex">
211
+ <div class="hidden md:block absolute -left-4 top-4 w-8 h-8 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end flex items-center justify-center z-10">
212
+ <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
213
+ </div>
214
+ <div class="bg-gradient-to-br from-purple-900/80 to-fuchsia-900/80 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full">
215
+ <div class="absolute -top-3 right-4 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full">
216
+ JULY 2025 — GROWTH PHASE
217
+ </div>
218
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
219
+ <div>
220
+ <h3 class="font-bold text-purple-300">🧠 Thought Leadership</h3>
221
+ <ul class="list-disc pl-5 space-y-1 mt-2">
222
+ <li>🎤 Finalize & announce KOL Speaker Lineup</li>
223
+ <li>Promote Web3District @ SBC Track</li>
224
+ </ul>
225
+ </div>
226
+ <div>
227
+ <h3 class="font-bold text-purple-300">🏁 Quest Mechanics</h3>
228
+ <ul class="list-disc pl-5 space-y-1 mt-2">
229
+ <li>⚡ Weekly "boss quests" & mid-season leaderboard</li>
230
+ <li>📦 Add SBC merch & NFTs</li>
231
+ </ul>
232
+ </div>
233
+ <div class="md:col-span-2">
234
+ <h3 class="font-bold text-purple-300">📣 Media & Reporting</h3>
235
+ <ul class="list-disc pl-5 space-y-1 mt-2">
236
+ <li>📢 2nd PR Wave – highlight speakers + prizes</li>
237
+ <li>🎥 Quantum Post Interview #2 drops</li>
238
+ <li>📊 Begin weekly reporting to SBC</li>
239
+ </ul>
240
+ </div>
241
+ </div>
242
+ </div>
243
+ </div>
244
+
245
+ <!-- August 2025 -->
246
+ <div class="mb-16 relative flex">
247
+ <div class="hidden md:block absolute -left-4 top-4 w-8 h-8 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end flex items-center justify-center z-10">
248
+ <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
249
+ </div>
250
+ <div class="bg-gradient-to-br from-purple-900/80 to-fuchsia-900/80 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full">
251
+ <div class="absolute -top-3 right-4 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full">
252
+ AUGUST 2025 — INTENSIFICATION PHASE
253
+ </div>
254
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
255
+ <div>
256
+ <h3 class="font-bold text-purple-300">💥 Quest Expansion</h3>
257
+ <ul class="list-disc pl-5 space-y-1 mt-2">
258
+ <li>🧭 Launch Lisboa DeFi Dash teaser quests</li>
259
+ <li>🧵 Integrate partner-sponsored quests</li>
260
+ <li>🛠️ Print & deploy NFC tag stickers IRL</li>
261
+ </ul>
262
+ </div>
263
+ <div>
264
+ <h3 class="font-bold text-purple-300">📣 Final Campaign Push</h3>
265
+ <ul class="list-disc pl-5 space-y-1 mt-2">
266
+ <li>📺 Quantum Post Interview #3</li>
267
+ <li>🧾 "Last 200 VIP entries" campaign</li>
268
+ <li>📰 Final PR burst to 15+ media outlets</li>
269
+ </ul>
270
+ </div>
271
+ </div>
272
+ <div class="mt-4 p-3 bg-purple-900/50 rounded-lg">
273
+ <p class="text-xs text-purple-300">📰 Featured Media: Decrypt, BeInCrypto, Cointelegraph, BSC News</p>
274
+ </div>
275
+ </div>
276
+ </div>
277
+
278
+ <!-- September 1-15 -->
279
+ <div class="mb-16 relative flex">
280
+ <div class="hidden md:block absolute -left-4 top-4 w-8 h-8 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end flex items-center justify-center z-10">
281
+ <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
282
+ </div>
283
+ <div class="bg-gradient-to-br from-purple-900/80 to-fuchsia-900/80 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full">
284
+ <div class="absolute -top-3 right-4 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full">
285
+ SEPTEMBER 1-15 — ACTIVATION PHASE
286
+ </div>
287
+ <ul class="list-disc pl-5 space-y-2 mt-8">
288
+ <li>🧠 Drop exclusive quests (meet Gary Vee backstage)</li>
289
+ <li>🚪 Launch DeFi Dash full citywide experience</li>
290
+ <li>📲 Deploy mobile leaderboard & TG share UI</li>
291
+ <li>💻 Add "Meet at Web3District HQ" Quest</li>
292
+ <li>📦 Final merch kits prepared for winners</li>
293
+ <li>📊 Prep final reports & community metrics</li>
294
+ </ul>
295
+ </div>
296
+ </div>
297
+
298
+ <!-- SBC Summit -->
299
+ <div class="mb-16 relative flex">
300
+ <div class="hidden md:block absolute -left-4 top-4 w-8 h-8 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end flex items-center justify-center z-10">
301
+ <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
302
+ </div>
303
+ <div class="bg-gradient-to-br from-purple-900/80 to-fuchsia-900/80 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full">
304
+ <div class="absolute -top-3 right-4 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full">
305
+ SEPTEMBER 16-18 — SBC SUMMIT LIVE
306
+ </div>
307
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
308
+ <div>
309
+ <h3 class="font-bold text-purple-300">📍 On-Site Activations</h3>
310
+ <ul class="list-disc pl-5 space-y-1 mt-2">
311
+ <li>🧭 Quest Checkpoint Booth</li>
312
+ <li>🎙️ Web3District @ SBC Track</li>
313
+ <li>🥂 VIP Office (Liberdade Ave)</li>
314
+ </ul>
315
+ </div>
316
+ <div class="bg-purple-900/50 p-4 rounded-lg md:col-span-2">
317
+ <h3 class="font-bold text-purple-300">🎙️ Featured Speakers</h3>
318
+ <ul class="list-disc pl-5 space-y-1 mt-2">
319
+ <li>Gary Vee Keynote</li>
320
+ <li>Lisbon Web3 x Culture x Future Speakers</li>
321
+ <li>🎉 Prize Ceremony + Final Leaderboard</li>
322
+ <li>📸 Real-time capture for social</li>
323
+ </ul>
324
+ </div>
325
+ </div>
326
+ </div>
327
+ </div>
328
+
329
+ <!-- Post-Event -->
330
+ <div class="relative flex">
331
+ <div class="hidden md:block absolute -left-4 top-4 w-8 h-8 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end flex items-center justify-center z-10">
332
+ <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
333
+ </div>
334
+ <div class="bg-gradient-to-br from-purple-900/80 to-fuchsia-900/80 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full">
335
+ <div class="absolute -top-3 right-4 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full">
336
+ OCTOBER 2025 — POST EVENT
337
+ </div>
338
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
339
+ <div>
340
+ <h3 class="font-bold text-purple-300">🌍 Rewards & Content</h3>
341
+ <ul class="list-disc pl-5 space-y-1 mt-2">
342
+ <li>Distribute NFT Certificates</li>
343
+ <li>🎥 Publish Behind-the-Scenes Video</li>
344
+ <li>📰 Summit Edition Quantum Post</li>
345
+ </ul>
346
+ </div>
347
+ <div>
348
+ <h3 class="font-bold text-purple-300">📢 Final Communication</h3>
349
+ <ul class="list-disc pl-5 space-y-1 mt-2">
350
+ <li>Final push on Telegram, Twitter, IG</li>
351
+ <li>📬 Email newsletter blast</li>
352
+ <li>🗓️ Set stage for 2026 Quest</li>
353
+ </ul>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ </div>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ </section>
362
+
363
+ <!-- Join Section -->
364
+ <section class="py-20 bg-gradient-to-br from-purple-900 to-fuchsia-900">
365
+ <div class="container mx-auto px-4">
366
+ <div class="max-w-3xl mx-auto text-center">
367
+ <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Ready to Join the Web3 Quest?</h2>
368
+ <p class="text-xl text-purple-200 mb-8">
369
+ Be part of the most innovative phygital campaign merging Web3 culture and gaming excellence
370
+ </p>
371
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
372
+ <button class="bg-gray-900 hover:bg-black text-white font-bold py-4 px-10 rounded-full transition-all border border-purple-500 flex items-center">
373
+ <i class="ph ph-telegram-logo text-purple-400 mr-2 text-xl"></i> Join Telegram
374
+ </button>
375
+ <button class="bg-gradient-to-r from-yellow-400 to-yellow-600 hover:from-yellow-500 hover:to-yellow-700 text-gray-900 font-bold py-4 px-10 rounded-full transition-all">
376
+ Sign Up for Quest Updates
377
+ </button>
378
+ </div>
379
+ <div class="mt-12 flex justify-center space-x-6 text-purple-300">
380
+ <a href="#" class="hover:text-white"><i class="ph ph-twitter-logo text-2xl"></i></a>
381
+ <a href="#" class="hover:text-white"><i class="ph ph-telegram-logo text-2xl"></i></a>
382
+ <a href="#" class="hover:text-white"><i class="ph ph-instagram-logo text-2xl"></i></a>
383
+ <a href="#" class="hover:text-white"><i class="ph ph-linkedin-logo text-2xl"></i></a>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </section>
388
+
389
+ <!-- Footer -->
390
+ <footer class="bg-gray-900 border-t border-purple-900 py-10">
391
+ <div class="container mx-auto px-4">
392
+ <div class="flex flex-col md:flex-row justify-between items-center">
393
+ <div class="mb-6 md:mb-0">
394
+ <div class="flex items-center">
395
+ <div class="bg-gradient-to-r from-purple-start to-fuchsia-end w-8 h-8 rounded-full mr-3"></div>
396
+ <span class="text-xl font-bold">SBCxWeb3District</span>
397
+ </div>
398
+ <p class="text-purple-300 text-sm mt-2">Official Partnership 2025 • All rights reserved</p>
399
+ </div>
400
+ <div class="text-purple-300 text-sm">
401
+ SBC Summit: September 16-18, 2025 • Lisbon, Portugal
402
+ </div>
403
+ </div>
404
+ </div>
405
+ </footer>
406
+
407
+ <!-- Floating Quest Button -->
408
+ <button class="fixed bottom-6 right-6 bg-gradient-to-r from-purple-start to-fuchsia-end text-white w-14 h-14 rounded-full shadow-2xl flex items-center justify-center hover:scale-110 transition-all z-50">
409
+ <i class="ph ph-flag text-2xl"></i>
410
+ </button>
411
+ <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://deepsite.hf.co/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://deepsite.hf.co" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://deepsite.hf.co?remix=web3district/sbcxweb3dstrict" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
412
+ </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ pleas make an amazing landing page for the partnership between SBC Summit and Web3 District, with gradients from purple to fucsia follow strongly this text and road map: Absolutely, Eddie. Here’s your cleaned-up version of the 🗺️ SBC x Web3District Engagement Roadmap, with the section about invoicing SBC removed from the September wrap-up phase: ⸻ 🗺️ SBC x Web3District Engagement Roadmap (May–October 2025 • Summit: September 16–18) 🎯 Mission: Build a 10,000+ user phygital engagement campaign that connects Lisbon’s Web3 culture to SBC Summit through a gamified Quest experience ⸻ ✅ MAY 2025 — FOUNDATION PHASE • ✅ TON FEST Activation Completed • SBC Gaming Twitter: 6.5k → 7.2k • Telegram channel: 700 verified subscribers • Web3District Lisbon network: 8,000+ local Web3 participants • ✅ SBC brand seeded across Telegram & Lisbon Web3 • ✅ Telegram Quest Bot & Strategy Blueprint completed • ✅ VIP HQ secured at Avenida da Liberdade for top partners (20 SBC guests) • ✅ Initial Quest narrative, XP logic, and sponsor prize tiers structured ⸻ 📅 JUNE 2025 — LAUNCH PHASE 🔥 PR & Media: • 🚀 Gary Vee Keynote Announcement • Central campaign message: “Win VIP access to see Gary Vee live @ SBC” • Published across 15+ Top Web3/AI Media Outlets • Tailored positioning for: • SBC Persona: investors, igaming execs, brand leaders • Web3District Persona: degens, creators, builders 🎮 Quest Campaign: • 🛠️ Soft Launch of Quest Game (Telegram + Zealy/Layer3) • 🧭 Finalize phygital rollout plan: • 10 NFC-tag locations across Lisbon (LX Factory, Hub Criativo, coworks, etc.) 📣 Community Engagement: • 🚀 Launch 360º Social Media Campaign • 🎁 Distribute: • 30% Discount Codes • Complimentary VIP Pass Codes (via quest reward tiers) • 🎯 Onboard first wave: • 700 SBC TG users • 8,000+ Lisbon Web3 community members 🎥 Content: • 🎙️ Quantum Post Interview #1 with SBC guest goes live ⸻ 📅 JULY 2025 — GROWTH PHASE 🧠 Thought Leadership: • 🎤 Finalize & announce KOL Speaker Lineup • Promote Web3District @ SBC Track • Push Lisbon-native speakers + regenerative topics 🏁 Quest Mechanics: • ⚡ Weekly “boss quests” & mid-season leaderboard • 📦 Add: SBC merch, Web3 NFTs, local partner vouchers • 📍 Distribute printed Quest Clue posters & QR links 📣 Media & Reporting: • 📢 2nd PR Wave – highlight speakers + prizes • 🎥 Quantum Post Interview #2 drops • 📊 Begin weekly reporting to SBC: • Ticket sales via referral code • Quest metrics + leaderboard stats • TG/X growth reports ⸻ 📅 AUGUST 2025 — INTENSIFICATION PHASE 💥 Quest Expansion: • 🧭 Launch Lisboa DeFi Dash teaser quests • 🧵 Integrate partner-sponsored quests • 🛠️ Print & deploy NFC tag stickers IRL • 🧃 Confirm swag for top players & booth giveaway bundles 📣 Final Campaign Push: • 📺 Quantum Post Interview #3 (final lead gen) • 🧾 Ticket urgency campaign: “Last 200 VIP entries” • 📰 Final PR burst to all 15 media outlets • Decrypt, BeInCrypto, Cointelegraph, BSC News, etc. ⸻ 📅 SEPTEMBER 1–15, 2025 — ACTIVATION PHASE • 🧠 Drop exclusive quests (e.g. meet Gary Vee backstage) • 🚪 Launch DeFi Dash full citywide experience • NFC hunt + XP accumulation • 📲 Deploy mobile leaderboard & TG share UI • 💻 Add “Meet at Web3District HQ” Quest • 📦 Final merch kits prepared for winners • 📊 Prep final ticket tracking reports & community metrics ⸻ 📅 SEPTEMBER 16–18 — SBC SUMMIT LIVE EVENT 📍 On-Site Activations: • 🧭 Quest Checkpoint Booth (scan station, leaderboard view) • 🎙️ Web3District @ SBC Track (curated by W3D + SBC) • Gary Vee keynote • Lisbon Web3 x Culture x Future speakers • 🥂 VIP Office (Liberdade Ave): • Meetings, interviews, content • 🎉 Prize Ceremony + Final Leaderboard Reveal • 📸 Real-time capture for social + post-event PR ⸻ 📅 SEPTEMBER 20–30 — WRAP-UP & REPORTING • 📬 Send post-event recap to all quest participants • 📊 Publish engagement stats: • of players • Tickets sold via code • Top 5 reward redemptions ⸻ 📅 OCTOBER 2025 — POST-EVENT COMMUNICATION & CONTENT • 🌍 Distribute NFT Certificates + Final Rewards • 🎥 Publish Behind-the-Scenes Recap Video • 📰 Feature Summit Highlights in Quantum Post “Summit Edition” • 📢 Recap push across: • SBC & Web3District Telegrams • Twitter, IG, LinkedIn • Final email newsletter blast • 🗓️ Set stage for “Next Season” Quest Reveal (for 2026)
2
+ please this mp4 video somewhere on loop: https://drive.google.com/file/d/1nVi1lALKDSSFVNFlYUrw56b4iK2EwSd7/view?usp=sharing
3
+ lpease use this video link frmo google: https://drive.google.com/file/d/1nVi1lALKDSSFVNFlYUrw56b4iK2EwSd7/view?usp=sharing