Spaces:

mou8999
/

traffic-accelerator-workshop

Running

App Files Files Community

mou8999 commited on May 26, 2025

Commit

aaff394

verified ·

1 Parent(s): 361d707

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +562 -19
prompts.txt +0 -0

README.md CHANGED Viewed

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

 ---
+title: traffic-accelerator-workshop
+emoji: 🐳
+colorFrom: pink
+colorTo: yellow
 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,562 @@
-<!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>Traffic Accelerator Workshop | Build a Scalable Traffic System in 5 Days</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">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap" rel="stylesheet">
+    <style>
+        body {
+            font-family: 'Montserrat', sans-serif;
+            background-color: #0a0a0a;
+            color: white;
+            scroll-behavior: smooth;
+        }
+        .video-background {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            z-index: -1;
+            opacity: 0.4;
+        }
+        .gold-gradient {
+            background: linear-gradient(90deg, #FFD700 0%, #FFC000 100%);
+        }
+        .blue-gradient {
+            background: linear-gradient(90deg, #00B4DB 0%, #0083B0 100%);
+        }
+        .fade-in {
+            animation: fadeIn 1.5s ease-in-out;
+        }
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+        .timeline-item:not(:last-child):after {
+            content: '';
+            position: absolute;
+            left: 24px;
+            top: 40px;
+            height: calc(100% - 40px);
+            width: 2px;
+            background: rgba(255, 255, 255, 0.2);
+        }
+        .testimonial-card {
+            background: rgba(255, 255, 255, 0.05);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            transition: all 0.3s ease;
+        }
+        .testimonial-card:hover {
+            transform: translateY(-5px);
+            background: rgba(255, 255, 255, 0.1);
+        }
+        .faq-item {
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .faq-content {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.5s ease;
+        }
+        .faq-content.active {
+            max-height: 300px;
+        }
+    </style>
+</head>
+<body class="text-white">
+    <!-- Hero Section -->
+    <section class="relative min-h-screen flex items-center justify-center overflow-hidden">
+        <video autoplay muted loop class="video-background">
+            <source src="https://assets.mixkit.co/videos/preview/mixkit-close-up-of-hands-typing-on-a-laptop-4983-large.mp4" type="video/mp4">
+        </video>
+        <div class="absolute inset-0 bg-black opacity-60 z-0"></div>
+        <div class="container mx-auto px-6 z-10 text-center fade-in">
+            <h1 class="text-4xl md:text-6xl lg:text-7xl font-bold mb-6 leading-tight">
+                Build a Lead-Generating <span class="text-transparent bg-clip-text gold-gradient">Traffic Machine</span> in 5 Days
+            </h1>
+            <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto opacity-90">
+                Join the $37 Traffic Accelerator Workshop — No Ads. No Guessing. Just Qualified Leads Daily.
+            </p>
+            <a href="#purchase" class="gold-gradient hover:opacity-90 text-black font-bold py-4 px-12 rounded-full text-xl inline-block transition-all duration-300 transform hover:scale-105 shadow-lg">
+                Join Now for $37
+            </a>
+            <div class="mt-12 bg-black bg-opacity-50 inline-block px-6 py-3 rounded-full">
+                <div class="flex items-center justify-center space-x-4">
+                    <div class="flex items-center">
+                        <i class="fas fa-clock text-yellow-400 mr-2"></i>
+                        <span id="countdown" class="font-bold">00:00:00</span>
+                    </div>
+                    <div class="hidden sm:block">|</div>
+                    <div class="flex items-center">
+                        <i class="fas fa-users text-yellow-400 mr-2"></i>
+                        <span class="font-bold">Limited spots remaining</span>
+                    </div>
+                </div>
+                <p class="mt-2 text-sm opacity-80">Next workshop starts Monday · Lifetime replay access</p>
+            </div>
+        </div>
+    </section>
+    <!-- Core Benefits -->
+    <section class="py-20 bg-gradient-to-b from-black to-gray-900">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">
+                    Your <span class="text-transparent bg-clip-text blue-gradient">5-Day Transformation</span> Includes:
+                </h2>
+                <p class="text-xl opacity-90 max-w-2xl mx-auto">
+                    Everything you need to build a traffic system that works while you sleep
+                </p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
+                <div class="bg-gray-900 p-8 rounded-xl border border-gray-800 text-center">
+                    <div class="text-4xl mb-4 text-blue-400">🔁</div>
+                    <h3 class="text-xl font-bold mb-3">AI-Powered Content System</h3>
+                    <p class="opacity-80">Create months of content in hours using our battle-tested AI templates</p>
+                </div>
+                <div class="bg-gray-900 p-8 rounded-xl border border-gray-800 text-center">
+                    <div class="text-4xl mb-4 text-blue-400">📈</div>
+                    <h3 class="text-xl font-bold mb-3">Skool Funnel That Converts</h3>
+                    <p class="opacity-80">Turn visitors into community members and paying clients automatically</p>
+                </div>
+                <div class="bg-gray-900 p-8 rounded-xl border border-gray-800 text-center">
+                    <div class="text-4xl mb-4 text-blue-400">💬</div>
+                    <h3 class="text-xl font-bold mb-3">DM Framework That Books Calls</h3>
+                    <p class="opacity-80">Our proven DM sequence converts 30%+ of leads into booked calls</p>
+                </div>
+                <div class="bg-gray-900 p-8 rounded-xl border border-gray-800 text-center">
+                    <div class="text-4xl mb-4 text-blue-400">📊</div>
+                    <h3 class="text-xl font-bold mb-3">Growth Tracker + Accountability</h3>
+                    <p class="opacity-80">Track your progress and stay accountable with our simple system</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- High-Status Banner -->
+    <section class="py-16 bg-gradient-to-r from-blue-900 to-black">
+        <div class="container mx-auto px-6 text-center">
+            <div class="max-w-4xl mx-auto">
+                <h2 class="text-3xl md:text-4xl font-bold mb-6 leading-tight">
+                    You don't need ads. You need a system that works while you sleep.
+                </h2>
+                <p class="text-xl opacity-90 mb-8">
+                    While others waste money on ads that don't convert, you'll build an organic traffic machine that delivers qualified leads daily.
+                </p>
+                <div class="flex justify-center">
+                    <img src="https://via.placeholder.com/800x400?text=Skool+Dashboard+Example" alt="Skool Dashboard" class="rounded-lg border border-gray-700 shadow-xl">
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Timeline -->
+    <section class="py-20 bg-black">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">
+                    Your <span class="text-transparent bg-clip-text gold-gradient">5-Day Blueprint</span>
+                </h2>
+                <p class="text-xl opacity-90 max-w-2xl mx-auto">
+                    Exactly what we'll cover each day to build your traffic system
+                </p>
+            </div>
+            <div class="max-w-3xl mx-auto space-y-8">
+                <div class="timeline-item relative pl-16">
+                    <div class="absolute left-0 top-0 w-10 h-10 rounded-full gold-gradient flex items-center justify-center">
+                        <span class="font-bold text-black">1</span>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-2">Day 1: Offer + Identity Refinement</h3>
+                    <p class="opacity-90">Craft an irresistible offer and messaging that attracts your ideal clients like a magnet</p>
+                </div>
+                <div class="timeline-item relative pl-16">
+                    <div class="absolute left-0 top-0 w-10 h-10 rounded-full gold-gradient flex items-center justify-center">
+                        <span class="font-bold text-black">2</span>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-2">Day 2: Content System + AI Templates</h3>
+                    <p class="opacity-90">Build your content machine with our AI-powered templates that create months of content in hours</p>
+                </div>
+                <div class="timeline-item relative pl-16">
+                    <div class="absolute left-0 top-0 w-10 h-10 rounded-full gold-gradient flex items-center justify-center">
+                        <span class="font-bold text-black">3</span>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-2">Day 3: Skool Funnel Setup</h3>
+                    <p class="opacity-90">Configure your Skool community to automatically convert visitors into engaged members</p>
+                </div>
+                <div class="timeline-item relative pl-16">
+                    <div class="absolute left-0 top-0 w-10 h-10 rounded-full gold-gradient flex items-center justify-center">
+                        <span class="font-bold text-black">4</span>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-2">Day 4: DM System + Tracker Build</h3>
+                    <p class="opacity-90">Implement our proven DM sequence that converts 30%+ of leads into booked calls</p>
+                </div>
+                <div class="timeline-item relative pl-16">
+                    <div class="absolute left-0 top-0 w-10 h-10 rounded-full gold-gradient flex items-center justify-center">
+                        <span class="font-bold text-black">5</span>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-2">Day 5: Monetization & Scaling Playbook</h3>
+                    <p class="opacity-90">Turn your traffic into revenue with our scaling strategies for $10k+ months</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials -->
+    <section class="py-20 bg-gradient-to-b from-black to-gray-900">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">
+                    What <span class="text-transparent bg-clip-text blue-gradient">Our Students</span> Say
+                </h2>
+                <p class="text-xl opacity-90 max-w-2xl mx-auto">
+                    Coaches and creators who transformed their traffic using this system
+                </p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
+                <div class="testimonial-card p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah K." class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Sarah K.</h4>
+                            <p class="text-sm opacity-70">Life Coach</p>
+                        </div>
+                    </div>
+                    <p class="italic opacity-90">"Generated 20+ leads within 3 days of implementing the system. My calendar is now fully booked!"</p>
+                </div>
+                <div class="testimonial-card p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T." class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Michael T.</h4>
+                            <p class="text-sm opacity-70">Marketing Consultant</p>
+                        </div>
+                    </div>
+                    <p class="italic opacity-90">"My Skool funnel finally converts! Went from 0 to 47 members in 2 weeks with this framework."</p>
+                </div>
+                <div class="testimonial-card p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Lisa M." class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Lisa M.</h4>
+                            <p class="text-sm opacity-70">Fitness Coach</p>
+                        </div>
+                    </div>
+                    <p class="italic opacity-90">"Best $37 I ever spent. Period. The AI content system alone is worth 10x the price."</p>
+                </div>
+                <div class="testimonial-card p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="David R." class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">David R.</h4>
+                            <p class="text-sm opacity-70">Business Coach</p>
+                        </div>
+                    </div>
+                    <p class="italic opacity-90">"The DM framework booked me 8 calls in my first week. Closed 3 clients from those calls!"</p>
+                </div>
+                <div class="testimonial-card p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/women/90.jpg" alt="Jessica L." class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Jessica L.</h4>
+                            <p class="text-sm opacity-70">Mindset Coach</p>
+                        </div>
+                    </div>
+                    <p class="italic opacity-90">"Finally a system that works without ads! My organic reach has tripled in 30 days."</p>
+                </div>
+                <div class="testimonial-card p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <img src="https://randomuser.me/api/portraits/men/15.jpg" alt="Alex P." class="w-12 h-12 rounded-full mr-4">
+                        <div>
+                            <h4 class="font-bold">Alex P.</h4>
+                            <p class="text-sm opacity-70">Copywriting Coach</p>
+                        </div>
+                    </div>
+                    <p class="italic opacity-90">"Went from $2k to $8.5k months after implementing this. The growth tracker keeps me accountable."</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- About Host -->
+    <section class="py-20 bg-gray-900">
+        <div class="container mx-auto px-6">
+            <div class="flex flex-col lg:flex-row items-center">
+                <div class="lg:w-1/2 mb-10 lg:mb-0 lg:pr-12">
+                    <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Workshop Host" class="rounded-xl shadow-2xl border-4 border-white">
+                </div>
+                <div class="lg:w-1/2">
+                    <h2 class="text-3xl md:text-4xl font-bold mb-6">
+                        Built By a Coach Who's <span class="text-transparent bg-clip-text gold-gradient">Done It</span> — Not Just Talked About It
+                    </h2>
+                    <p class="text-lg opacity-90 mb-6">
+                        I help creators and coaches scale to $10k/month using AI, content systems, and Skool. After struggling for years with inconsistent traffic, I developed this system that now delivers 50-100 qualified leads per month on autopilot.
+                    </p>
+                    <p class="text-lg opacity-90 mb-8">
+                        This is the exact framework I've used to help 50+ coaches fill their communities and calendars — and now you're getting it for just $37.
+                    </p>
+                    <div class="flex items-center">
+                        <div class="mr-4">
+                            <img src="https://via.placeholder.com/80x80?text=Signature" alt="Signature" class="h-12">
+                        </div>
+                        <div>
+                            <p class="font-bold">[Your Name]</p>
+                            <p class="text-sm opacity-80">Creator, Traffic Accelerator Workshop</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Mid-Page CTA -->
+    <section class="py-16 bg-gradient-to-r from-blue-900 to-black">
+        <div class="container mx-auto px-6 text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6 leading-tight">
+                Everything You Need to Attract Traffic, Book Calls, and Close — in 5 Days.
+            </h2>
+            <p class="text-xl opacity-90 mb-8 max-w-3xl mx-auto">
+                For less than the cost of a single ad campaign, you'll get a complete system that delivers consistent results month after month.
+            </p>
+            <a href="#purchase" class="gold-gradient hover:opacity-90 text-black font-bold py-4 px-12 rounded-full text-xl inline-block transition-all duration-300 transform hover:scale-105 shadow-lg mb-8">
+                Join the Workshop Now – $37
+            </a>
+            <div class="flex justify-center space-x-8 opacity-80">
+                <img src="https://via.placeholder.com/120x40?text=Stripe" alt="Stripe" class="h-8">
+                <img src="https://via.placeholder.com/120x40?text=PayPal" alt="PayPal" class="h-8">
+                <img src="https://via.placeholder.com/120x40?text=Secure+Checkout" alt="Secure Checkout" class="h-8">
+            </div>
+        </div>
+    </section>
+    <!-- FAQ -->
+    <section class="py-20 bg-black">
+        <div class="container mx-auto px-6 max-w-4xl">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">
+                    Your <span class="text-transparent bg-clip-text blue-gradient">Questions</span> Answered
+                </h2>
+                <p class="text-xl opacity-90">
+                    Everything you need to know before joining
+                </p>
+            </div>
+            <div class="space-y-4">
+                <div class="faq-item">
+                    <button class="faq-toggle w-full flex justify-between items-center py-4 text-left focus:outline-none">
+                        <span class="text-lg font-bold">Is this beginner friendly?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content">
+                        <div class="pb-4 opacity-90">
+                            <p>Absolutely! We've designed this workshop to work for complete beginners while still providing advanced strategies for more experienced entrepreneurs. We'll start with fundamentals and build up to more advanced concepts.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <button class="faq-toggle w-full flex justify-between items-center py-4 text-left focus:outline-none">
+                        <span class="text-lg font-bold">Do I need a Skool community already?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content">
+                        <div class="pb-4 opacity-90">
+                            <p>No! We'll show you how to set one up from scratch if needed. However, if you already have a Skool community, you'll learn how to optimize it for maximum conversions.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <button class="faq-toggle w-full flex justify-between items-center py-4 text-left focus:outline-none">
+                        <span class="text-lg font-bold">What if I can't attend live?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content">
+                        <div class="pb-4 opacity-90">
+                            <p>No problem! All sessions will be recorded and available within 24 hours. You'll have lifetime access to the recordings, worksheets, and all bonus materials.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <button class="faq-toggle w-full flex justify-between items-center py-4 text-left focus:outline-none">
+                        <span class="text-lg font-bold">How is the workshop delivered?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content">
+                        <div class="pb-4 opacity-90">
+                            <p>The workshop includes daily live training sessions (with replays), downloadable templates and worksheets, and access to our private Skool community for ongoing support.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <button class="faq-toggle w-full flex justify-between items-center py-4 text-left focus:outline-none">
+                        <span class="text-lg font-bold">Is there a money-back guarantee?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content">
+                        <div class="pb-4 opacity-90">
+                            <p>Yes! We offer a 30-day money-back guarantee. If you don't find the workshop valuable, simply email us within 30 days of purchase for a full refund, no questions asked.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Final CTA -->
+    <section id="purchase" class="py-20 bg-gradient-to-b from-black to-blue-900">
+        <div class="container mx-auto px-6 text-center">
+            <h2 class="text-3xl md:text-5xl font-bold mb-6 leading-tight">
+                Your Community Deserves Growth. <br>Your Content Deserves Results.
+            </h2>
+            <p class="text-xl opacity-90 mb-8 max-w-3xl mx-auto">
+                Stop wasting time on strategies that don't work. Build your traffic machine in just 5 days.
+            </p>
+            <div class="max-w-md mx-auto bg-black bg-opacity-50 p-8 rounded-xl border border-gray-800 mb-10">
+                <div class="flex justify-between items-center mb-6">
+                    <span class="text-lg font-bold">Traffic Accelerator Workshop</span>
+                    <span class="text-xl font-bold">$37</span>
+                </div>
+                <ul class="space-y-3 text-left mb-8">
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                        <span>5-Day Live Workshop (with lifetime replays)</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                        <span>AI-Powered Content System Templates</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                        <span>Skool Funnel Blueprint</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                        <span>High-Converting DM Framework</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                        <span>Growth Tracker & Accountability System</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                        <span>Private Skool Community Access</span>
+                    </li>
+                </ul>
+                <div class="bg-yellow-500 bg-opacity-20 border border-yellow-400 rounded-lg p-4 mb-6">
+                    <div class="flex items-center justify-center">
+                        <i class="fas fa-clock text-yellow-400 mr-2"></i>
+                        <span id="final-countdown" class="font-bold">00:00:00</span>
+                        <span class="ml-2">remaining at this price</span>
+                    </div>
+                </div>
+                <a href="#" class="gold-gradient hover:opacity-90 text-black font-bold py-4 px-8 rounded-full text-xl w-full block transition-all duration-300 transform hover:scale-105 shadow-lg mb-4">
+                    Join for $37 Before Spots Close
+                </a>
+                <p class="text-sm opacity-80 mt-4">
+                    <i class="fas fa-lock"></i> Secure checkout · 30-Day Money-Back Guarantee
+                </p>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="py-12 bg-black">
+        <div class="container mx-auto px-6 text-center">
+            <div class="mb-8">
+                <h2 class="text-2xl font-bold mb-2">TRAFFIC ACCELERATOR WORKSHOP</h2>
+                <p class="opacity-80">Build a Scalable Traffic System in 5 Days</p>
+            </div>
+            <div class="flex justify-center space-x-6 mb-8">
+                <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-instagram text-xl"></i></a>
+                <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter text-xl"></i></a>
+                <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-youtube text-xl"></i></a>
+                <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-tiktok text-xl"></i></a>
+            </div>
+            <div class="text-sm opacity-70">
+                <p class="mb-2">© 2023 Traffic Accelerator Workshop. All rights reserved.</p>
+                <p class="mb-2"><a href="#" class="underline">Terms</a> | <a href="#" class="underline">Privacy</a> | <a href="#" class="underline">Refunds</a></p>
+                <p>This site is not a part of the Skool website or Skool Inc.</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Countdown Timer
+        function updateCountdown() {
+            const now = new Date();
+            const workshopDate = new Date();
+            workshopDate.setDate(now.getDate() + 3); // Workshop in 3 days
+            const diff = workshopDate - now;
+            const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+            const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+            const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+            const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+            document.getElementById('countdown').textContent = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+            document.getElementById('final-countdown').textContent = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+        }
+        setInterval(updateCountdown, 1000);
+        updateCountdown();
+        // FAQ Toggle
+        document.querySelectorAll('.faq-toggle').forEach(button => {
+            button.addEventListener('click', () => {
+                const content = button.nextElementSibling;
+                const icon = button.querySelector('i');
+                content.classList.toggle('active');
+                icon.classList.toggle('transform');
+                icon.classList.toggle('rotate-180');
+            });
+        });
+        // Animate elements on scroll
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.classList.add('fade-in');
+                }
+            });
+        }, { threshold: 0.1 });
+        document.querySelectorAll('section').forEach(section => {
+            observer.observe(section);
+        });
+    </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=mou8999/traffic-accelerator-workshop" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

File without changes