Spaces:

dwilcox24
/

nyc

Running

App Files Files Community

dwilcox24 commited on May 9, 2025

Commit

e58c7c7

verified ·

1 Parent(s): fcbdb32

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +753 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Nyc
-emoji: 😻
-colorFrom: purple
 colorTo: blue
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: nyc
+emoji: 🐳
+colorFrom: red
 colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,753 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!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-pattern {
+            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiPgo8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSI2IiBmaWxsPSIjMDAwMDAwIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMNiA2IiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CjxwYXRoIGQ9Ik02IDBMMCA2IiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+Cjwvc3ZnPg==');
+            opacity: 0.05;
+        }
+        .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">
+    <!-- Navigation -->
+    <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>
+    <!-- Hero Section -->
+    <section class="relative overflow-hidden hero-pattern">
+        <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>
+    <!-- Marquee -->
+    <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>
+    <!-- Mission Section -->
+    <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>
+    <!-- Token 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>
+    <!-- For Businesses 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>
+    <!-- Community 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>
+    <!-- FAQ 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>
+    <!-- Partners 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>
+    <!-- CTA 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 -->
+    <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">
+                    &copy; 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>
+    <!-- Back to Top -->
+    <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>
+        // FAQ toggle functionality
+        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');
+            });
+        });
+        // Back to top button
+        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'
+            });
+        });
+        // Smooth scrolling for anchor links
+        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'
+                    });
+                }
+            });
+        });
+        // Mobile menu toggle (placeholder - would need actual implementation)
+        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>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Deep Site Prompt: Smoke Out NYC - Igniting Local Cannabis Legalization through Community and Rewards Core Concept: Smoke Out NYC is envisioned as a Solana-backed meme coin with a tangible purpose: to galvanize community support for local cannabis legalization within New York City and empower participating small businesses through a unique rewards system. Key Areas to Explore: Narrative & Branding: The "Why": What is the overarching story and mission behind Smoke Out NYC? Go beyond just legalization – what are the deeper community benefits you envision? (e.g., economic empowerment, social justice, destigmatization). Meme Coin Identity: What kind of meme will resonate with New Yorkers and the cannabis community? What's the tone – humorous, rebellious, celebratory, or something else? How can the branding visually and verbally capture the essence of NYC and cannabis culture? Slogan/Tagline: Develop several compelling slogans that encapsulate the mission and vibe of Smoke Out NYC. Utility & Ecosystem: Shop Owner Opt-in Model: Detail the process for local shop owners (dispensaries, head shops, related businesses) to join the Smoke Out NYC ecosystem. What are the benefits for them beyond attracting customers? Token Distribution as Rewards: How will the token distribution to customers work in practice? What mechanisms will ensure fair and effective reward distribution? Incentives for Shop Owners: Elaborate on the "buy-in" process for shop owners. What are the tiers or benefits associated with purchasing tokens? How will the "free tokens as an incentive" model work and what are the associated terms? Token Spending within Stores: How will the Smoke Out NYC token be used for purchases within participating stores? Will it offer discounts, exclusive products, or other benefits? Explore the user experience for token holders. Solana Integration: Why is Solana the chosen blockchain? Highlight the specific advantages (speed, low fees, scalability) that make it suitable for this project. How will the Solana backing be communicated to users and businesses? Potential Future Utility: Beyond rewards, what other potential use cases could the Smoke Out NYC token have in the future (e.g., community governance, funding local initiatives, exclusive events)? Community & Legalization Advocacy: Building a Community: How will Smoke Out NYC foster a strong and engaged community of supporters? What role will social media, online forums, and local events play? Driving Legalization Efforts: How will the meme coin and its community contribute to the local legalization of cannabis in NYC? Will there be direct advocacy initiatives, partnerships with advocacy groups, or leveraging the token's visibility? Transparency & Trust: How will Smoke Out NYC ensure transparency and build trust within the community regarding tokenomics, distribution, and the project's goals? Tokenomics: Token Supply & Distribution: Outline a potential token supply and distribution strategy. How many tokens will be created? What percentage will be allocated for community rewards, shop owner incentives, development, marketing, and potential future use? Token Utility & Value Proposition: Clearly define the utility of the token within the ecosystem and how this utility will drive demand and potentially increase its value over time. Sustainability: How will the Smoke Out NYC ecosystem be sustainable in the long term? What mechanisms will ensure the ongoing value and utility of the token? Challenges & Mitigation: Regulatory Landscape: Acknowledge the complexities of cannabis regulations in NYC and potential hurdles. How will Smoke Out NYC navigate these challenges? Adoption & Scalability: What strategies will be employed to drive adoption among both consumers and shop owners? How can the model be scaled effectively across NYC? Security & Trust: How will the security of the Solana-based token and the overall ecosystem be ensured? What measures will be in place to protect users and businesses?