Hugging Face's logo

Spaces:
web3district
/
sbcxweb3dstrict
Running

App Files Community
web3district commited on
Commit
b022bd0
ยท
verified ยท
1 Parent(s): b13ddff

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. index.html +272 -9
  2. prompts.txt +0 -66
index.html CHANGED
@@ -182,8 +182,20 @@
182
 
183
  <div class="bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-xl mb-8 mx-auto max-w-xl">
184
  <div class="bg-gray-900 rounded-xl px-6 py-4">
185
- <p class="text-2xl font-bold gradient-text mb-2">10,000+ User Phygital Campaign</p>
186
- <p class="text-sm text-purple-200">Win VIP access to see Gary Vee live @ SBC Summit 2025</p>
 
 
 
 
 
 
 
 
 
 
 
 
187
  </div>
188
  </div>
189
 
@@ -203,9 +215,9 @@
203
  <section class="py-16 bg-gray-800">
204
  <div class="container mx-auto px-4">
205
  <div class="grid grid-cols-2 md:grid-cols-4 gap-8 max-w-5xl mx-auto">
206
- <div class="text-center p-6 bg-gray-800/50 backdrop-blur-md rounded-xl shadow-lg border border-gray-700 hover:border-neon-blue transition-all hover:scale-105">
207
- <p class="text-3xl md:text-4xl font-bold gradient-text">7.2k+</p>
208
- <p class="text-sm text-gray-300">SBC Gaming Twitter</p>
209
  </div>
210
  <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
211
  <p class="text-3xl md:text-4xl font-bold gradient-text">700+</p>
@@ -216,15 +228,15 @@
216
  <p class="text-sm text-purple-200">Web3 Lisbon Participants</p>
217
  </div>
218
  <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
219
- <p class="text-3xl md:text-4xl font-bold gradient-text">20</p>
220
- <p class="text-sm text-purple-200">VIP HQ Guests</p>
221
  </div>
222
  </div>
223
  </div>
224
  </section>
225
 
226
  <!-- Speakers Section -->
227
- <section class="py-20 relative overflow-hidden">
228
  <div class="container mx-auto px-4 relative z-10">
229
  <div class="text-center mb-16">
230
  <h2 class="text-3xl md:text-4xl font-bold mb-4">
@@ -320,6 +332,251 @@
320
  </div>
321
  </section>
322
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
323
  <!-- Roadmap Section -->
324
  <section class="py-20 relative overflow-hidden bg-white">
325
  <div class="container mx-auto px-4 relative z-10">
@@ -474,7 +731,7 @@
474
  <div>
475
  <h3 class="font-bold text-purple-300">๐Ÿ’ฅ Quest Expansion</h3>
476
  <ul class="list-none pl-0 space-y-1 mt-2 text-purple-100">
477
- <li>๐Ÿงญ Launch Lisboa DeFi Dash teaser quests</li>
478
  <li>๐Ÿงต Integrate partner-sponsored quests</li>
479
  <li>๐Ÿ› ๏ธ Print & deploy NFC tag stickers IRL</li>
480
  </ul>
@@ -566,6 +823,12 @@
566
  </ul>
567
  </div>
568
  </div>
 
 
 
 
 
 
569
  </div>
570
  </div>
571
  </div>
 
182
 
183
  <div class="bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-xl mb-8 mx-auto max-w-xl">
184
  <div class="bg-gray-900 rounded-xl px-6 py-4">
185
+ <div class="grid grid-cols-3 gap-2">
186
+ <div class="bg-gray-900/50 p-2 rounded-lg">
187
+ <p class="text-2xl font-bold gradient-text">+10K</p>
188
+ <p class="text-xs text-purple-200">Increase attendees</p>
189
+ </div>
190
+ <div class="bg-gray-900/50 p-2 rounded-lg">
191
+ <p class="text-2xl font-bold gradient-text">+25%</p>
192
+ <p class="text-xs text-purple-200">Ticket sales growth</p>
193
+ </div>
194
+ <div class="bg-gray-900/50 p-2 rounded-lg">
195
+ <p class="text-2xl font-bold gradient-text">5+</p>
196
+ <p class="text-xs text-purple-200">New sponsors</p>
197
+ </div>
198
+ </div>
199
  </div>
200
  </div>
201
 
 
215
  <section class="py-16 bg-gray-800">
216
  <div class="container mx-auto px-4">
217
  <div class="grid grid-cols-2 md:grid-cols-4 gap-8 max-w-5xl mx-auto">
218
+ <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
219
+ <p class="text-3xl md:text-4xl font-bold gradient-text">10%</p>
220
+ <p class="text-sm text-purple-200">SBC Gaming Twitter Growth</p>
221
  </div>
222
  <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
223
  <p class="text-3xl md:text-4xl font-bold gradient-text">700+</p>
 
228
  <p class="text-sm text-purple-200">Web3 Lisbon Participants</p>
229
  </div>
230
  <div class="text-center p-6 bg-gradient-to-br from-purple-900 via-purple-800 to-fuchsia-900 rounded-xl shadow-xl">
