Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Turn Your Interview into Influence</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| body { | |
| background-color: #0a0a15; | |
| background-image: | |
| radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.15) 0%, transparent 20%), | |
| radial-gradient(circle at 90% 30%, rgba(139, 92, 246, 0.15) 0%, transparent 25%), | |
| radial-gradient(circle at 50% 80%, rgba(16, 185, 129, 0.15) 0%, transparent 30%); | |
| background-size: cover; | |
| background-position: center; | |
| background-attachment: fixed; | |
| background-repeat: no-repeat; | |
| } | |
| .gradient-text { | |
| background: linear-gradient(90deg, #3b82f6, #8b5cf6, #10b981); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| text-shadow: 0 0 8px rgba(59, 130, 246, 0.3), | |
| 0 0 12px rgba(139, 92, 246, 0.3), | |
| 0 0 16px rgba(16, 185, 129, 0.2); | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #1e3a8a 0%, #4c1d95 100%); | |
| } | |
| .hover-scale { | |
| transition: transform 0.3s ease; | |
| } | |
| .hover-scale:hover { | |
| transform: scale(1.03); | |
| } | |
| .glow { | |
| box-shadow: 0 0 20px rgba(99, 102, 241, 0.7), | |
| 0 0 30px rgba(59, 130, 246, 0.5), | |
| 0 0 40px rgba(139, 92, 246, 0.3); | |
| animation: pulse 3s infinite alternate; | |
| } | |
| @keyframes pulse { | |
| 0% { box-shadow: 0 0 20px rgba(99, 102, 241, 0.7), 0 0 30px rgba(59, 130, 246, 0.5), 0 0 40px rgba(139, 92, 246, 0.3); } | |
| 100% { box-shadow: 0 0 25px rgba(99, 102, 241, 0.8), 0 0 35px rgba(59, 130, 246, 0.6), 0 0 45px rgba(139, 92, 246, 0.4); } | |
| } | |
| .feature-icon { | |
| width: 48px; | |
| height: 48px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 12px; | |
| background: rgba(99, 102, 241, 0.1); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans text-gray-800"> | |
| <div class="bg-gradient-to-br from-indigo-900/70 via-purple-900/60 to-emerald-900/50 bg-cover bg-center h-screen w-full fixed -z-10 backdrop-blur-sm"></div> | |
| <div class="hero-section"></div> | |
| <!-- Header --> | |
| <header class="gradient-bg text-white"> | |
| <div class="container mx-auto px-6 py-16 md:py-24"> | |
| <div class="max-w-3xl mx-auto text-center"> | |
| <h1 class="text-4xl md:text-6xl font-bold mb-6"> | |
| Your Interview Was Just <span class="gradient-text">the Beginning</span> | |
| </h1> | |
| <p class="text-xl md:text-2xl text-blue-100 mb-8"> | |
| Turn it into influence, leads, and legacy. | |
| </p> | |
| <div class="bg-indigo-900 bg-opacity-40 rounded-xl p-6 backdrop-blur-sm"> | |
| <h2 class="text-2xl md:text-3xl font-semibold mb-4"> | |
| Custom PR packages for Quantum Post guests | |
| </h2> | |
| <p class="text-lg text-indigo-200"> | |
| Boost your brand. Get seen. Build trust. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- What You've Received --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> | |
| What You've Already Received — <span class="gradient-text">At No Cost</span> | |
| </h2> | |
| <p class="text-lg text-gray-600"> | |
| As a featured guest, here's what we've already delivered free of charge: | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto"> | |
| <!-- Feature 1 --> | |
| <div class="bg-gray-50 rounded-xl p-6 hover-scale border border-gray-200"> | |
| <div class="feature-icon mb-4"> | |
| <i class="fab fa-youtube text-2xl text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">High-quality YouTube Interview</h3> | |
| <p class="text-gray-600">Professionally recorded and edited video content for your portfolio.</p> | |
| </div> | |
| <!-- Feature 2 --> | |
| <div class="bg-gray-50 rounded-xl p-6 hover-scale border border-gray-200"> | |
| <div class="feature-icon mb-4"> | |
| <i class="fab fa-spotify text-2xl text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Podcast on Spotify</h3> | |
| <p class="text-gray-600">Audio version distributed to major podcast platforms.</p> | |
| </div> | |
| <!-- Feature 3 --> | |
| <div class="bg-gray-50 rounded-xl p-6 hover-scale border border-gray-200"> | |
| <div class="feature-icon mb-4"> | |
| <i class="fas fa-share-alt text-2xl text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Social Promotion</h3> | |
| <p class="text-gray-600">Featured on Twitter and Instagram to our engaged audience.</p> | |
| </div> | |
| <!-- Feature 4 --> | |
| <div class="bg-gray-50 rounded-xl p-6 hover-scale border border-gray-200"> | |
| <div class="feature-icon mb-4"> | |
| <i class="fas fa-newspaper text-2xl text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Press Release</h3> | |
| <p class="text-gray-600">Published on Coin Edition and other media outlets.</p> | |
| </div> | |
| <!-- Feature 5 --> | |
| <div class="bg-gray-50 rounded-xl p-6 hover-scale border border-gray-200"> | |
| <div class="feature-icon mb-4"> | |
| <i class="fas fa-film text-2xl text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Full Video Production</h3> | |
| <p class="text-gray-600">Recording, editing, and formatting handled by our team.</p> | |
| </div> | |
| <!-- Feature 6 --> | |
| <div class="bg-gray-50 rounded-xl p-6 hover-scale border border-gray-200"> | |
| <div class="feature-icon mb-4"> | |
| <i class="fas fa-star text-2xl text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Spotlight Opportunity</h3> | |
| <p class="text-gray-600">We spotlight founders we believe in. This was our investment in you.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing Tiers --> | |
| <section class="py-16 bg-gradient-to-br from-indigo-50 to-purple-50"> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> | |
| Post-Interview PR Packages | |
| </h2> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto"> | |
| <!-- Tier 1 --> | |
| <div class="bg-white rounded-2xl overflow-hidden shadow-xl hover-scale h-full flex flex-col"> | |
| <div class="p-6 flex-1"> | |
| <div class="gradient-text text-2xl font-bold mb-1">Tier 1</div> | |
| <div class="text-3xl font-bold mb-3">Core Visibility</div> | |
| <div class="text-4xl font-bold mb-4 bg-indigo-50 text-indigo-600 p-3 rounded-lg">€600</div> | |
| <p class="text-gray-600 mb-4 text-sm">For founders who want a strong post-interview push.</p> | |
| <h3 class="text-lg font-semibold mb-3 border-b border-gray-200 pb-2">Includes:</h3> | |
| <ul class="space-y-3 mb-6"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Promotion in Telegram communities (12K+ members in Portugal & EU)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>2–3 personal brand content pieces (LinkedIn, Twitter, Instagram)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Targeted outreach to founders and investors via Web3District</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>One media outlet feature (choose one):</span> | |
| </li> | |
| <li class="ml-8 text-gray-600">• Coin Edition (600K readers)</li> | |
| <li class="ml-8 text-gray-600">• Coin Republic (50K readers)</li> | |
| <li class="ml-8 text-gray-600">• 4 small Web3 outlets (10K monthly users total)</li> | |
| </ul> | |
| <div class="bg-gray-50 p-4 rounded-lg mb-6"> | |
| <div class="font-semibold">Estimated reach: 600K+</div> | |
| <div class="text-sm">Media value included: ~€300</div> | |
| </div> | |
| <a href="#" class="block w-full gradient-bg text-white font-bold py-3 px-6 rounded-lg text-center hover:opacity-90 transition"> | |
| Get Started | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Tier 2 --> | |
| <div class="bg-white rounded-2xl overflow-hidden shadow-xl hover-scale glow border-2 border-indigo-500 h-full flex flex-col"> | |
| <div class="absolute top-0 right-0 bg-indigo-500 text-white px-4 py-1 text-sm font-bold rounded-bl-lg"> | |
| POPULAR | |
| </div> | |
| <div class="p-6 flex-1"> | |
| <div class="gradient-text text-2xl font-bold mb-1">Tier 2</div> | |
| <div class="text-3xl font-bold mb-3">Strategic Reach</div> | |
| <div class="text-4xl font-bold mb-4 bg-indigo-100 text-indigo-600 p-3 rounded-lg">€1450</div> | |
| <p class="text-gray-600 mb-4 text-sm">For those ready to scale credibility and awareness.</p> | |
| <h3 class="text-lg font-semibold mb-3 border-b border-gray-200 pb-2">Includes Tier 1 +:</h3> | |
| <ul class="space-y-3 mb-6"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Guaranteed placement in Coin Edition + Coin Republic</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>BlockTides (2.5M monthly views)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>4 small media outlets</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Publication in Dataconomy (85K unique monthly readers)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Broader Telegram promotion across segmented niche groups</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Reposting from Web3District's official accounts</span> | |
| </li> | |
| </ul> | |
| <div class="bg-gray-50 p-4 rounded-lg mb-6"> | |
| <div class="font-semibold">Estimated reach: 3M+</div> | |
| <div class="text-sm">Media value: €4468 | Your price: €1450</div> | |
| </div> | |
| <a href="#" class="block w-full gradient-bg text-white font-bold py-3 px-6 rounded-lg text-center hover:opacity-90 transition"> | |
| Get Started | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Tier 3 --> | |
| <div class="bg-white rounded-2xl overflow-hidden shadow-xl hover-scale h-full flex flex-col"> | |
| <div class="p-6 flex-1"> | |
| <div class="gradient-text text-2xl font-bold mb-1">Tier 3</div> | |
| <div class="text-3xl font-bold mb-3">Industry Authority</div> | |
| <div class="text-4xl font-bold mb-4 bg-indigo-50 text-indigo-600 p-3 rounded-lg">from €3300</div> | |
| <p class="text-gray-600 mb-4 text-sm">For leaders who want full PR positioning in crypto & tech.</p> | |
| <h3 class="text-lg font-semibold mb-3 border-b border-gray-200 pb-2">Includes Tier 2 +:</h3> | |
| <ul class="space-y-3 mb-6"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>One premium media outlet (choose one):</span> | |
| </li> | |
| <li class="ml-8 text-gray-600">• Cointelegraph (€5900) — 14.2M monthly readers</li> | |
| <li class="ml-8 text-gray-600">• BeInCrypto (€1400) — 11.5M monthly page views</li> | |
| <li class="ml-8 text-gray-600">• Business Insider (€719) — 100M monthly readers</li> | |
| <li class="ml-8 text-gray-600">• CoinMarketCap, Binance, Benzinga, etc. (available on request)</li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Personal copywriting and editorial review</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Cross-platform push from our network</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> | |
| <span>Placement in our VC newsletter and founder investor briefs</span> | |
| </li> | |
| </ul> | |
| <div class="bg-gray-50 p-4 rounded-lg mb-6"> | |
| <div class="font-semibold">Estimated reach: 10M–200M+ depending on selected outlet</div> | |
| <div class="text-sm">Starts from: €3300</div> | |
| </div> | |
| <a href="#" class="block w-full gradient-bg text-white font-bold py-3 px-6 rounded-lg text-center hover:opacity-90 transition"> | |
| Get Started | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Optional Add-Ons --> | |
| <div class="max-w-3xl mx-auto mt-12 bg-white rounded-xl p-6 shadow-md"> | |
| <h3 class="text-xl font-bold mb-4 text-center">Optional Add-Ons</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> | |
| <div class="bg-gray-50 p-4 rounded-lg text-center flex flex-col h-full"> | |
| <div class="font-semibold mb-2">Newsletter spot</div> | |
| <div class="text-indigo-600 font-bold text-2xl mb-2">€150</div> | |
| <div class="text-sm text-gray-600 mt-auto">Web3District Digest</div> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg text-center flex flex-col h-full"> | |
| <div class="font-semibold mb-2">Instagram snippet</div> | |
| <div class="text-indigo-600 font-bold text-2xl mb-2">€120</div> | |
| <div class="text-sm text-gray-600 mt-auto">Optimized content</div> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg text-center flex flex-col h-full"> | |
| <div class="font-semibold mb-2">Reels edit</div> | |
| <div class="text-indigo-600 font-bold text-2xl mb-2">€90</div> | |
| <div class="text-sm text-gray-600 mt-auto">Subtitles & hooks</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Social Proof --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> | |
| Backed by the <span class="gradient-text">Web3 Ecosystem</span> | |
| </h2> | |
| <p class="text-lg text-gray-600"> | |
| Trusted by top builders in the industry | |
| </p> | |
| </div> | |
| <div class="mb-16"> | |
| <h3 class="text-xl font-semibold text-center mb-8 text-gray-700"> | |
| Our PR content has been featured in: | |
| </h3> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6"> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">BeInCrypto</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Coin Edition</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">BlockTides</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Binance</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">CoinMarketCap</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Chainwire</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Business Insider</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Cyber NewsWire</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">GamingWire</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Benzinga</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Financial News</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">MediaFuse</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">ChainBits</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">DSRPTD</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">CryptoEvents</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">CryptoGames</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Data Conomy</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-center mb-8 text-gray-700"> | |
| Trusted by builders from: | |
| </h3> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6"> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Coinbase</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Polygon</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">MetaMask</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Celo</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Solana</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Safe</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">TON Festival</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Yellow</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Scroll</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Trust Wallet</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Biconomy</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">BingX</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">1inch</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Reown</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">NFC</span> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg flex items-center justify-center h-20"> | |
| <span class="font-medium text-gray-700">Borderless</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section class="py-16 gradient-bg text-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6"> | |
| Ready to Amplify Your Influence? | |
| </h2> | |
| <p class="text-xl text-indigo-100 mb-8"> | |
| Limited spots available for our premium PR package | |
| </p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <a href="#" class="bg-white text-indigo-600 font-bold py-4 px-8 rounded-lg hover:bg-gray-100 transition hover-scale"> | |
| Claim Your Package Now | |
| </a> | |
| <a href="#" class="border-2 border-white text-white font-bold py-4 px-8 rounded-lg hover:bg-white hover:bg-opacity-10 transition hover-scale"> | |
| Schedule a Call | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-gray-400 py-12"> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <div class="flex justify-center items-center space-x-6 mb-8"> | |
| <a href="https://x.com/TheQuantumP0ST" target="_blank" class="text-gray-400 hover:text-white flex items-center justify-center w-8 h-8"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/> | |
| </svg> | |
| </a> | |
| <a href="https://www.linkedin.com/company/the-quantum-post/?viewAsMember=true" target="_blank" class="text-gray-400 hover:text-white flex items-center justify-center w-8 h-8"> | |
| <i class="fab fa-linkedin text-xl"></i> | |
| </a> | |
| <a href="https://t.me/+6mefcEJif7w4MmU8" target="_blank" class="text-gray-400 hover:text-white flex items-center justify-center w-8 h-8"> | |
| <i class="fab fa-telegram text-xl"></i> | |
| </a> | |
| <a href="https://www.youtube.com/@TheQuantumPostTalkShow" target="_blank" class="text-gray-400 hover:text-white flex items-center justify-center w-8 h-8"> | |
| <i class="fab fa-youtube text-xl"></i> | |
| </a> | |
| </div> | |
| <p class="mb-4"> | |
| © 2023 Quantum Post. All rights reserved. | |
| </p> | |
| <p class="text-sm"> | |
| Web3District is a leading media and PR platform for blockchain and Web3 projects. | |
| </p> | |
| </div> | |
| </div> | |
| </footer> | |
| <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/web3mediabooster" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |