Add 2 files

index.html

@@ -26,9 +26,12 @@
     <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;
+        .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 {
@@ -91,8 +94,8 @@
         </div>
     </nav>
 
-    <!-- Hero Section -->
-    <section class="relative overflow-hidden hero-pattern">
+    <!-- Hero Section with Image -->
+    <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">
@@ -115,6 +118,7 @@
         <div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-black to-transparent"></div>
     </section>
 
+    <!-- Rest of the HTML remains the same -->
     <!-- Marquee -->
     <div class="bg-nyc-purple py-3 overflow-hidden">
         <div class="flex whitespace-nowrap">
@@ -640,114 +644,114 @@
                     <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>
+        <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>
 
-    <!-- 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>
+<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>
 
-    <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'
-            });
+<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');
         });
-        
-        // 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'
-                    });
-                }
-            });
+    });
+    
+    // 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'
         });
-        
-        // Mobile menu toggle (placeholder - would need actual implementation)
-        document.querySelector('.md\\:hidden').addEventListener('click', () => {
-            alert('Mobile menu would open here in a full implementation');
+    });
+    
+    // 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'
+                });
+            }
         });
-    </script>
+    });
+    
+    // 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

@@ -1 +1,2 @@
-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?
+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?
+I need a hero image in the header. please select a suitable image