{Ninja-Shell}

Filename: //home/coffee/index-1.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TokenEvolve Pro - Fundraising Solution for Small Business</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #333;
            overflow: hidden;
        }

        .presentation-container {
            width: 100vw;
            height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .slide {
            width: 100%;
            height: calc(100vh - 80px);
            background: white;
            display: none;
            padding: 60px;
            overflow-y: auto;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .slide.active {
            display: block;
        }

        .slide h1 {
            font-size: 3rem;
            margin-bottom: 30px;
            color: #2c3e50;
            text-align: center;
            border-bottom: 4px solid #3498db;
            padding-bottom: 20px;
        }

        .slide h2 {
            font-size: 2.5rem;
            margin-bottom: 25px;
            color: #34495e;
            text-align: center;
        }

        .slide h3 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            color: #2980b9;
        }

        .slide p {
            font-size: 1.3rem;
            line-height: 1.6;
            margin-bottom: 20px;
            text-align: center;
        }

        .slide ul {
            font-size: 1.2rem;
            line-height: 1.8;
            margin-left: 40px;
        }

        .slide li {
            margin-bottom: 15px;
        }

        .highlight-box {
            background: linear-gradient(135deg, #3498db, #2980b9);
            color: white;
            padding: 30px;
            border-radius: 15px;
            margin: 30px 0;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin: 40px 0;
        }

        .stat-card {
            background: #f8f9fa;
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            border-left: 5px solid #3498db;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        }

        .stat-number {
            font-size: 3rem;
            font-weight: bold;
            color: #2980b9;
            margin-bottom: 10px;
        }

        .stat-label {
            font-size: 1.1rem;
            color: #7f8c8d;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin: 40px 0;
        }

        .pricing-card {
            background: white;
            border: 2px solid #3498db;
            border-radius: 15px;
            padding: 40px;
            text-align: center;
            position: relative;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }

        .pricing-card:hover {
            transform: translateY(-5px);
        }

        .pricing-card.featured {
            border-color: #e74c3c;
            transform: scale(1.05);
        }

        .pricing-card.featured::before {
            content: "MOST POPULAR";
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
            background: #e74c3c;
            color: white;
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: bold;
        }

        .price {
            font-size: 2.5rem;
            color: #2980b9;
            font-weight: bold;
            margin: 20px 0;
        }

        .cta-button {
            background: linear-gradient(135deg, #3498db, #2980b9);
            color: white;
            padding: 15px 40px;
            border: none;
            border-radius: 50px;
            font-size: 1.2rem;
            cursor: pointer;
            margin: 20px 10px;
            transition: transform 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }

        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 7px 20px rgba(0,0,0,0.3);
        }

        .navigation {
            height: 80px;
            background: rgba(44, 62, 80, 0.9);
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 40px;
            color: white;
        }

        .nav-button {
            background: #3498db;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 25px;
            cursor: pointer;
            font-size: 1rem;
            transition: background 0.3s ease;
        }

        .nav-button:hover {
            background: #2980b9;
        }

        .nav-button:disabled {
            background: #7f8c8d;
            cursor: not-allowed;
        }

        .slide-counter {
            font-size: 1.1rem;
            color: #ecf0f1;
        }

        .problem-icon {
            font-size: 4rem;
            color: #e74c3c;
            margin-bottom: 20px;
        }

        .solution-icon {
            font-size: 4rem;
            color: #27ae60;
            margin-bottom: 20px;
        }

        .emoji {
            font-size: 2rem;
            margin-right: 10px;
        }

        .two-column {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        .text-left {
            text-align: left;
        }

        .contact-info {
            background: #34495e;
            color: white;
            padding: 30px;
            border-radius: 15px;
            margin: 30px 0;
        }

        /* Upload functionality styles */
        .upload-section {
            margin: 30px 0;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 10px;
            border: 2px solid #e9ecef;
        }

        .form-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            margin: 20px 0;
        }

        .form-grid input, .form-grid select {
            padding: 12px 15px;
            border: 2px solid #ddd;
            border-radius: 8px;
            font-size: 1rem;
            transition: border-color 0.3s ease;
        }

        .form-grid input:focus, .form-grid select:focus {
            outline: none;
            border-color: #3498db;
            box-shadow: 0 0 10px rgba(52, 152, 219, 0.2);
        }

        .upload-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }

        .upload-box {
            border: 3px dashed #3498db;
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            background: white;
            min-height: 180px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .upload-box:hover {
            border-color: #2980b9;
            background: #f8f9fa;
            transform: translateY(-2px);
        }

        .upload-box.uploaded {
            border-color: #27ae60;
            background: #d5f4e6;
        }

        .upload-icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }

        .upload-box h4 {
            color: #2c3e50;
            margin-bottom: 10px;
            font-size: 1.1rem;
        }

        .upload-box p {
            color: #7f8c8d;
            font-size: 0.9rem;
            margin-bottom: 5px;
        }

        .upload-status {
            font-weight: bold;
            color: #3498db !important;
        }

        .upload-status.uploaded {
            color: #27ae60 !important;
        }

        textarea {
            width: 100%;
            padding: 15px;
            border: 2px solid #ddd;
            border-radius: 8px;
            font-size: 1rem;
            resize: vertical;
            font-family: inherit;
            margin: 10px 0;
            transition: border-color 0.3s ease;
        }

        textarea:focus {
            outline: none;
            border-color: #3498db;
            box-shadow: 0 0 10px rgba(52, 152, 219, 0.2);
        }

        .progress-bar {
            width: 100%;
            height: 6px;
            background: #ecf0f1;
            border-radius: 3px;
            margin: 10px 0;
            overflow: hidden;
        }

        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #3498db, #2980b9);
            width: 0%;
            transition: width 0.3s ease;
        }

        .success-message {
            background: #d5f4e6;
            color: #27ae60;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            margin: 20px 0;
            border: 2px solid #27ae60;
        }

        .error-message {
            background: #fadbd8;
            color: #e74c3c;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            margin: 20px 0;
            border: 2px solid #e74c3c;
        }

        @media (max-width: 768px) {
            .slide {
                padding: 30px 20px;
            }
            
            .slide h1 {
                font-size: 2rem;
            }
            
            .slide h2 {
                font-size: 1.8rem;
            }
            
            .slide p {
                font-size: 1.1rem;
            }
            
            .pricing-grid {
                grid-template-columns: 1fr;
            }
            
            .stats-grid {
                grid-template-columns: 1fr;
            }
            
            .two-column {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="presentation-container">
        <!-- Slide 1: Title -->
        <div class="slide active">
            <h1>🚀 TokenEvolve Pro</h1>
            <div class="highlight-box">
                <h2>AI-Powered Fundraising for Small Business</h2>
                <p style="font-size: 1.5rem; margin-top: 20px;">Turn Your Fundraising Dreams Into Reality</p>
            </div>
            <div style="text-align: center; margin-top: 50px;">
                <p style="font-size: 1.4rem; color: #7f8c8d;">Helping Small Businesses Raise $50K to $5M Faster and Smarter</p>
            </div>
        </div>

        <!-- Slide 2: The Problem -->
        <div class="slide">
            <h1>😰 The Fundraising Problem</h1>
            <div class="two-column">
                <div style="text-align: center;">
                    <div class="problem-icon">⚠️</div>
                    <h3>Small Business Fundraising is BROKEN</h3>
                </div>
                <div class="text-left">
                    <ul style="font-size: 1.4rem;">
                        <li><span class="emoji">⏰</span><strong>Takes 6-12 months</strong> to raise money</li>
                        <li><span class="emoji">💸</span><strong>Costs $25K-50K+</strong> in consulting fees</li>
                        <li><span class="emoji">📉</span><strong>90% of businesses fail</strong> to get funding</li>
                        <li><span class="emoji">🎯</span><strong>Don't know which investors</strong> to target</li>
                        <li><span class="emoji">📝</span><strong>Weak pitch decks</strong> that don't convert</li>
                    </ul>
                </div>
            </div>
            <div class="highlight-box" style="background: linear-gradient(135deg, #e74c3c, #c0392b);">
                <h3>Result: Most Small Businesses Never Get the Funding They Need</h3>
            </div>
        </div>

        <!-- Slide 3: The Solution -->
        <div class="slide">
            <h1>🤖 Our AI Solution</h1>
            <div class="two-column">
                <div style="text-align: center;">
                    <div class="solution-icon">🎯</div>
                    <h3>TokenEvolve Pro Makes Fundraising EASY</h3>
                </div>
                <div class="text-left">
                    <ul style="font-size: 1.4rem;">
                        <li><span class="emoji">🧠</span><strong>AI Optimizes Your Pitch</strong> for maximum impact</li>
                        <li><span class="emoji">🔍</span><strong>Smart Investor Matching</strong> finds perfect investors</li>
                        <li><span class="emoji">📊</span><strong>Auto-Generated Financials</strong> that impress investors</li>
                        <li><span class="emoji">📧</span><strong>Automated Outreach</strong> campaigns</li>
                        <li><span class="emoji">📈</span><strong>Real-Time Tracking</strong> and optimization</li>
                    </ul>
                </div>
            </div>
            <div class="highlight-box">
                <h3>Like Having a Team of Fundraising Experts, But It's Just Software!</h3>
            </div>
        </div>

        <!-- Slide 4: How It Works -->
        <div class="slide">
            <h1>⚙️ How It Works (Simple!)</h1>
            <div class="stats-grid">
                <div class="stat-card">
                    <div class="stat-number">1️⃣</div>
                    <h3>Upload Your Info</h3>
                    <p>Business plan, financials, team info</p>
                </div>
                <div class="stat-card">
                    <div class="stat-number">2️⃣</div>
                    <h3>AI Analyzes</h3>
                    <p>Creates perfect pitch & finds investors</p>
                </div>
                <div class="stat-card">
                    <div class="stat-number">3️⃣</div>
                    <h3>Auto Outreach</h3>
                    <p>Sends personalized emails to investors</p>
                </div>
                <div class="stat-card">
                    <div class="stat-number">4️⃣</div>
                    <h3>Get Meetings</h3>
                    <p>AI schedules & preps you for investor calls</p>
                </div>
                <div class="stat-card">
                    <div class="stat-number">5️⃣</div>
                    <h3>Close Funding</h3>
                    <p>Legal docs & closing support</p>
                </div>
                <div class="stat-card">
                    <div class="stat-number">6️⃣</div>
                    <h3>Celebrate! 🎉</h3>
                    <p>Your business is funded!</p>
                </div>
            </div>
        </div>

        <!-- Slide 5: Results -->
        <div class="slide">
            <h1>📈 Proven Results</h1>
            <div class="stats-grid">
                <div class="stat-card">
                    <div class="stat-number">50%</div>
                    <div class="stat-label">Faster Fundraising</div>
                </div>
                <div class="stat-card">
                    <div class="stat-number">3X</div>
                    <div class="stat-label">Higher Success Rate</div>
                </div>
                <div class="stat-card">
                    <div class="stat-number">70%</div>
                    <div class="stat-label">Better Investor Response</div>
                </div>
                <div class="stat-card">
                    <div class="stat-number">25%</div>
                    <div class="stat-label">Higher Valuations</div>
                </div>
            </div>
            <div class="highlight-box">
                <h3>💰 Case Study: Sarah's Restaurant</h3>
                <p><strong>Before:</strong> 8 months trying to raise $200K - FAILED</p>
                <p><strong>With TokenEvolve Pro:</strong> Raised $250K in 3 months!</p>
                <p><em>"The AI found investors I never knew existed. Best $15K I ever spent!" - Sarah M.</em></p>
            </div>
        </div>

        <!-- Slide 6: Pricing -->
        <div class="slide">
            <h1>💰 Simple Pricing</h1>
            <div class="pricing-grid">
                <div class="pricing-card">
                    <h3>🚀 Starter</h3>
                    <div class="price">$5,000</div>
                    <p><strong>For raising $50K-$250K</strong></p>
                    <ul style="text-align: left; margin: 20px 0;">
                        <li>AI-optimized pitch deck</li>
                        <li>Basic investor matching</li>
                        <li>Email campaign automation</li>
                        <li>3 months support</li>
                    </ul>
                    <button class="cta-button">Get Started</button>
                </div>

                <div class="pricing-card featured">
                    <h3>💼 Professional</h3>
                    <div class="price">$15,000</div>
                    <p><strong>For raising $250K-$2M</strong></p>
                    <ul style="text-align: left; margin: 20px 0;">
                        <li>Everything in Starter</li>
                        <li>Advanced investor database</li>
                        <li>Financial model creation</li>
                        <li>Meeting preparation & coaching</li>
                        <li>6 months support</li>
                    </ul>
                    <button class="cta-button">Most Popular</button>
                </div>

                <div class="pricing-card">
                    <h3>🏆 Enterprise</h3>
                    <div class="price">$35,000</div>
                    <p><strong>For raising $2M-$10M</strong></p>
                    <ul style="text-align: left; margin: 20px 0;">
                        <li>Everything in Professional</li>
                        <li>Due diligence preparation</li>
                        <li>Legal document support</li>
                        <li>Dedicated account manager</li>
                        <li>12 months support</li>
                    </ul>
                    <button class="cta-button">Contact Us</button>
                </div>
            </div>
            <div class="highlight-box">
                <h3>💡 Success-Based Option Available</h3>
                <p>No upfront fees - We only get paid when you get funded!</p>
                <p><strong>5-8% of funds raised</strong></p>
            </div>
        </div>

        <!-- Slide 7: Success Stories -->
        <div class="slide">
            <h1>🏆 Success Stories</h1>
            <div class="stats-grid">
                <div class="stat-card">
                    <h3>🍕 Tony's Pizza Chain</h3>
                    <p><strong>Goal:</strong> $500K for expansion</p>
                    <p><strong>Result:</strong> $750K in 4 months</p>
                    <p><em>"Found investors who actually understood food business!"</em></p>
                </div>
                <div class="stat-card">
                    <h3>🚗 Mike's Auto Repair</h3>
                    <p><strong>Goal:</strong> $150K for equipment</p>
                    <p><strong>Result:</strong> $200K in 2 months</p>
                    <p><em>"The AI pitch deck was incredible - investors loved it!"</em></p>
                </div>
                <div class="stat-card">
                    <h3>💻 Lisa's Tech Startup</h3>
                    <p><strong>Goal:</strong> $1M Series A</p>
                    <p><strong>Result:</strong> $1.3M in 3 months</p>
                    <p><em>"Best investment in my company's future!"</em></p>
                </div>
            </div>
            <div class="highlight-box">
                <h3>📊 Overall Stats</h3>
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-number">150+</div>
                        <div class="stat-label">Businesses Funded</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-number">$25M+</div>
                        <div class="stat-label">Total Raised</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-number">4.2</div>
                        <div class="stat-label">Months Average</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Slide 8: Why Choose Us -->
        <div class="slide">
            <h1>🤔 Why Choose TokenEvolve Pro?</h1>
            <div class="two-column">
                <div>
                    <h3>❌ Traditional Consultants</h3>
                    <ul style="color: #e74c3c;">
                        <li>Cost $50K-$100K+</li>
                        <li>Take 6-12 months</li>
                        <li>One-size-fits-all approach</li>
                        <li>Limited investor networks</li>
                        <li>Manual, slow processes</li>
                        <li>No guarantees</li>
                    </ul>
                </div>
                <div>
                    <h3>✅ TokenEvolve Pro</h3>
                    <ul style="color: #27ae60;">
                        <li>Cost $5K-$35K</li>
                        <li>Results in 2-6 months</li>
                        <li>AI-personalized for your business</li>
                        <li>Access to 10,000+ investors</li>
                        <li>Automated, fast execution</li>
                        <li>Success-based pricing available</li>
                    </ul>
                </div>
            </div>
            <div class="highlight-box">
                <h3>🎯 The Bottom Line</h3>
                <p><strong>We use AI to do in weeks what traditional consultants do in months, at 1/3 the cost!</strong></p>
            </div>
        </div>

        <!-- Slide 9: Upload Your Information -->
        <div class="slide">
            <h1>📁 Upload Your Business Information</h1>
            <div class="highlight-box">
                <h2>Get Started Instantly - Upload Your Documents</h2>
                <p>Our AI will analyze your information and create a custom strategy within 24 hours!</p>
            </div>

            <form id="businessInfoForm" style="max-width: 900px; margin: 0 auto;">
                <!-- Basic Business Info -->
                <div class="upload-section">
                    <h3>💼 Basic Business Information</h3>
                    <div class="form-grid">
                        <input type="text" id="companyName" placeholder="Company Name *" required>
                        <input type="text" id="industry" placeholder="Industry *" required>
                        <input type="text" id="founderName" placeholder="Founder/CEO Name *" required>
                        <input type="email" id="email" placeholder="Email Address *" required>
                        <input type="tel" id="phone" placeholder="Phone Number">
                        <select id="fundingAmount" required>
                            <option value="">Target Funding Amount *</option>
                            <option value="50k-250k">$50K - $250K</option>
                            <option value="250k-1m">$250K - $1M</option>
                            <option value="1m-5m">$1M - $5M</option>
                            <option value="5m+">$5M+</option>
                        </select>
                    </div>
                </div>

                <!-- File Upload Section -->
                <div class="upload-section">
                    <h3>📄 Document Upload</h3>
                    <div class="upload-grid">
                        <div class="upload-box" onclick="triggerFileUpload('businessPlan')">
                            <div class="upload-icon">📋</div>
                            <h4>Business Plan</h4>
                            <p>PDF, DOC, DOCX (Max 10MB)</p>
                            <p class="upload-status" id="businessPlan-status">Click to upload</p>
                            <input type="file" id="businessPlan" accept=".pdf,.doc,.docx" hidden>
                        </div>

                        <div class="upload-box" onclick="triggerFileUpload('financials')">
                            <div class="upload-icon">💰</div>
                            <h4>Financial Statements</h4>
                            <p>PDF, XLS, XLSX (Max 10MB)</p>
                            <p class="upload-status" id="financials-status">Click to upload</p>
                            <input type="file" id="financials" accept=".pdf,.xls,.xlsx" hidden>
                        </div>

                        <div class="upload-box" onclick="triggerFileUpload('pitchDeck')">
                            <div class="upload-icon">📊</div>
                            <h4>Current Pitch Deck</h4>
                            <p>PDF, PPT, PPTX (Max 15MB)</p>
                            <p class="upload-status" id="pitchDeck-status">Optional - Click to upload</p>
                            <input type="file" id="pitchDeck" accept=".pdf,.ppt,.pptx" hidden>
                        </div>

                        <div class="upload-box" onclick="triggerFileUpload('teamInfo')">
                            <div class="upload-icon">👥</div>
                            <h4>Team Information</h4>
                            <p>PDF, DOC, DOCX (Max 5MB)</p>
                            <p class="upload-status" id="teamInfo-status">Optional - Click to upload</p>
                            <input type="file" id="teamInfo" accept=".pdf,.doc,.docx" hidden>
                        </div>
                    </div>
                </div>

                <!-- Additional Info -->
                <div class="upload-section">
                    <h3>📝 Additional Information</h3>
                    <textarea id="businessDescription" placeholder="Brief description of your business and why you need funding (optional)" rows="4"></textarea>
                    <textarea id="specialRequests" placeholder="Any special requirements or questions for our team? (optional)" rows="3"></textarea>
                </div>

                <!-- Submit Button -->
                <div style="text-align: center; margin: 40px 0;">
                    <button type="submit" class="cta-button" style="font-size: 1.3rem; padding: 20px 50px;">
                        🚀 GET MY FREE ANALYSIS
                    </button>
                    <p style="margin-top: 15px; color: #7f8c8d;">
                        ⏰ You'll receive your custom strategy within 24 hours
                    </p>
                </div>
            </form>

            <div class="highlight-box" style="margin-top: 30px;">
                <h3>🔒 Your Information is 100% Secure</h3>
                <p>All uploads are encrypted and stored securely. We never share your information with third parties.</p>
            </div>
        </div>

        <!-- Slide 10: Getting Started -->
        <div class="slide">
            <h1>🚀 Ready to Get Funded?</h1>
            <div class="highlight-box">
                <h2>3 Simple Steps to Start Today</h2>
            </div>
            <div class="stats-grid">
                <div class="stat-card">
                    <div class="stat-number">📁</div>
                    <h3>1. Upload Your Info</h3>
                    <p>Use our secure upload form to share your business documents</p>
                    <button class="cta-button" onclick="changeSlide(-1)">Upload Now</button>
                </div>
                <div class="stat-card">
                    <div class="stat-number">📞</div>
                    <h3>2. Free Analysis</h3>
                    <p>Get your custom fundraising strategy within 24 hours</p>
                    <button class="cta-button">Schedule Call</button>
                </div>
                <div class="stat-card">
                    <div class="stat-number">💰</div>
                    <h3>3. Get Funded</h3>
                    <p>Execute the plan and watch the money come in!</p>
                </div>
            </div>
            <div class="contact-info">
                <h3>📧 Contact Information</h3>
                <p><strong>Email:</strong> funding@tokenevolve.pro</p>
                <p><strong>Phone:</strong> +1 (555) 123-FUND</p>
                <p><strong>Website:</strong> www.tokenevolve.pro</p>
                <p><strong>Calendar:</strong> calendly.com/tokenevolve-pro</p>
            </div>
        </div>

        <!-- Slide 11: Call to Action -->
        <div class="slide">
            <h1>⏰ Don't Wait - Start Today!</h1>
            <div class="highlight-box" style="background: linear-gradient(135deg, #e74c3c, #c0392b);">
                <h2>Limited Time Offer</h2>
                <h3>🎁 First 50 Clients Get 50% Off Setup Fees</h3>
                <p style="font-size: 1.3rem;">Plus FREE 1-hour strategy consultation (worth $500)</p>
            </div>
            
            <div style="text-align: center; margin: 50px 0;">
                <button class="cta-button" style="font-size: 1.5rem; padding: 20px 50px;" onclick="goToUploadSlide()">
                    📁 UPLOAD YOUR DOCUMENTS NOW
                </button>
                <button class="cta-button" style="font-size: 1.5rem; padding: 20px 50px;">
                    📞 SCHEDULE FREE CONSULTATION
                </button>
                <button class="cta-button" style="font-size: 1.5rem; padding: 20px 50px; background: linear-gradient(135deg, #27ae60, #229954);">
                    💰 APPLY FOR SUCCESS-BASED PRICING
                </button>
            </div>

            <div class="stats-grid">
                <div class="stat-card">
                    <h3>🔥 Act Fast!</h3>
                    <p>Every day you wait is another day without funding</p>
                </div>
                <div class="stat-card">
                    <h3>🎯 No Risk</h3>
                    <p>30-day money-back guarantee</p>
                </div>
                <div class="stat-card">
                    <h3>⚡ Quick Start</h3>
                    <p>Get started in under 24 hours</p>
                </div>
            </div>

            <p style="text-align: center; font-size: 1.5rem; font-weight: bold; color: #2c3e50; margin-top: 40px;">
                "Your funding is waiting. Let our AI help you find it!"
            </p>
        </div>

        <!-- Navigation -->
        <div class="navigation">
            <button class="nav-button" id="prevBtn" onclick="changeSlide(-1)">← Previous</button>
            <span class="slide-counter">
                <span id="currentSlide">1</span> / <span id="totalSlides">10</span>
            </span>
            <button class="nav-button" id="nextBtn" onclick="changeSlide(1)">Next →</button>
        </div>
    </div>

    <script>
        let currentSlideIndex = 0;
        const slides = document.querySelectorAll('.slide');
        const totalSlides = slides.length;
        let uploadedFiles = {};

        document.getElementById('totalSlides').textContent = totalSlides;

        function showSlide(index) {
            slides.forEach(slide => slide.classList.remove('active'));
            slides[index].classList.add('active');
            
            document.getElementById('currentSlide').textContent = index + 1;
            
            // Update navigation buttons
            document.getElementById('prevBtn').disabled = index === 0;
            document.getElementById('nextBtn').disabled = index === totalSlides - 1;
        }

        function changeSlide(direction) {
            const newIndex = currentSlideIndex + direction;
            
            if (newIndex >= 0 && newIndex < totalSlides) {
                currentSlideIndex = newIndex;
                showSlide(currentSlideIndex);
            }
        }

        function goToUploadSlide() {
            currentSlideIndex = 8; // Upload slide is now slide 9 (index 8)
            showSlide(currentSlideIndex);
        }

        // File upload functionality
        function triggerFileUpload(inputId) {
            document.getElementById(inputId).click();
        }

        function setupFileUpload(inputId) {
            const input = document.getElementById(inputId);
            const statusElement = document.getElementById(inputId + '-status');
            const uploadBox = statusElement.closest('.upload-box');

            input.addEventListener('change', function(e) {
                const file = e.target.files[0];
                if (file) {
                    // Validate file size
                    const maxSize = inputId === 'pitchDeck' ? 15 * 1024 * 1024 : 10 * 1024 * 1024; // 15MB for pitch deck, 10MB for others
                    if (file.size > maxSize) {
                        alert(`File size too large. Maximum size is ${maxSize / (1024 * 1024)}MB.`);
                        return;
                    }

                    // Update UI
                    statusElement.textContent = `✅ ${file.name}`;
                    statusElement.classList.add('uploaded');
                    uploadBox.classList.add('uploaded');
                    
                    // Store file reference
                    uploadedFiles[inputId] = file;
                    
                    // Simulate upload progress
                    showUploadProgress(uploadBox, file.name);
                }
            });
        }

        function showUploadProgress(uploadBox, fileName) {
            const progressContainer = document.createElement('div');
            progressContainer.innerHTML = `
                <div class="progress-bar">
                    <div class="progress-fill" id="progress-${Date.now()}"></div>
                </div>
                <p style="font-size: 0.8rem; color: #7f8c8d;">Uploading ${fileName}...</p>
            `;
            
            uploadBox.appendChild(progressContainer);
            
            // Simulate progress
            const progressFill = progressContainer.querySelector('.progress-fill');
            let progress = 0;
            const interval = setInterval(() => {
                progress += Math.random() * 30;
                if (progress >= 100) {
                    progress = 100;
                    clearInterval(interval);
                    setTimeout(() => {
                        progressContainer.remove();
                    }, 1000);
                }
                progressFill.style.width = progress + '%';
            }, 200);
        }

        // Form submission
        function setupFormSubmission() {
            const form = document.getElementById('businessInfoForm');
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                
                // Validate required fields
                const requiredFields = ['companyName', 'industry', 'founderName', 'email', 'fundingAmount'];
                let isValid = true;
                
                requiredFields.forEach(fieldId => {
                    const field = document.getElementById(fieldId);
                    if (!field.value.trim()) {
                        field.style.borderColor = '#e74c3c';
                        isValid = false;
                    } else {
                        field.style.borderColor = '#ddd';
                    }
                });

                if (!isValid) {
                    showMessage('Please fill in all required fields.', 'error');
                    return;
                }

                // Simulate form submission
                const submitButton = form.querySelector('button[type="submit"]');
                const originalText = submitButton.textContent;
                submitButton.textContent = '📤 UPLOADING...';
                submitButton.disabled = true;

                // Collect form data
                const formData = {
                    companyName: document.getElementById('companyName').value,
                    industry: document.getElementById('industry').value,
                    founderName: document.getElementById('founderName').value,
                    email: document.getElementById('email').value,
                    phone: document.getElementById('phone').value,
                    fundingAmount: document.getElementById('fundingAmount').value,
                    businessDescription: document.getElementById('businessDescription').value,
                    specialRequests: document.getElementById('specialRequests').value,
                    uploadedFiles: Object.keys(uploadedFiles)
                };

                // Simulate API call
                setTimeout(() => {
                    console.log('Form submitted:', formData);
                    console.log('Files:', uploadedFiles);
                    
                    submitButton.textContent = '✅ SUBMITTED!';
                    showMessage('Thank you! Your information has been submitted successfully. You\'ll receive your custom analysis within 24 hours.', 'success');
                    
                    // Reset form after delay
                    setTimeout(() => {
                        submitButton.textContent = originalText;
                        submitButton.disabled = false;
                    }, 3000);
                }, 2000);
            });
        }

        function showMessage(message, type) {
            const messageDiv = document.createElement('div');
            messageDiv.className = type === 'success' ? 'success-message' : 'error-message';
            messageDiv.innerHTML = `<h4>${type === 'success' ? '✅ Success!' : '❌ Error'}</h4><p>${message}</p>`;
            
            const form = document.getElementById('businessInfoForm');
            form.insertBefore(messageDiv, form.firstChild);
            
            // Remove message after 5 seconds
            setTimeout(() => {
                messageDiv.remove();
            }, 5000);
        }

        // Keyboard navigation
        document.addEventListener('keydown', function(e) {
            if (e.key === 'ArrowLeft') {
                changeSlide(-1);
            } else if (e.key === 'ArrowRight') {
                changeSlide(1);
            }
        });

        // Initialize
        document.addEventListener('DOMContentLoaded', function() {
            showSlide(0);
            
            // Setup file uploads
            ['businessPlan', 'financials', 'pitchDeck', 'teamInfo'].forEach(setupFileUpload);
            
            // Setup form submission
            setupFormSubmission();
        });

        // Auto-advance option (uncomment to enable)
        // setInterval(() => {
        //     if (currentSlideIndex < totalSlides - 1) {
        //         changeSlide(1);
        //     }
        // }, 10000); // Auto advance every 10 seconds
    </script>
</body>
</html>
./Ninja\.