| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Smoke Out NYC - Cannabis Legalization & Community Rewards</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"> |
| | <script> |
| | tailwind.config = { |
| | theme: { |
| | extend: { |
| | colors: { |
| | 'nyc-green': '#00aa55', |
| | 'nyc-purple': '#7e22ce', |
| | 'nyc-gold': '#f59e0b', |
| | }, |
| | fontFamily: { |
| | 'sans': ['"Open Sans"', 'sans-serif'], |
| | 'display': ['"Bebas Neue"', 'sans-serif'], |
| | }, |
| | } |
| | } |
| | } |
| | </script> |
| | <style> |
| | @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@400;600;700&display=swap'); |
| | |
| | .hero-image { |
| | background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), |
| | url('https://images.unsplash.com/photo-1600857264209-b900a5a0b8f8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80'); |
| | background-size: cover; |
| | background-position: center; |
| | background-repeat: no-repeat; |
| | } |
| | |
| | .leaf-bg { |
| | background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%2300aa55"><path d="M50 5C25 15 10 40 10 70c20-5 35-5 50 0 15-5 30-5 50 0C90 40 75 15 50 5z"/></svg>'); |
| | background-size: 150px; |
| | opacity: 0.1; |
| | } |
| | |
| | .skyscraper { |
| | clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%); |
| | } |
| | |
| | .token-card { |
| | transform-style: preserve-3d; |
| | transition: all 0.5s ease; |
| | } |
| | |
| | .token-card:hover { |
| | transform: rotateY(10deg) scale(1.03); |
| | } |
| | |
| | .marquee { |
| | animation: marquee 20s linear infinite; |
| | } |
| | |
| | @keyframes marquee { |
| | 0% { transform: translateX(0); } |
| | 100% { transform: translateX(-50%); } |
| | } |
| | |
| | .pulse { |
| | animation: pulse 2s infinite; |
| | } |
| | |
| | @keyframes pulse { |
| | 0% { transform: scale(1); } |
| | 50% { transform: scale(1.05); } |
| | 100% { transform: scale(1); } |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-black text-white font-sans"> |
| | |
| | <nav class="bg-black bg-opacity-90 border-b border-nyc-green sticky top-0 z-50"> |
| | <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| | <div class="flex items-center space-x-2"> |
| | <i class="fas fa-cannabis text-nyc-green text-2xl"></i> |
| | <span class="text-2xl font-display tracking-wider">SMOKE OUT <span class="text-nyc-green">NYC</span></span> |
| | </div> |
| | <div class="hidden md:flex space-x-8"> |
| | <a href="#mission" class="hover:text-nyc-green transition">Mission</a> |
| | <a href="#token" class="hover:text-nyc-green transition">Token</a> |
| | <a href="#businesses" class="hover:text-nyc-green transition">For Businesses</a> |
| | <a href="#community" class="hover:text-nyc-green transition">Community</a> |
| | <a href="#faq" class="hover:text-nyc-green transition">FAQ</a> |
| | </div> |
| | <button class="md:hidden text-2xl"> |
| | <i class="fas fa-bars"></i> |
| | </button> |
| | </div> |
| | </nav> |
| |
|
| | |
| | <section class="relative overflow-hidden hero-image min-h-[80vh] flex items-center"> |
| | <div class="absolute inset-0 leaf-bg"></div> |
| | <div class="container mx-auto px-4 py-24 md:py-32 relative z-10"> |
| | <div class="max-w-3xl"> |
| | <h1 class="text-5xl md:text-7xl font-display tracking-wide leading-tight mb-6"> |
| | IGNITING <span class="text-nyc-green">CANNABIS</span> LEGALIZATION THROUGH <span class="text-nyc-purple">COMMUNITY</span> & <span class="text-nyc-gold">REWARDS</span> |
| | </h1> |
| | <p class="text-xl md:text-2xl mb-8 leading-relaxed"> |
| | A Solana-powered movement uniting New Yorkers to advocate for local cannabis reform while rewarding participation in our ecosystem. |
| | </p> |
| | <div class="flex flex-wrap gap-4"> |
| | <button class="bg-nyc-green hover:bg-green-600 text-black font-bold py-3 px-6 rounded-full text-lg transition transform hover:scale-105"> |
| | Join The Movement |
| | </button> |
| | <button class="border-2 border-nyc-green hover:bg-nyc-green hover:text-black text-nyc-green font-bold py-3 px-6 rounded-full text-lg transition transform hover:scale-105"> |
| | Learn More |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-black to-transparent"></div> |
| | </section> |
| |
|
| | |
| | |
| | <div class="bg-nyc-purple py-3 overflow-hidden"> |
| | <div class="flex whitespace-nowrap"> |
| | <div class="marquee flex items-center"> |
| | <span class="text-xl font-display mx-8">#SMOKEOUTNYC</span> |
| | <span class="text-xl font-display mx-8">TOKENIZE THE MOVEMENT</span> |
| | <span class="text-xl font-display mx-8">POWER TO THE PEOPLE</span> |
| | <span class="text-xl font-display mx-8">LOCAL BUSINESS FIRST</span> |
| | <span class="text-xl font-display mx-8">SOLANA POWERED</span> |
| | <span class="text-xl font-display mx-8">#SMOKEOUTNYC</span> |
| | <span class="text-xl font-display mx-8">TOKENIZE THE MOVEMENT</span> |
| | <span class="text-xl font-display mx-8">POWER TO THE PEOPLE</span> |
| | <span class="text-xl font-display mx-8">LOCAL BUSINESS FIRST</span> |
| | <span class="text-xl font-display mx-8">SOLANA POWERED</span> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | |
| | <section id="mission" class="py-20 bg-gradient-to-b from-black to-gray-900"> |
| | <div class="container mx-auto px-4"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-4xl md:text-5xl font-display mb-4">OUR <span class="text-nyc-green">MISSION</span></h2> |
| | <div class="w-24 h-1 bg-nyc-green mx-auto mb-6"></div> |
| | <p class="max-w-3xl mx-auto text-lg md:text-xl"> |
| | Smoke Out NYC isn't just about legalization—it's about building a fairer, more equitable cannabis economy that benefits local businesses and communities first. |
| | </p> |
| | </div> |
| | |
| | <div class="grid md:grid-cols-3 gap-8"> |
| | <div class="bg-gray-800 rounded-xl p-8 border-l-4 border-nyc-green hover:border-nyc-purple transition"> |
| | <div class="text-nyc-green text-4xl mb-4"> |
| | <i class="fas fa-balance-scale"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-3">Social Justice</h3> |
| | <p class="text-gray-300"> |
| | Advocating for policies that address the disproportionate impact of cannabis prohibition on marginalized communities. |
| | </p> |
| | </div> |
| | |
| | <div class="bg-gray-800 rounded-xl p-8 border-l-4 border-nyc-purple hover:border-nyc-green transition"> |
| | <div class="text-nyc-purple text-4xl mb-4"> |
| | <i class="fas fa-store"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-3">Local Economy</h3> |
| | <p class="text-gray-300"> |
| | Creating an ecosystem where small cannabis businesses thrive against corporate competition through community support. |
| | </p> |
| | </div> |
| | |
| | <div class="bg-gray-800 rounded-xl p-8 border-l-4 border-nyc-gold hover:border-nyc-green transition"> |
| | <div class="text-nyc-gold text-4xl mb-4"> |
| | <i class="fas fa-users"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-3">Community Power</h3> |
| | <p class="text-gray-300"> |
| | Empowering New Yorkers to have a direct stake in shaping the future of cannabis in their city through token governance. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="token" class="py-20 bg-gray-900 relative overflow-hidden"> |
| | <div class="absolute inset-0 opacity-10"> |
| | <div class="absolute inset-0 bg-gradient-to-r from-nyc-green to-nyc-purple mix-blend-overlay"></div> |
| | </div> |
| | <div class="container mx-auto px-4 relative"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-4xl md:text-5xl font-display mb-4">THE <span class="text-nyc-purple">TOKEN</span></h2> |
| | <div class="w-24 h-1 bg-nyc-purple mx-auto mb-6"></div> |
| | <p class="max-w-3xl mx-auto text-lg md:text-xl"> |
| | Powered by Solana for fast, low-cost transactions that make micro-rewards practical and powerful. |
| | </p> |
| | </div> |
| | |
| | <div class="grid md:grid-cols-2 gap-12 items-center"> |
| | <div> |
| | <div class="token-card bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl p-8 border border-gray-700 shadow-xl mb-8"> |
| | <div class="flex justify-between items-start mb-6"> |
| | <div> |
| | <h3 class="text-2xl font-bold mb-2">SMOKE OUT NYC</h3> |
| | <p class="text-gray-400">$SMOKE</p> |
| | </div> |
| | <div class="text-4xl text-nyc-green"> |
| | <i class="fab fa-ethereum"></i> |
| | </div> |
| | </div> |
| | |
| | <div class="grid grid-cols-2 gap-4 mb-8"> |
| | <div> |
| | <p class="text-gray-400 text-sm">Network</p> |
| | <p class="font-bold">Solana</p> |
| | </div> |
| | <div> |
| | <p class="text-gray-400 text-sm">Supply</p> |
| | <p class="font-bold">420,000,000</p> |
| | </div> |
| | <div> |
| | <p class="text-gray-400 text-sm">Rewards Pool</p> |
| | <p class="font-bold">40%</p> |
| | </div> |
| | <div> |
| | <p class="text-gray-400 text-sm">Business Pool</p> |
| | <p class="font-bold">30%</p> |
| | </div> |
| | </div> |
| | |
| | <div class="w-full bg-gray-700 rounded-full h-2 mb-4"> |
| | <div class="bg-gradient-to-r from-nyc-green to-nyc-purple h-2 rounded-full" style="width: 65%"></div> |
| | </div> |
| | <p class="text-gray-400 text-sm">65% of tokens allocated to community & business rewards</p> |
| | </div> |
| | |
| | <div class="flex justify-center"> |
| | <button class="bg-nyc-purple hover:bg-purple-700 text-white font-bold py-3 px-8 rounded-full text-lg transition transform hover:scale-105 flex items-center"> |
| | <i class="fab fa-solana mr-2"></i> Buy on Solana |
| | </button> |
| | </div> |
| | </div> |
| | |
| | <div> |
| | <div class="mb-8"> |
| | <h3 class="text-2xl font-bold mb-4 flex items-center"> |
| | <span class="w-8 h-8 bg-nyc-green rounded-full flex items-center justify-center text-black mr-3">1</span> |
| | Earn Tokens |
| | </h3> |
| | <p class="text-gray-300 pl-11"> |
| | Participate in the ecosystem by shopping at partner businesses, attending events, or contributing to advocacy efforts. |
| | </p> |
| | </div> |
| | |
| | <div class="mb-8"> |
| | <h3 class="text-2xl font-bold mb-4 flex items-center"> |
| | <span class="w-8 h-8 bg-nyc-purple rounded-full flex items-center justify-center text-black mr-3">2</span> |
| | Spend in Stores |
| | </h3> |
| | <p class="text-gray-300 pl-11"> |
| | Use your $SMOKE tokens for discounts, exclusive products, or VIP experiences at participating NYC cannabis businesses. |
| | </p> |
| | </div> |
| | |
| | <div class="mb-8"> |
| | <h3 class="text-2xl font-bold mb-4 flex items-center"> |
| | <span class="w-8 h-8 bg-nyc-gold rounded-full flex items-center justify-center text-black mr-3">3</span> |
| | Shape the Future |
| | </h3> |
| | <p class="text-gray-300 pl-11"> |
| | Token holders gain voting rights on community initiatives, fund allocation, and advocacy priorities. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="businesses" class="py-20 bg-black"> |
| | <div class="container mx-auto px-4"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-4xl md:text-5xl font-display mb-4">FOR <span class="text-nyc-gold">BUSINESSES</span></h2> |
| | <div class="w-24 h-1 bg-nyc-gold mx-auto mb-6"></div> |
| | <p class="max-w-3xl mx-auto text-lg md:text-xl"> |
| | Join NYC's cannabis revolution and gain a competitive edge with our tokenized rewards ecosystem. |
| | </p> |
| | </div> |
| | |
| | <div class="grid md:grid-cols-2 gap-12 items-center mb-16"> |
| | <div class="order-2 md:order-1"> |
| | <h3 class="text-3xl font-bold mb-6">Why Join Smoke Out NYC?</h3> |
| | |
| | <div class="space-y-6"> |
| | <div class="flex"> |
| | <div class="text-nyc-green text-2xl mr-4 mt-1"> |
| | <i class="fas fa-check-circle"></i> |
| | </div> |
| | <div> |
| | <h4 class="text-xl font-bold mb-2">Customer Loyalty</h4> |
| | <p class="text-gray-300"> |
| | Attract and retain customers with our token rewards program that keeps them coming back. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="flex"> |
| | <div class="text-nyc-green text-2xl mr-4 mt-1"> |
| | <i class="fas fa-check-circle"></i> |
| | </div> |
| | <div> |
| | <h4 class="text-xl font-bold mb-2">Community Support</h4> |
| | <p class="text-gray-300"> |
| | Align your business with a movement that New Yorkers care about and want to support. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="flex"> |
| | <div class="text-nyc-green text-2xl mr-4 mt-1"> |
| | <i class="fas fa-check-circle"></i> |
| | </div> |
| | <div> |
| | <h4 class="text-xl font-bold mb-2">Marketing Boost</h4> |
| | <p class="text-gray-300"> |
| | Get featured in our directory, social media, and community events. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="order-1 md:order-2 bg-gray-900 rounded-2xl p-8 border border-gray-800 shadow-lg"> |
| | <div class="text-center mb-6"> |
| | <h3 class="text-2xl font-bold mb-2">Business Tiers</h3> |
| | <p class="text-gray-400">Choose your level of participation</p> |
| | </div> |
| | |
| | <div class="space-y-4"> |
| | <div class="bg-gray-800 rounded-xl p-4 border-l-4 border-nyc-green"> |
| | <h4 class="font-bold text-lg">Basic</h4> |
| | <p class="text-sm text-gray-300 mb-2">Free to join</p> |
| | <ul class="text-sm space-y-1"> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-green mr-2"></i> |
| | Listed in directory |
| | </li> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-green mr-2"></i> |
| | Basic rewards program |
| | </li> |
| | </ul> |
| | </div> |
| | |
| | <div class="bg-gray-800 rounded-xl p-4 border-l-4 border-nyc-purple"> |
| | <h4 class="font-bold text-lg">Premium</h4> |
| | <p class="text-sm text-gray-300 mb-2">$500 in $SMOKE tokens</p> |
| | <ul class="text-sm space-y-1"> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-purple mr-2"></i> |
| | Featured placement |
| | </li> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-purple mr-2"></i> |
| | Enhanced rewards program |
| | </li> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-purple mr-2"></i> |
| | Marketing support |
| | </li> |
| | </ul> |
| | </div> |
| | |
| | <div class="bg-gray-800 rounded-xl p-4 border-l-4 border-nyc-gold"> |
| | <h4 class="font-bold text-lg">Partner</h4> |
| | <p class="text-sm text-gray-300 mb-2">$2,000 in $SMOKE tokens</p> |
| | <ul class="text-sm space-y-1"> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-gold mr-2"></i> |
| | Top placement in all materials |
| | </li> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-gold mr-2"></i> |
| | Custom rewards programs |
| | </li> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-gold mr-2"></i> |
| | Event sponsorship opportunities |
| | </li> |
| | <li class="flex items-center"> |
| | <i class="fas fa-check text-nyc-gold mr-2"></i> |
| | Governance voting rights |
| | </li> |
| | </ul> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="text-center"> |
| | <button class="bg-nyc-gold hover:bg-yellow-600 text-black font-bold py-3 px-8 rounded-full text-lg transition transform hover:scale-105"> |
| | Register Your Business |
| | </button> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="community" class="py-20 bg-gradient-to-b from-gray-900 to-black"> |
| | <div class="container mx-auto px-4"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-4xl md:text-5xl font-display mb-4">OUR <span class="text-nyc-green">COMMUNITY</span></h2> |
| | <div class="w-24 h-1 bg-nyc-green mx-auto mb-6"></div> |
| | <p class="max-w-3xl mx-auto text-lg md:text-xl"> |
| | Together, we're building more than a token—we're creating a movement that puts power back in the hands of New Yorkers. |
| | </p> |
| | </div> |
| | |
| | <div class="grid md:grid-cols-3 gap-8 mb-16"> |
| | <div class="bg-gray-800 rounded-xl p-8 text-center hover:bg-gray-700 transition"> |
| | <div class="text-6xl text-nyc-purple mb-6"> |
| | <i class="fas fa-users"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-4">Advocacy Events</h3> |
| | <p class="text-gray-300"> |
| | Monthly meetups, educational seminars, and direct action initiatives to push for progressive cannabis policies. |
| | </p> |
| | </div> |
| | |
| | <div class="bg-gray-800 rounded-xl p-8 text-center hover:bg-gray-700 transition"> |
| | <div class="text-6xl text-nyc-green mb-6"> |
| | <i class="fas fa-hand-holding-usd"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-4">Community Fund</h3> |
| | <p class="text-gray-300"> |
| | 5% of all token transactions fund grants for social equity applicants and cannabis justice initiatives. |
| | </p> |
| | </div> |
| | |
| | <div class="bg-gray-800 rounded-xl p-8 text-center hover:bg-gray-700 transition"> |
| | <div class="text-6xl text-nyc-gold mb-6"> |
| | <i class="fas fa-vote-yea"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-4">Token Governance</h3> |
| | <p class="text-gray-300"> |
| | Token holders vote on how community funds are allocated and which advocacy efforts we prioritize. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-gray-800 rounded-2xl p-8 md:p-12 border border-gray-700"> |
| | <div class="grid md:grid-cols-2 gap-8 items-center"> |
| | <div> |
| | <h3 class="text-3xl font-bold mb-6">Join the Movement</h3> |
| | <p class="text-lg mb-6"> |
| | Whether you're a cannabis consumer, business owner, or just believe in economic justice—there's a place for you in Smoke Out NYC. |
| | </p> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="w-12 h-12 bg-gray-700 hover:bg-nyc-green rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-twitter"></i> |
| | </a> |
| | <a href="#" class="w-12 h-12 bg-gray-700 hover:bg-nyc-purple rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-discord"></i> |
| | </a> |
| | <a href="#" class="w-12 h-12 bg-gray-700 hover:bg-nyc-gold rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | <a href="#" class="w-12 h-12 bg-gray-700 hover:bg-green-600 rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-telegram"></i> |
| | </a> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-gray-900 rounded-xl p-6"> |
| | <h4 class="text-xl font-bold mb-4">Sign Up for Updates</h4> |
| | <form> |
| | <div class="mb-4"> |
| | <input type="text" placeholder="Your Name" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 focus:ring-nyc-green"> |
| | </div> |
| | <div class="mb-4"> |
| | <input type="email" placeholder="Email Address" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 focus:ring-nyc-green"> |
| | </div> |
| | <div class="mb-4"> |
| | <select class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 focus:ring-nyc-green text-gray-300"> |
| | <option>I'm interested as...</option> |
| | <option>Consumer/Advocate</option> |
| | <option>Business Owner</option> |
| | <option>Investor</option> |
| | <option>Just Curious</option> |
| | </select> |
| | </div> |
| | <button type="submit" class="w-full bg-nyc-green hover:bg-green-600 text-black font-bold py-3 px-6 rounded-lg transition"> |
| | Stay Updated |
| | </button> |
| | </form> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="faq" class="py-20 bg-black"> |
| | <div class="container mx-auto px-4"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-4xl md:text-5xl font-display mb-4">FREQUENTLY <span class="text-nyc-purple">ASKED</span> QUESTIONS</h2> |
| | <div class="w-24 h-1 bg-nyc-purple mx-auto mb-6"></div> |
| | </div> |
| | |
| | <div class="max-w-3xl mx-auto"> |
| | <div class="space-y-4"> |
| | <div class="bg-gray-900 rounded-xl overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-6 flex justify-between items-center hover:bg-gray-800 transition"> |
| | <span class="text-lg font-bold">Is this legal?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content px-6 pb-6 hidden"> |
| | <p class="text-gray-300"> |
| | The $SMOKE token itself is a legal cryptocurrency operating on the Solana blockchain. While cannabis remains federally illegal, our focus is on advocating for changes to local NYC laws while operating within current regulations. We recommend consulting with legal counsel regarding your specific participation. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-gray-900 rounded-xl overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-6 flex justify-between items-center hover:bg-gray-800 transition"> |
| | <span class="text-lg font-bold">How do businesses benefit from accepting $SMOKE?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content px-6 pb-6 hidden"> |
| | <p class="text-gray-300"> |
| | Participating businesses gain access to a growing community of engaged customers, marketing exposure through our platforms, and the ability to create customized loyalty programs. Higher tier members also receive governance rights to help shape the future of the ecosystem. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-gray-900 rounded-xl overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-6 flex justify-between items-center hover:bg-gray-800 transition"> |
| | <span class="text-lg font-bold">Why Solana instead of Ethereum?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content px-6 pb-6 hidden"> |
| | <p class="text-gray-300"> |
| | Solana offers significantly lower transaction fees (often less than $0.01) compared to Ethereum, making micro-rewards and small transactions economically viable. It also processes transactions much faster (50,000+ TPS vs Ethereum's ~15-30 TPS), creating a smoother user experience for our community members. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-gray-900 rounded-xl overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-6 flex justify-between items-center hover:bg-gray-800 transition"> |
| | <span class="text-lg font-bold">How can I earn $SMOKE tokens?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content px-6 pb-6 hidden"> |
| | <p class="text-gray-300 mb-4"> |
| | There are several ways to earn $SMOKE: |
| | </p> |
| | <ul class="list-disc list-inside text-gray-300 space-y-2"> |
| | <li>Shopping at participating businesses (automatic rewards)</li> |
| | <li>Attending and checking in at community events</li> |
| | <li>Participating in advocacy actions (petitions, calling representatives)</li> |
| | <li>Contributing content or resources to the community</li> |
| | <li>Purchasing directly on Solana exchanges</li> |
| | </ul> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-gray-900 rounded-xl overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-6 flex justify-between items-center hover:bg-gray-800 transition"> |
| | <span class="text-lg font-bold">What's the long-term vision for Smoke Out NYC?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content px-6 pb-6 hidden"> |
| | <p class="text-gray-300"> |
| | Beyond legalization advocacy, we envision a self-sustaining ecosystem where the $SMOKE token facilitates commerce, community governance, and social impact in NYC's cannabis space. Future goals include expanding to other cities, developing our own decentralized marketplace, and establishing a community-owned dispensary model. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-gray-900"> |
| | <div class="container mx-auto px-4"> |
| | <div class="text-center mb-12"> |
| | <h3 class="text-2xl font-bold mb-2">PARTNER BUSINESSES</h3> |
| | <p class="text-gray-400 max-w-2xl mx-auto"> |
| | These NYC establishments are already part of the Smoke Out NYC ecosystem |
| | </p> |
| | </div> |
| | |
| | <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> |
| | <div class="bg-gray-800 rounded-xl p-6 flex items-center justify-center h-32"> |
| | <span class="text-xl font-display">GREEN STREET</span> |
| | </div> |
| | <div class="bg-gray-800 rounded-xl p-6 flex items-center justify-center h-32"> |
| | <span class="text-xl font-display">BROOKLYN SMOKE</span> |
| | </div> |
| | <div class="bg-gray-800 rounded-xl p-6 flex items-center justify-center h-32"> |
| | <span class="text-xl font-display">HIGH LINE</span> |
| | </div> |
| | <div class="bg-gray-800 rounded-xl p-6 flex items-center justify-center h-32"> |
| | <span class="text-xl font-display">CANNA-QUEENS</span> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-20 bg-gradient-to-r from-nyc-purple to-nyc-green"> |
| | <div class="container mx-auto px-4 text-center"> |
| | <h2 class="text-4xl md:text-5xl font-display mb-6">READY TO JOIN THE <span class="text-black">MOVEMENT</span>?</h2> |
| | <p class="text-xl max-w-2xl mx-auto mb-8"> |
| | Whether you're an individual or a business, there's never been a better time to get involved. |
| | </p> |
| | <div class="flex flex-wrap justify-center gap-4"> |
| | <button class="bg-black hover:bg-gray-900 text-white font-bold py-3 px-8 rounded-full text-lg transition transform hover:scale-105"> |
| | Get $SMOKE Tokens |
| | </button> |
| | <button class="bg-white hover:bg-gray-100 text-black font-bold py-3 px-8 rounded-full text-lg transition transform hover:scale-105"> |
| | Business Inquiry |
| | </button> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <footer class="bg-black py-12 border-t border-gray-800"> |
| | <div class="container mx-auto px-4"> |
| | <div class="grid md:grid-cols-4 gap-12 mb-12"> |
| | <div> |
| | <div class="flex items-center space-x-2 mb-4"> |
| | <i class="fas fa-cannabis text-nyc-green text-2xl"></i> |
| | <span class="text-2xl font-display tracking-wider">SMOKE OUT <span class="text-nyc-green">NYC</span></span> |
| | </div> |
| | <p class="text-gray-400"> |
| | Powering NYC's cannabis revolution through community and cryptocurrency. |
| | </p> |
| | </div> |
| | |
| | <div> |
| | <h4 class="text-lg font-bold mb-4">Quick Links</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">Whitepaper</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">Tokenomics</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">Business Portal</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">Roadmap</a></li> |
| | </ul> |
| | </div> |
| |
|
| | <div> |
| | <h4 class="text-lg font-bold mb-4">Resources</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">FAQ</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">Community Guidelines</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">Legalization Efforts</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-nyc-green transition">Contact Us</a></li> |
| | </ul> |
| | </div> |
| |
|
| | <div> |
| | <h4 class="text-lg font-bold mb-4">Connect</h4> |
| | <div class="flex space-x-4 mb-4"> |
| | <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-nyc-green rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-twitter"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-nyc-purple rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-discord"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-nyc-gold rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-green-600 rounded-full flex items-center justify-center text-xl transition"> |
| | <i class="fab fa-telegram"></i> |
| | </a> |
| | </div> |
| | <p class="text-gray-400 text-sm"> |
| | Contact: hello@smokeoutnyc.io |
| | </p> |
| | </div> |
| | </div> |
| |
|
| | <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center"> |
| | <p class="text-gray-500 text-sm mb-4 md:mb-0"> |
| | © 2023 Smoke Out NYC. All rights reserved. |
| | </p> |
| | <div class="flex space-x-6"> |
| | <a href="#" class="text-gray-500 hover:text-nyc-green text-sm transition">Privacy Policy</a> |
| | <a href="#" class="text-gray-500 hover:text-nyc-green text-sm transition">Terms of Service</a> |
| | <a href="#" class="text-gray-500 hover:text-nyc-green text-sm transition">Disclosures</a> |
| | </div> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | |
| | <button id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 bg-nyc-green rounded-full flex items-center justify-center text-black text-xl shadow-lg transition opacity-0 invisible"> |
| | <i class="fas fa-arrow-up"></i> |
| | </button> |
| |
|
| | <script> |
| | |
| | document.querySelectorAll('.faq-toggle').forEach(button => { |
| | button.addEventListener('click', () => { |
| | const content = button.nextElementSibling; |
| | const icon = button.querySelector('i'); |
| | |
| | content.classList.toggle('hidden'); |
| | icon.classList.toggle('rotate-180'); |
| | }); |
| | }); |
| | |
| | |
| | const backToTopButton = document.getElementById('back-to-top'); |
| | |
| | window.addEventListener('scroll', () => { |
| | if (window.pageYOffset > 300) { |
| | backToTopButton.classList.remove('opacity-0', 'invisible'); |
| | backToTopButton.classList.add('opacity-100', 'visible'); |
| | } else { |
| | backToTopButton.classList.remove('opacity-100', 'visible'); |
| | backToTopButton.classList.add('opacity-0', 'invisible'); |
| | } |
| | }); |
| | |
| | backToTopButton.addEventListener('click', () => { |
| | window.scrollTo({ |
| | top: 0, |
| | behavior: 'smooth' |
| | }); |
| | }); |
| | |
| | |
| | document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| | anchor.addEventListener('click', function(e) { |
| | e.preventDefault(); |
| | |
| | const targetId = this.getAttribute('href'); |
| | if (targetId === '#') return; |
| | |
| | const targetElement = document.querySelector(targetId); |
| | if (targetElement) { |
| | targetElement.scrollIntoView({ |
| | behavior: 'smooth' |
| | }); |
| | } |
| | }); |
| | }); |
| | |
| | |
| | document.querySelector('.md\\:hidden').addEventListener('click', () => { |
| | alert('Mobile menu would open here in a full implementation'); |
| | }); |
| | </script> |
| | <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=dwilcox24/nyc" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