231
+ <p class="text-3xl md:text-4xl font-bold gradient-text">29K+</p>
232
+ <p class="text-sm text-purple-200">SBC Brand Global Awareness</p>
233
  </div>
234
  </div>
235
  </div>
236
  </section>
237
 
238
  <!-- Speakers Section -->
239
+ <section class="py-20 relative overflow-hidden bg-gradient-to-br from-pink-500/20 via-purple-500/20 to-fuchsia-500/20">
240
  <div class="container mx-auto px-4 relative z-10">
241
  <div class="text-center mb-16">
242
  <h2 class="text-3xl md:text-4xl font-bold mb-4">
 
332
  </div>
333
  </section>
334
 
335
+ <!-- Academy Topics Section -->
336
+ <section class="py-20 relative overflow-hidden bg-gray-900">
337
+ <div class="container mx-auto px-4 relative z-10">
338
+ <div class="text-center mb-16">
339
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
340
+ <span class="gradient-text">SBC Web3District Academy Topics</span>
341
+ </h2>
342
+ <p class="text-xl text-purple-200 max-w-2xl mx-auto">
343
+ Cutting-edge Web3 topics to be covered in the co-branded academy
344
+ </p>
345
+ <div class="w-24 h-1 bg-gradient-to-r from-purple-start to-fuchsia-end mx-auto mt-4"></div>
346
+ </div>
347
+
348
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
349
+ <!-- Topic Cards -->
350
+ <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl hover:border-purple-400/70 transition-colors">
351
+ <h3 class="text-xl font-bold text-white mb-3">Tokenized Loyalty 2.0</h3>
352
+ <p class="text-purple-200">Build on-chain loyalty tiers that auto-adjust to player behaviorโ€”complete with vesting, decay curves and plug-and-play wallet UX.</p>
353
+ </div>
354
+
355
+ <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl hover:border-purple-400/70 transition-colors">
356
+ <h3 class="text-xl font-bold text-white mb-3">Smart Contracts for Affiliates</h3>
357
+ <p class="text-purple-200">Hands-on deploy of an affiliate-tracking contract with real-world oracles, auto-payout logic and tamper-proof reporting.</p>
358
+ </div>
359
+
360
+ <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl hover:border-purple-400/70 transition-colors">
361
+ <h3 class="text-xl font-bold text-white mb-3">Decentralized Identity & KYC</h3>
362
+ <p class="text-purple-200">Live demo: issue verifiable credentials (EIP-725), let users share zero-knowledge attestations, and revoke on self-exclusion.</p>
363
+ </div>
364
+
365
+ <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl hover:border-purple-400/70 transition-colors">
366
+ <h3 class="text-xl font-bold text-white mb-3">NFT VIP Passports</h3>
367
+ <p class="text-purple-200">Mint tiered NFT passes that gate meetups, lounges and side-eventsโ€”complete with QR-scan check-ins and on-chain metadata.</p>
368
+ </div>
369
+
370
+ <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl hover:border-purple-400/70 transition-colors">
371
+ <h3 class="text-xl font-bold text-white mb-3">DeFi Pools for Prize Payouts</h3>
372
+ <p class="text-purple-200">Design a pooled staking mechanism that funds progressive prizesโ€”simulate yield strategies and immutable jackpot reserves.</p>
373
+ </div>
374
+
375
+ <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 p-6 rounded-2xl hover:border-purple-400/70 transition-colors">
376
+ <h3 class="text-xl font-bold text-white mb-3">AI Meets Blockchain</h3>
377
+ <p class="text-purple-200">Prototype an off-chain ML service ingesting on-chain data, flagging anomalies and triggering automated freezes or alerts.</p>
378
+ </div>
379
+
380
+ <!-- View More Button -->
381
+ <div class="md:col-span-3 text-center mt-8">
382
+ <a href="https://docs.google.com/spreadsheets/d/1C16Bn_0BY-8lg8dM_F1LCzWbko1dzkbQGYkbfaXH8ZQ/edit?gid=691593670#gid=691593670" target="_blank" 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 inline-block">
383
+ View All Academy Topics
384
+ </a>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ </section>
389
+
390
+ <!-- Deliverables Section -->
391
+ <section class="py-20 relative overflow-hidden bg-gray-900">
392
+ <div class="container mx-auto px-4 relative z-10">
393
+ <div class="text-center mb-16">
394
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-white">
395
+ <span class="gradient-text">Partnership Deliverables</span>
396
+ </h2>
397
+ <div class="w-24 h-1 bg-gradient-to-r from-purple-start to-fuchsia-end mx-auto"></div>
398
+ </div>
399
+
400
+ <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-8">
401
+ <!-- Web3District Deliverables -->
402
+ <div class="bg-white/10 backdrop-blur-sm border border-purple-300/50 p-8 rounded-2xl">
403
+ <h3 class="text-2xl font-bold text-white mb-6 flex items-center">
404
+ <i class="ph ph-rocket-launch mr-3 text-purple-400"></i> Web3District Deliverables
405
+ </h3>
406
+ <ul class="space-y-4 text-purple-100">
407
+ <li class="flex items-start">
408
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
409
+ <span>360ยบ Social Media campaign</span>
410
+ </li>
411
+ <li class="flex items-start">
412
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
413
+ <span>Event promotion via networks</span>
414
+ </li>
415
+ <li class="flex items-start">
416
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
417
+ <span>Distribute 30% discount code</span>
418
+ </li>
419
+ <li class="flex items-start">
420
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
421
+ <span>Distribute complimentary VIP pass code</span>
422
+ </li>
423
+ <li class="flex items-start">
424
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
425
+ <span>Provide KOL speakers & topics</span>
426
+ </li>
427
+ <li class="flex items-start">
428
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
429
+ <span>Sell discounted tickets</span>
430
+ </li>
431
+ <li class="flex items-start">
432
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
433
+ <span>Campaign reporting</span>
434
+ </li>
435
+ <li class="flex items-start">
436
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
437
+ <span>Promote & staff booth</span>
438
+ </li>
439
+ <li class="flex items-start">
440
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
441
+ <span>Monthly Publication across 15 TOP TIER Web3/AI PR Media outlets</span>
442
+ </li>
443
+ <li class="flex items-start">
444
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
445
+ <span>Monthly SBC Guest Interview at THE QUANTUM POST (Video)</span>
446
+ </li>
447
+ <li class="flex items-start">
448
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
449
+ <span>Free Lisbon Central Office at Liberdade Avenue for 20 VIP selected SBC partners</span>
450
+ </li>
451
+ </ul>
452
+ </div>
453
+
454
+ <!-- SBC Summit Deliverables -->
455
+ <div class="bg-white/10 backdrop-blur-sm border border-purple-300/50 p-8 rounded-2xl">
456
+ <h3 class="text-2xl font-bold text-white mb-6 flex items-center">
457
+ <i class="ph ph-trophy mr-3 text-purple-400"></i> SBC Summit Deliverables
458
+ </h3>
459
+ <ul class="space-y-4 text-purple-100">
460
+ <li class="flex items-start">
461
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
462
+ <span>Website listing & link (Logo, profile, link on SBC event website)</span>
463
+ </li>
464
+ <li class="flex items-start">
465
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
466
+ <span>Onsite signage (Partner logo on event signage)</span>
467
+ </li>
468
+ <li class="flex items-start">
469
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
470
+ <span>Provide 30% discount code (Discount code for Expo+ passes)</span>
471
+ </li>
472
+ <li class="flex items-start">
473
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
474
+ <span>Provide VIP pass code (Complimentary Expo+ passes code)</span>
475
+ </li>
476
+ <li class="flex items-start">
477
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
478
+ <span>Host co-branded content track (Web3District @ SBC Summit conference/workshops)</span>
479
+ </li>
480
+ <li class="flex items-start">
481
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
482
+ <span>Ambassador fee payment (โ‚ฌ10k to Web3District)</span>
483
+ </li>
484
+ <li class="flex items-start">
485
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
486
+ <span>Ticket sales commission (โ‚ฌ10 per ticket sold via code, cap โ‚ฌ10k)</span>
487
+ </li>
488
+ <li class="flex items-start">
489
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
490
+ <span>Booth space & build (Complimentary branded booth in StartUp area)</span>
491
+ </li>
492
+ <li class="flex items-start">
493
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
494
+ <span>Provide images & copy (Supply brand assets for partner promotions)</span>
495
+ </li>
496
+ <li class="flex items-start">
497
+ <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
498
+ <span>Approve social strategy (Sign-off social media plan before launch)</span>
499
+ </li>
500
+ </ul>
501
+ </div>
502
+ </div>
503
+ </div>
504
+ </section>
505
+
506
+ <!-- Strategy Summary -->
507
+ <section class="py-20 relative overflow-hidden bg-gradient-to-br from-blue-600/20 via-indigo-600/20 to-purple-600/20">
508
+ <div class="container mx-auto px-4 relative z-10">
509
+ <div class="text-center mb-16">
510
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-white">
511
+ <span class="gradient-text">Phygital Growth Strategy</span>
512
+ </h2>
513
+ <div class="w-24 h-1 bg-gradient-to-r from-blue-400 to-indigo-500 mx-auto"></div>
514
+ </div>
515
+
516
+ <div class="max-w-4xl mx-auto grid md:grid-cols-2 gap-8">
517
+ <div class="bg-gray-900/30 backdrop-blur-sm border border-indigo-400/30 p-8 rounded-2xl hover:border-indigo-400/60 transition-colors">
518
+ <h3 class="text-xl font-bold text-white mb-4 flex items-center">
519
+ <i class="ph ph-globe-hemisphere-east mr-2 text-cyan-400"></i> Global Reach
520
+ </h3>
521
+ <ul class="space-y-3 text-blue-100">
522
+ <li class="flex items-start">
523
+ <i class="ph ph-check-circle text-cyan-400 mr-2 mt-1"></i>
524
+ <span>100M+ monthly potential outreach through 15 top-tier Web3/AI media partners</span>
525
+ </li>
526
+ <li class="flex items-start">
527
+ <i class="ph ph-check-circle text-purple-400 mr-2 mt-1"></i>
528
+ <span>Gamified quests with global leaderboard to drive international participation</span>
529
+ </li>
530
+ <li class="flex items-start">
531
+ <i class="ph ph-check-circle text-purple-400 mr-2 mt-1"></i>
532
+ <span>Strategic partnerships with Web3 platforms (Galxe, Layer3, QuestN)</span>
533
+ </li>
534
+ </ul>
535
+ </div>
536
+
537
+ <div class="bg-gray-900/30 backdrop-blur-sm border border-blue-400/30 p-8 rounded-2xl hover:border-blue-400/60 transition-colors">
538
+ <h3 class="text-xl font-bold text-white mb-4 flex items-center">
539
+ <i class="ph ph-map-pin mr-2 text-blue-400"></i> Lisbon Activation
540
+ </h3>
541
+ <ul class="space-y-3 text-blue-100">
542
+ <li class="flex items-start">
543
+ <i class="ph ph-check-circle text-blue-400 mr-2 mt-1"></i>
544
+ <span>Citywide "Web3 DeQuests" phygital quest with NFC checkpoints at key locations</span>
545
+ </li>
546
+ <li class="flex items-start">
547
+ <i class="ph ph-check-circle text-purple-400 mr-2 mt-1"></i>
548
+ <span>Local Web3 community activations (8,000+ engaged members)</span>
549
+ </li>
550
+ <li class="flex items-start">
551
+ <i class="ph ph-check-circle text-purple-400 mr-2 mt-1"></i>
552
+ <span>Exclusive Lisbon-only quests with physical rewards</span>
553
+ </li>
554
+ </ul>
555
+ </div>
556
+
557
+ <div class="md:col-span-2 bg-gradient-to-br from-blue-500/20 via-indigo-500/20 to-purple-500/20 backdrop-blur-sm border border-purple-400/50 p-8 rounded-2xl hover:border-purple-400/80 transition-colors">
558
+ <h3 class="text-xl font-bold text-white mb-4 flex items-center">
559
+ <i class="ph ph-trend-up mr-2 text-indigo-400"></i> Business Objectives
560
+ </h3>
561
+ <div class="grid md:grid-cols-3 gap-6">
562
+ <div class="bg-gray-900/50 p-4 rounded-xl">
563
+ <p class="text-2xl font-bold bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent mb-2">+10K</p>
564
+ <p class="text-sm text-blue-200">Increase attendees from 30K to 40K</p>
565
+ </div>
566
+ <div class="bg-gray-900/50 p-4 rounded-xl">
567
+ <p class="text-2xl font-bold gradient-text mb-2">+25%</p>
568
+ <p class="text-sm text-purple-200">Ticket sales growth through quest incentives</p>
569
+ </div>
570
+ <div class="bg-gray-900/50 p-4 rounded-xl">
571
+ <p class="text-2xl font-bold gradient-text mb-2">5+</p>
572
+ <p class="text-sm text-purple-200">New Web3-native sponsors onboarded</p>
573
+ </div>
574
+ </div>
575
+ </div>
576
+ </div>
577
+ </div>
578
+ </section>
579
+
580
  <!-- Roadmap Section -->
