undefined - Follow Up Deployment

index.html

@@ -368,51 +368,191 @@
         </div>
     </section>
 
-    <!-- Academy Topics Section -->
-    <section id="academy-section" class="py-20 relative overflow-hidden bg-gray-900">
+        <!-- Academy Topics Section -->
+    <section id="academy" class="py-20 relative overflow-hidden bg-gray-900">
         <div class="container mx-auto px-4 relative z-10">
             <div class="text-center mb-16">
                 <h2 class="text-3xl md:text-4xl font-bold mb-4">
-                    <span class="gradient-text">SBC Web3District Academy Topics</span>
+                    <span class="gradient-text">SBC Web3District Academy Schedule</span>
                 </h2>
                 <p class="text-xl text-purple-200 max-w-2xl mx-auto">
-                    Cutting-edge Web3 topics to be covered in the co-branded academy
+                    Interactive workshops & sessions exploring Web3 innovation
                 </p>
                 <div class="w-24 h-1 bg-gradient-to-r from-purple-start to-fuchsia-end mx-auto mt-4"></div>
             </div>
             
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
-                <!-- Topic Cards -->
-                <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">
-                    <h3 class="text-xl font-bold text-white mb-3">Tokenized Loyalty 2.0</h3>
-                    <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>
+            <div class="max-w-4xl mx-auto space-y-8">
+                <!-- Panel -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                12:15 - 13:00
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Panel: Web 3.0 & Blockchain in Context</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
                 </div>
-
-                <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">
-                    <h3 class="text-xl font-bold text-white mb-3">Smart Contracts for Affiliates</h3>
-                    <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>
+                
+                <!-- AMA -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                13:00 - 13:40
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">AMA: NFTs - Beyond the Hype</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    
+                    <!-- Speaker -->
+                    <div class="mt-4 flex items-center p-3 bg-purple-900/30 rounded-xl border border-purple-700/50">
+                        <div class="w-12 h-12 rounded-full bg-gradient-to-r from-purple-900 via-purple-700 to-fuchsia-900 animate-gradient flex items-center justify-center">
+                            <span class="text-white font-bold">GV</span>
+                        </div>
+                        <div class="ml-4">
+                            <h4 class="font-bold text-white">Gary Vaynerchuk</h4>
+                            <p class="text-sm text-purple-400">Chairman of VaynerX, CEO of VaynerMedia</p>
+                        </div>
+                    </div>
                 </div>
-
-                <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">
-                    <h3 class="text-xl font-bold text-white mb-3">Decentralized Identity & KYC</h3>
-                    <p class="text-purple-200">Live demo: issue verifiable credentials (EIP-725), let users share zero-knowledge attestations, and revoke on self-exclusion.</p>
+                
+                <!-- Workshop Group Title -->
+                <div class="mb-2 mt-12">
+                    <div class="w-full h-0.5 bg-purple-800/50 rounded-full mb-4"></div>
+                    <h3 class="text-2xl font-bold gradient-text text-center">Hands-On Workshops</h3>
+                    <div class="w-full h-0.5 bg-purple-800/50 rounded-full mt-4"></div>
                 </div>
-
-                <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">
-                    <h3 class="text-xl font-bold text-white mb-3">NFT VIP Passports</h3>
-                    <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>
+                
+                <!-- Workshop 1 -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                14:15 - 14:35
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Workshop: Ask & Activate - One Command to Create AI Apps, Games & Websites</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    <div class="mt-4 text-purple-200">
+                        <p class="italic font-medium">How many killer ideas died without a dev or designer?</p>
+                        <p class="mt-2">In this workshop, we'll share the secret tools to speak your vision-and build it instantly. Zero code. Zero stress. Only vibes.</p>
+                    </div>
                 </div>
-
-                <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">
-                    <h3 class="text-xl font-bold text-white mb-3">DeFi Pools for Prize Payouts</h3>
-                    <p class="text-purple-200">Design a pooled staking mechanism that funds progressive prizes—simulate yield strategies and immutable jackpot reserves.</p>
+                
+                <!-- Workshop 2 -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                14:35 - 14:55
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Workshop: Automation in Full Cycle-AI Agents, Smart Funnels & Instant Payments</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    <div class="mt-4 text-purple-200">
+                        <p class="italic font-medium">How many deals died while you chased invoices?</p>
+                        <p class="mt-2">In this workshop, we'll drop plug-and-play templates for landing pages, email flows, lead scoring, and auto-payments-so your AI agents hunt, close, and cash out for you. You chill. They kill it.</p>
+                    </div>
                 </div>
