Update index.html

index.html

@@ -540,7 +540,45 @@ python ghostgradio.py --port 5666 --server 0.0.0.0</code></pre>
             </div>
         </div>
     </section>
-
+<!-- Ads & Offers Section with Flashy Promotions for Your Stuff -->
+<section id="ads" class="py-5 bg-dark text-white">
+    <div class="container">
+        <h2 class="text-center mb-5 animate__animated animate__fadeInUp">💰 Ads & Exclusive Offers</h2>
+        <p class="lead lead-text mb-4">Level up your spectral journey with these epic deals!</p>
+        <div class="row row-cols-1 row-cols-md-2 g-4">
+            <div class="col">
+                <div class="card bg-ghost-card h-100">
+                    <div class="card-body text-center">
+                        <h3>🎮 GhostPack Pro Pack</h3>
+                        <p class="lead-text">Unlock exclusive templates, advanced tutorials, and priority support for your GhostPack projects! Visit <a href="https://huggingface.co/spaces/ghostai1/GhostPack-Pro" target="_blank">GhostPack Pro</a> to grab this limited-time offer.</p>
+                        <a href="https://huggingface.co/spaces/ghostai1/GhostPack-Pro" class="btn btn-ghost animate__animated animate__bounce" target="_blank">Get Pro Pack Now!</a>
+                    </div>
+                </div>
+            </div>
+            <div class="col">
+                <div class="card bg-ghost-card h-100">
+                    <div class="card-body text-center">
+                        <h3>🌐 GhostAI Marketplace</h3>
+                        <p class="lead-text">Sell your spectral creations or buy unique assets on the GhostAI Marketplace! Check out <a href="https://ghostai-marketplace.com" target="_blank">ghostai-marketplace.com</a> for a thriving community hub.</p>
+                        <a href="https://ghostai-marketplace.com" class="btn btn-ghost animate__animated animate__bounce" target="_blank">Join Marketplace</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row mt-4">
+            <div class="col">
+                <div class="card bg-ghost-card h-100">
+                    <div class="card-body text-center">
+                        <h3>📚 GhostPack Masterclass</h3>
+                        <p class="lead-text">Enroll in the GhostPack Masterclass for in-depth video sorcery training! Learn advanced techniques at <a href="https://ghostai1.teachable.com" target="_blank">ghostai1.teachable.com</a> and become a pro creator.</p>
+                        <a href="https://ghostai1.teachable.com" class="btn btn-ghost animate__animated animate__bounce" target="_blank">Enroll Today!</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <p class="text-center mt-4 lead-text animate__animated animate__flash">More exclusive drops coming soon—stay spectral! 🚀👻</p>
+    </div>
+</section>
 
     <!-- Footer with Dynamic Glow -->
     <footer class="bg-ghost-black text-white text-center py-3">