581
  <section class="py-20 relative overflow-hidden bg-white">
582
  <div class="container mx-auto px-4 relative z-10">
 
731
  <div>
732
  <h3 class="font-bold text-purple-300">๐Ÿ’ฅ Quest Expansion</h3>
733
  <ul class="list-none pl-0 space-y-1 mt-2 text-purple-100">
734
+ <li>๐Ÿงญ Launch Lisboa Web3 DeQuests teaser quests</li>
735
  <li>๐Ÿงต Integrate partner-sponsored quests</li>
736
  <li>๐Ÿ› ๏ธ Print & deploy NFC tag stickers IRL</li>
737
  </ul>
 
823
  </ul>
824
  </div>
825
  </div>
826
+ <div class="mt-6 p-4 bg-purple-900/50 rounded-xl border border-purple-700/50">
827
+ <h3 class="font-bold text-purple-300 mb-2">๐ŸŽฏ Campaign Results</h3>
828
+ <p class="text-purple-100">29K+ SBC Brand global awareness</p>
829
+ <p class="text-purple-100">10% SBC Gaming Twitter Growth</p>
830
+ <p class="text-purple-100">700+ Telegram Subscribers</p>
831
+ </div>
832
  </div>
833
  </div>
834
  </div>
prompts.txt CHANGED
@@ -1,66 +0,0 @@
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
4
- theres a line purple in the road map that overlay all, please send this line to the back of the boxes to not prevent people to read
5
- please remove a purple line that connect the boxes of the roadmap section
6
- please explore a less dark version, make the title white, make the gradient with also blue clour together with pink and neon purple, make the website more parallax on scroll
7
- didnt work well at all, please regenerate, I know you can do better, if you dont wnat to use this actual template use something else with the same text
8
- didnt work well at all, please regenerate, I know you can do better, if you dont wnat to use this actual template use something else with the same text
9
- didnt work well at all, please regenerate, I know you can do better, if you dont wnat to use this actual template use something else with the same text
10
- didnt work well at all, please regenerate, I know you can do better, if you dont wnat to use this actual template use something else with the same text
11
- looks amazing. please fix the fade on parallax, make the letters white of the tittle SBC and web3 district
12
- please before the road map place 4 speakers cards with photo, make the card like real card 3D that when mouse over glares and tilt a bit like a hologram printing effect
13
- make the speakers card with photo follow the cut of the card dont make it circle cut
14
- make the photo of the speaker have a bleed cut without any border, and please find the real photo of gary vee to use
15
- bring back the mockup photo, the cut of the photo is still wrong, the photo of the speaker should fill the whole card, no space to breath between the edge and the photo
16
- we are getting there with the photo, on the top is right on the sides is still not on the edge please fix
17
- perfect but the top corner should be also round
18
- perfect, now make the card behave as a 3D card on mouse over, slightly change perspective
19
- please fix the dark oppacity on parallax on the top of the roadmap boxes looks dark still
20
- please centralize the road map boxes and make them appear on scroll, and lets try a lighter back ground maybe white
21
- plese remove the lost bullet points outside the boxes of roadmap, fix the colour background of all boxes.
22
- the boxes of the road map must be purple with white text, as it was, the bullet points outside the boxes arent fixed
23
- the back ground of the boxes are still white and they are suppose to be the purple
24
- please remove this element: <div class="w-3 h-3 bg-white rounded-full"></div>
25
- when scroll up the boxes of the road map must disappear as they apear on scrool down
26
- please make all boxes react the same in the road map
27
- please make all the boxes with the same scroll effect as the june box in the road map
28
- box dont disappear when roll down
29
- make this section with white background and the boxes also white background but with the thin line as you used in the speakers card, please also make the text with the colour that is the back ground of the speakers card, remove bullet points and leave the icons to keep the text format (bullet points but without the bullets)
30
- make this element with the same style as before to create legibility: <div class="absolute -top-3 left-1/2 -translate-x-1/2 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full whitespace-nowrap"> MAY 2025 โ€” FOUNDATION PHASE </div>
31
- the title of the box MAY should have gradient background and white letters: <div class="relative"> <!-- May 2025 --> <div class="mb-16 relative flex" style="opacity: 1; transform: translateY(0px); transition: 0.3s ease-out;"> <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"> <div class="w-3 h-3 bg-gray-900 rounded-full"></div> </div> <div class="bg-white border border-purple-700/50 p-6 rounded-2xl shadow-lg w-full aos-init aos-animate" data-aos="fade-up"> <div class="absolute -top-3 left-1/2 -translate-x-1/2 bg-gradient-to-r from-purple-start to-fuchsia-end text-white text-sm font-bold px-4 py-1 rounded-full whitespace-nowrap"> MAY 2025 โ€” FOUNDATION PHASE </div> <div class="space-y-2 mt-8 text-gray-900 pl-0"> <div class="flex items-start"><span class="mr-2">โœ…</span> TON FEST Activation Completed</div> <div class="flex items-start"><span class="mr-2">โœ…</span> SBC brand seeded across Telegram &amp; Lisbon Web3</div> <div class="flex items-start"><span class="mr-2">โœ…</span> Telegram Quest Bot &amp; Strategy Blueprint completed</div> <div class="flex items-start"><span class="mr-2">โœ…</span> VIP HQ secured at Avenida da Liberdade</div> <div class="flex items-start"><span class="mr-2">โœ…</span> Initial Quest narrative, XP logic, and sponsor prize tiers structured</div> </div> <div class="flex flex-wrap gap-2 mt-4"> <span class="bg-gray-100 text-gray-900 text-xs px-2 py-1 rounded border border-gray-300">Telegram</span> <span class="bg-gray-100 text-gray-900 text-xs px-2 py-1 rounded border border-gray-300">VIP HQ</span> <span class="bg-gray-100 text-gray-900 text-xs px-2 py-1 rounded border border-gray-300">Narrative Design</span> </div> </div> </div> <!-- June 2025 --> <div class="mb-16 relative flex" style="opacity: 1; transform: translateY(0px); transition: 0.3s ease-out;"> <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"> <div class="w-3 h-3 bg-gray-900 rounded-full"></div> </div> <div class="bg-white border border-purple-700/50 p-6 rounded-2xl shadow-lg w-full aos-init aos-animate" data-aos="fade-up"> <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"> JUNE 2025 โ€” LAUNCH PHASE </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8"> <div> <h3 class="font-bold text-gray-900">๐Ÿ”ฅ PR &amp; Media</h3> <div class="space-y-1 mt-2 text-gray-900 pl-0"> <div class="flex items-start"><span class="mr-2">๐Ÿš€</span> Gary Vee Keynote Announcement</div> <div class="flex items-start"><span class="mr-2">๐Ÿ“ฐ</span> Published across 15+ Top Web3/AI Media</div> </div> </div> <div> <h3 class="font-bold text-purple-300">๐ŸŽฎ Quest Campaign</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-purple-100"> <li>๐Ÿ› ๏ธ Soft Launch of Quest Game</li> <li>๐Ÿงญ Finalize phygital rollout plan</li> </ul> </div> <div> <h3 class="font-bold text-purple-300">๐Ÿ“ฃ Community Engagement</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-purple-100"> <li>๐ŸŽ Distribute 30% Discount Codes</li> <li>๐Ÿš€ Launch 360ยบ Social Media Campaign</li> </ul> </div> <div> <h3 class="font-bold text-purple-300">๐ŸŽฅ Content</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-white"> <li>๐ŸŽ™๏ธ Quantum Post Interview #1 goes live</li> </ul> </div> </div> </div> </div> <!-- July 2025 --> <div class="mb-16 relative flex" style="opacity: 1; transform: translateY(0px); transition: 0.3s ease-out;"> <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"> <div class="w-3 h-3 bg-gray-900 rounded-full"></div> </div> <div class="bg-gradient-to-br from-purple-900 to-fuchsia-900 text-white p-6 rounded-2xl shadow-lg w-full aos-init" data-aos="fade-up"> <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"> JULY 2025 โ€” GROWTH PHASE </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8"> <div> <h3 class="font-bold text-purple-300">๐Ÿง  Thought Leadership</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-white"> <li>๐ŸŽค Finalize &amp; announce KOL Speaker Lineup</li> <li>Promote Web3District @ SBC Track</li> </ul> </div> <div> <h3 class="font-bold text-purple-300">๐Ÿ Quest Mechanics</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-white"> <li>โšก Weekly "boss quests" &amp; mid-season leaderboard</li> <li>๐Ÿ“ฆ Add SBC merch &amp; NFTs</li> </ul> </div> <div class="md:col-span-2"> <h3 class="font-bold text-purple-300">๐Ÿ“ฃ Media &amp; Reporting</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-purple-100"> <li>๐Ÿ“ข 2nd PR Wave โ€“ highlight speakers + prizes</li> <li>๐ŸŽฅ Quantum Post Interview #2 drops</li> <li>๐Ÿ“Š Begin weekly reporting to SBC</li> </ul> </div> </div> </div> </div> <!-- August 2025 --> <div class="mb-16 relative flex" style="opacity: 1; transform: translateY(0px); transition: 0.3s ease-out;"> <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"> <div class="w-3 h-3 bg-gray-900 rounded-full"></div> </div> <div class="bg-gradient-to-br from-purple-900 to-fuchsia-900 text-white p-6 rounded-2xl shadow-lg w-full aos-init" data-aos="fade-up"> <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"> AUGUST 2025 โ€” INTENSIFICATION PHASE </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8"> <div> <h3 class="font-bold text-purple-300">๐Ÿ’ฅ Quest Expansion</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-purple-100"> <li>๐Ÿงญ Launch Lisboa DeFi Dash teaser quests</li> <li>๐Ÿงต Integrate partner-sponsored quests</li> <li>๐Ÿ› ๏ธ Print &amp; deploy NFC tag stickers IRL</li> </ul> </div> <div> <h3 class="font-bold text-purple-300">๐Ÿ“ฃ Final Campaign Push</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-purple-100"> <li>๐Ÿ“บ Quantum Post Interview #3</li> <li>๐Ÿงพ "Last 200 VIP entries" campaign</li> <li>๐Ÿ“ฐ Final PR burst to 15+ media outlets</li> </ul> </div> </div> <div class="mt-4 p-3 bg-purple-800/50 rounded-lg border border-purple-700/50"> <p class="text-xs text-purple-300">๐Ÿ“ฐ Featured Media: Decrypt, BeInCrypto, Cointelegraph, BSC News</p> </div> </div> </div> <!-- September 1-15 --> <div class="mb-16 relative flex" style="opacity: 1; transform: translateY(0px); transition: 0.3s ease-out;"> <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"> <div class="w-3 h-3 bg-gray-900 rounded-full"></div> </div> <div class="bg-gradient-to-br from-purple-900 to-fuchsia-900 text-white p-6 rounded-2xl shadow-lg w-full aos-init" data-aos="fade-up"> <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"> SEPTEMBER 1-15 โ€” ACTIVATION PHASE </div> <ul class="list-disc pl-5 space-y-2 mt-8 text-purple-100"> <li>๐Ÿง  Drop exclusive quests (meet Gary Vee backstage)</li> <li>๐Ÿšช Launch DeFi Dash full citywide experience</li> <li>๐Ÿ“ฒ Deploy mobile leaderboard &amp; TG share UI</li> <li>๐Ÿ’ป Add "Meet at Web3District HQ" Quest</li> <li>๐Ÿ“ฆ Final merch kits prepared for winners</li> <li>๐Ÿ“Š Prep final reports &amp; community metrics</li> </ul> </div> </div> <!-- SBC Summit --> <div class="mb-16 relative flex" style="opacity: 1; transform: translateY(0px); transition: 0.3s ease-out;"> <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"> <div class="w-3 h-3 bg-gray-900 rounded-full"></div> </div> <div class="bg-gradient-to-br from-purple-900 to-fuchsia-900 text-white p-6 rounded-2xl shadow-lg w-full aos-init" data-aos="fade-up"> <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"> SEPTEMBER 16-18 โ€” SBC SUMMIT LIVE </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8"> <div> <h3 class="font-bold text-purple-300">๐Ÿ“ On-Site Activations</h3> <ul class="list-disc pl-5 space-y-1 mt-2 text-purple-100"> <li>๐Ÿงญ Quest Checkpoint Booth</li> <li>๐ŸŽ™๏ธ Web3District @ SBC Track</li> <li>๐Ÿฅ‚ VIP Office (Liberdade Ave)</li> </ul> </div> <div class="bg-purple-900/50 p-4 rounded-lg md:col-span-2"> <h3 class="font-bold text-purple-300">๐ŸŽ™๏ธ Featured Speakers</h3> <ul class="list-disc pl-5 space-y-1 mt-2"> <li>Gary Vee Keynote</li> <li>Lisbon Web3 x Culture x Future Speakers</li> <li>๐ŸŽ‰ Prize Ceremony + Final Leaderboard</li> <li>๐Ÿ“ธ Real-time capture for social</li> </ul> </div> </div> </div> </div> <!-- Post-Event --> <div class="relative flex"> <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"> <div class="w-3 h-3 bg-gray-900 rounded-full"></div> </div> <div class="bg-white border border-purple-700/50 p-6 rounded-2xl shadow-2xl w-full"> <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"> OCTOBER 2025 โ€” POST EVENT </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8"> <div> <h3 class="font-bold text-purple-300">๐ŸŒ Rewards &amp; Content</h3> <ul class="list-disc pl-5 space-y-1 mt-2"> <li>Distribute NFT Certificates</li> <li>๐ŸŽฅ Publish Behind-the-Scenes Video</li> <li>๐Ÿ“ฐ Summit Edition Quantum Post</li> </ul> </div> <div> <h3 class="font-bold text-purple-300">๐Ÿ“ข Final Communication</h3> <ul class="list-disc pl-5 space-y-1 mt-2"> <li>Final push on Telegram, Twitter, IG</li> <li>๐Ÿ“ฌ Email newsletter blast</li> <li>๐Ÿ—“๏ธ Set stage for 2026 Quest</li> </ul> </div> </div> </div> </div> </div>
32
- please remove the visible white bullet points from here: <ul class="list-disc pl-5 space-y-2 mt-8 text-purple-100"> <li>โœ… TON FEST Activation Completed</li> <li>โœ… SBC brand seeded across Telegram &amp; Lisbon Web3</li> <li>โœ… Telegram Quest Bot &amp; Strategy Blueprint completed</li> <li>โœ… VIP HQ secured at Avenida da Liberdade</li> <li>โœ… Initial Quest narrative, XP logic, and sponsor prize tiers structured</li> </ul>
33
- please remove the white bullet points from all boxes from the road map
34
- make the back gorund of engament roadmap white
35
- please delete this bullet pint form all boxes from the road map: <div class="w-3 h-3 bg-gray-900 rounded-full"></div>
36
- other boxes still have a black dot please remove all them
37
- make the boxeslook like 3D on mouse over, like a button get out from the background
38
- can you apply the 3d effect you used on speakers card on all boxes from timeline?
39
- the 3D effect looks really great, make it 30% less perspective on mouse over
40
- can you make less distorted the perspective on mouse over
41
- theres some lines appearing on the top of the first box when gets 3D, can you fix it
42
- please copy to all other boxes from the road map the effect you used in the box of MAY
43
- please copy the same style CSS from May box to all others , fix the grey colour and pay attention in the last boxes theres still bullet points and a weird error on the effect
44
- please copy the same style CSS from May box to all others , fix the grey colour and pay attention in the last boxes theres still bullet points and a weird error on the effect
45
- theres some boxes with gray colour please fix, make those follow the look and feel of the May first box from road map section
46
- please remove the 2 black bullet points from the last 2 boxes from the roadmap
47
- can you bring back the parallax effect in the header background?
48
- please remove the effect on mouse over and transfer the effect to the speakers card
49
- please remove the effect on mouse over from the boxes of engagement roadmap and transfer the effect to the speakers card
50
- please remove the 3d effect mouse over from all boxes form the Engagement Roadmap
51
- now apply the 3D effect of perspective on mouse over on all Featured Speakers cards
52
- please adapt this infos and photos from another code on this code in the box of May: <div class="timeline-item pl-12 sm:pl-0" style="opacity: 1; transform: translateY(0px); transition: 0.6s;"> <div class="bg-white p-6 rounded-xl shadow-lg"> <div class="text-sm font-semibold text-accent mb-2">MAY</div> <h3 class="text-xl font-bold mb-3">Initial Activation</h3> <p>Our TON FEST quest with the SBC brand crushed itโ€”putting SBC in front of 29k+ verified users worldwide (exposed to 29k verified users), adding 700+ fresh members to the SBC Summit Telegram channel, and pumping SBC Gaming's X (Twitter) followership by 10%.</p> <div class="mt-4 flex flex-wrap gap-2 mb-4"> <span class="bg-primary/10 text-primary text-xs font-medium px-3 py-1 rounded-full">Telegram 700+</span> <span class="bg-secondary/10 text-secondary text-xs font-medium px-3 py-1 rounded-full">Twitter +10%</span> <span class="bg-accent/10 text-accent text-xs font-medium px-3 py-1 rounded-full">Exposed to 29k Verified Users</span> </div> <div class="bg-white p-4 rounded-xl shadow-sm"> <div class="grid grid-cols-2 gap-4"> <div class="bg-gray-50 p-2 rounded-lg"> <img src="https://drive.google.com/thumbnail?id=1PMmkbc5gGBGd_hSlV-EuGfJn6oAzdgl9&amp;sz=w1000" alt="TON FEST Activation" class="rounded-lg w-full h-auto"> </div> <div class="bg-gray-50 p-2 rounded-lg"> <img src="https://drive.google.com/thumbnail?id=1UtRHiou6MiI7Ty5GFPKrS1S0KG5wCap2&amp;sz=w1000" alt="TON FEST Activation" class="rounded-lg w-full h-auto"> </div> <div class="bg-gray-50 p-2 rounded-lg"> <img src="https://drive.google.com/thumbnail?id=1Dofmf0Xgh3NAXfKa44mMaN-dEc1qZnSa&amp;sz=w1000" alt="TON FEST Activation" class="rounded-lg w-full h-auto"> </div> <div class="bg-gray-50 p-2 rounded-lg"> <img src="https://drive.google.com/thumbnail?id=1bd2Gbb09zGjEMb5jmGRiTdfjwpSJKgNX&amp;sz=w1000" alt="TON FEST Activation" class="rounded-lg w-full h-auto"> </div> </div> </div> </div> </div>
53
- lets do the same with this one creating another box of may bellow the first one: <div class="bg-white p-6 rounded-xl shadow-lg"> <div class="text-sm font-semibold text-accent mb-2">MAY</div> <h3 class="text-xl font-bold mb-3">Web3/Ai Portugal Activation</h3> <p>The kickoff TON activation got an extra boostโ€”our event post was shared across Portugal's top-tier Web3 Telegram groups, reaching 8 000+ highly engaged members.</p> <div class="mt-4 flex flex-wrap gap-2"> <span class="bg-primary/10 text-primary text-xs font-medium px-3 py-1 rounded-full">Exposed to 8K Web3/AI Portuguese</span> </div> <div class="bg-white p-4 rounded-xl shadow-sm mt-4 w-1/2"> <div class="bg-gray-50 p-2 rounded-lg"> <img src="https://drive.google.com/thumbnail?id=1qoNoY_hNEqRgqwrYJgBeHpD4ha4UpZrL&amp;sz=w1000" alt="Planning Strategy" class="rounded-lg w-full h-auto"> </div> </div> </div>
54
- when watch trailler is clcked, opens a video from the google drive link: https://drive.google.com/file/d/1nVi1lALKDSSFVNFlYUrw56b4iK2EwSd7/view?usp=sharing
55
- can you make the video play in a dialog box inside the website instead of opening google drive?
56
- the video dont play when click watch trailler
57
- plese create a card for a second speaker for Borget from this link, please use the image from this link for the card: http://www.borget.net
58
- please use this link photo for Borget: https://thefintechtimes.com/wp-content/uploads/2021/04/photo-Sebastien-BORGET-300x300.jpeg
59
- can you please use this photo form this link for Borget card:https://thefintechtimes.com/wp-content/uploads/2021/04/photo-Sebastien-BORGET-300x300.jpeg
60
- use this image link for sebastien borget card: https://cdn.edi-static.fr/image/upload/c_scale,dpr_auto,f_auto,q_auto,w_auto/c_limit,w_auto/v1/Img/BREVE/2022/4/370923/Portrait-Sebastien-Borget-joueur-F.jpg
61
- please do the same using the photo of gary from this link to his speaker card: https://pbs.twimg.com/media/FeOWr2eX0AISiJS.jpg:large
62
- please make the cut of the photo of Gary vee in a way his face is visible
63
- can you please choose the top part of the photo of gary and cut the botton to fit the square?
64
- give some space between the photo and the text of the cards so be more centralized in the middle
65
- please create a speaker card in the position 3 for the founder of Galxe on those links: https://www.crunchbase.com/person/charles-wayn https://pbs.twimg.com/profile_images/1592763840063623168/0Q9JNi7n_400x40
66
- please create a card in the position 4 for speakers for Crypto.com founder Kris Marszalek with this photo: https://insidebitcoins.com/wp-content/uploads/2023/07/Kris-Marszalek.png