-
-                <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">
-                    <h3 class="text-xl font-bold text-white mb-3">AI Meets Blockchain</h3>
-                    <p class="text-purple-200">Prototype an off-chain ML service ingesting on-chain data, flagging anomalies and triggering automated freezes or alerts.</p>
+                
+                <!-- Workshop 3 -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                14:55 - 15:15
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Workshop: The Ultimate Digital You - Control Your ID, IP & Data Like a Boss</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    <div class="mt-4 text-purple-200">
+                        <p class="italic font-medium">Still sending screenshots of your bank account to prove you're legit? Giving up personal info for access you should own?</p>
+                        <p class="mt-2">In this workshop, we'll show you how to prove who you are and what you hold-without ever showing your balance. Full control of your ID, IP, and data. You decide who sees what, when, and why. Verify without oversharing. Profit from your identity. Stay fully in control.</p>
+                    </div>
+                </div>
+                
+                <!-- Workshop 4 -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                15:15 - 15:35
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Workshop: Real Money = Real Traffic. No Bots Allowed.</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    <div class="mt-4 text-purple-200">
+                        <p class="italic font-medium">You've got traffic. You've got leads. But are they real?</p>
+                        <p class="mt-2">In this workshop, you'll learn the best tools of blockchain, gamification, and AI to fuel real business, boost community engagement, and filter the noise when bots don't belong. Real people. Real rewards. Real trust.</p>
+                    </div>
+                </div>
+                
+                <!-- Workshop 5 -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                15:35 - 15:55
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Workshop: Really Smart Contracts - On-Chain Bureaucracy, Upgraded</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    <div class="mt-4 text-purple-200">
+                        <p class="italic font-medium">How many deals died in endless payment requests, legal docs, or someone "getting back to you"?</p>
+                        <p class="mt-2">In this workshop, you'll master the tools to turn business terms into unstoppable code-smart contracts that trigger payments, enforce deliveries, and kill the back-and-forth. No lawyers. No waiting. Just AI, blockchain, and you.</p>
+                    </div>
+                </div>
+                
+                <!-- Workshop 6 -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                15:55 - 16:15
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Workshop: Crypto → FLASH → Cash - Amazing Solutions, Best Practices, Instant Liquidity NBS!</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    <div class="mt-4 text-purple-200">
+                        <p class="italic font-medium">Still waiting days to touch your own money? Lost in fees?</p>
+                        <p class="mt-2">In this workshop, you'll master the slickest on/off-ramp tools to move from crypto to fiat (and back) in minutes-no banks, no delays, no stress. Your gains. Your time. Your flow.</p>
+                    </div>
+                </div>
+                
+                <!-- Workshop 7 -->
+                <div class="bg-gray-800/50 backdrop-blur-sm border border-purple-700/50 rounded-2xl p-6 hover:border-purple-400/70 transition-colors">
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <div class="text-xs font-bold px-3 py-1 rounded-full bg-gradient-to-r from-purple-start to-fuchsia-end inline-block text-white">
+                                16:15 - 16:35
+                            </div>
+                            <h3 class="text-xl font-bold text-white mt-3">Workshop: Tax Smart - Master MiCA, VASP & The Final Crypto Boss</h3>
+                            <p class="text-purple-300 mt-1">Web 3.0 & Blockchain Academy</p>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-start to-fuchsia-end text-white py-2 px-4 rounded-full text-sm hover:from-purple-600 hover:to-fuchsia-600 transition-colors">Add to Calendar</button>
+                    </div>
+                    <div class="mt-4 text-purple-200">
+                        <p class="italic font-medium">Nailed the tech? Crushed the launch? Doesn't matter if tax kills the whole thing.</p>
+                        <p class="mt-2">This workshop is your shield. You'll learn the best tools to auto-track, classify, and report every crypto move-compliant with MiCA, VASP, and regulators breathing down your neck. In the land of Smart Contracts, Taxes have to be Genius.</p>
+                    </div>
                 </div>
-
             </div>
         </div>
     </section>