<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AthletePulse ARM | Stop Guessing Who's Ready. Start Predicting When They'll Peak.</title>
    <meta name="description" content="Most monitoring tools give you data. AthletePulse gives you understanding first, then predictions. Master the 4-Pillar Framework of readiness, then forecast performance windows.">
    
    <link rel="stylesheet" href="css/global.css"> 
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="icon" type="image/png" sizes="64x64" href="images/favicon-ap-64x64.png?v=3">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-ap-32x32.png?v=3">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-ap-16x16.png?v=3">
    <link rel="shortcut icon" href="images/favicon-ap-64x64.png?v=3" type="image/png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png?v=3">
    <meta name="theme-color" content="#1a2a6c">
</head>
<body>
    <header class="site-header" role="banner">
        <div class="header-inner">
            <a class="brand" href="index.html">
                <img src="images/favicon.ico" alt="AthletePulse Logo" class="logo-small">
                <span class="brand-text">AthletePulse</span>
            </a>
            <a class="header-message" href="microcycle.html">Real-World Example: How Elite Programs Use ARM</a>
            
            <div class="nav-cta">
                <div id="user-section">
                    <button id="logout-btn" class="btn ghost">Logout</button>
                </div>
                <a href="login.html" id="login-btn" class="btn primary">Login</a>
            </div>
        </div>
    </header>

    <main>
        <section class="hero">
            <div class="container">
                <div class="hero-inner">
                    <div class="hero-image">
                        <div class="hero-video-wrapper">
                            <iframe 
                                id="hero-video" 
                                class="hero-video" 
                                src="https://www.youtube.com/embed/8iEkOOESOCQ?feature=oembed&autoplay=1&loop=1&playlist=8iEkOOESOCQ"
                                frameborder="0" 
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin"
                                allowfullscreen
                                title="AthletePulse">
                            </iframe>
                        </div>
                        <p class="hero-image-caption">
                            See the future of your season: From daily readiness scores to championship peak predictions
                        </p>
                    </div>
                    <div class="hero-text">
                        <span class="kicker">AthletePulse Platform</span>
                        <h1>Stop guessing based on yesterday’s data. AthletePulse ARM turns daily athlete and coach inputs into a clear readiness signal so training decisions match real-time athlete capacity.</h1>
                        <h2>Stop Guessing Who's Ready. Start Predicting When They'll Peak.</h2>
                        <p class="lead">Most monitoring tools give you data. AthletePulse gives you understanding first, then predictions. Master the 4-Pillar Framework of readiness, then forecast performance windows.</p>
                        
                        <div class="value-proposition">
                            <div class="value-item">
                                <strong>LEARN</strong> the science of athlete readiness
                            </div>
                            <div class="value-item">
                                <strong>MONITOR</strong> daily capacity with automated scoring
                            </div>
                            <div class="value-item">
                                <strong>PREDICT</strong> when athletes will hit peak performance
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="social-proof-bar">
            <div class="container">
                <p>Trusted by coaches at <strong>Naval Tata Hockey Academy</strong>, <strong>Odisha State Hockey Program</strong>, and over <strong>125</strong> elite development programs across 15 countries</p>
            </div>
        </div>
        
        <section id="platform-vision" class="section solution-section">
            <div class="container">
                <div class="section-header" style="margin-bottom: 1.5rem;">
                    <span class="kicker">The Science of Readiness</span>
                    <h2>From Guesswork to Game Day</h2>
                    <p>Most monitoring tools give you data. We give you understanding first, then predictions.</p>
                </div>

                <div class="framework-grid" style="margin: 2rem 0;">
                    <div class="solution-foundation" style="padding-right: 2rem; text-align: left;">
                        <p style="text-align: left;">Traditional athlete monitoring fails because it focuses on isolated metrics. You get HRV numbers or sleep scores, but no context about how they connect to actual performance capacity.</p>
                        
                        <p style="text-align: left;">That's why we use the <strong>4-Pillar Framework:</strong> Physical Readiness, Psychological State, Health Foundation, and Synthesis & Prediction. ARM automates this framework into a single Readiness Score and , in our Elite tier , predicts future performance windows.</p>
                    </div>
                    
                    <div>
                        <img src="images/athlete-readiness-4k.svg" alt="AthletePulse 4-Pillar Framework" class="framework-image" id="frameworkImage" style="max-width: 100%; height: auto; max-height: 400px; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);" onclick="toggleFrameworkImage()">
                    </div>
                </div>
                
                <p style="text-align: center; margin-top: 2rem; font-size: 1.1em;"><strong>This isn't just monitoring. It's moving from reactive guesswork to proactive strategy.</strong></p>
            </div>
        </section>


        <section id="problem" class="section problem-section">
            <div class="container">
                <div class="section-header">
                    <span class="kicker">The Systemic Problem</span>
                    <h2>Eliminate Systemic Risk</h2>
                </div>
                
                <div class="problem-foundation">
                    <p><strong>The Problem:</strong> The dangerous assumption of identical recovery rates creates systemic training risk. Medical clearance doesn't indicate readiness for full capacity training.</p>
                    
                    <p><strong>The Solution:</strong> ARM eliminates this risk with daily, objective insight into internal load , considering sleep, stress, and fatigue , enabling real-time adaptation and preventing injuries.</p>
                </div>
                
                <div class="problem-grid">
                    <div class="problem-card">
                        <div class="card-image-placeholder">
                            <img src="images/AP performance dashboard.png" alt="ARM - Coach Dashboard" class="hero-logo">
                        </div>
                        <h3>Athletes Know Their State</h3>
                        <p>Your athletes can tell you when they're struggling - but there's often no structured way to capture it. ARM creates space for that conversation and turns it into actionable data.</p>
                    </div>
                    <div class="problem-card">
                        <div class="card-image-placeholder">
                            <img src="images/dashboard elite.jpg" alt="ARM - Elite Dashboard" class="hero-logo">
                        </div>
                        <h3>Clearance Isn't Readiness</h3>
                        <p>Medical clearance means an athlete can participate - but readiness to perform at full capacity is different. ARM helps you bridge that gap with daily visibility into training capacity.</p>
                    </div>
                    <div class="problem-card">
                        <div class="card-image-placeholder">
                            <img src="images/man phone copy.jpg" alt="ARM - Mobile Check-in" class="hero-logo">
                        </div>
                        <h3>Hidden Fatigue Compounds</h3>
                        <p>Poor sleep, academic stress, relationship issues - these affect performance as much as physical load. ARM captures the complete picture so nothing stays invisible.</p>
                    </div>
                </div>
            </div>
        </section>

        <section id="workflow" class="section solution-section">
            <div class="container">
                <div class="section-header" style="margin-bottom: 1rem;">
                    <span class="kicker">From Daily Check-ins to Season Forecasts</span>
                    <h2>The 60-Second Workflow</h2>
                    <p style="margin-bottom: 0.5rem;">A three-part system demonstrating reliability and simplicity in data capture, processing, and decision support.</p>
                </div>
                
                <div class="solution-foundation" style="margin-top: 0;">
                    <p>The system operates on a principle of data precision: physical capacity cannot be accurately assessed in isolation. Sleep quality, mental state, accumulated fatigue, and perceived recovery all affect an athlete's ability to absorb training load. ARM integrates these factors systematically, providing the structured data necessary for evidence-based daily decisions. This structured data forms the foundation for both daily decisions and long-term predictions about athlete capacity.</p>
                </div>

                <div class="solution-grid">
                    <div class="solution-item">
                        <div class="solution-icon">1</div>
                        <div class="solution-content">
                            <h3>Athlete Data Capture</h3>
                            <p>60-second mobile check-in. Athletes complete a structured survey tracking sleep, resting heart rate, mood, stress, and energy levels. Data is captured systematically, eliminating variability in self-reporting.</p>
                            <img src="images/woman entering score AP.png" alt="Athlete mobile check-in" class="workflow-image clickable-image" onclick="openImageModal(this.src, this.alt)">
                        </div>
                    </div>
                    <div class="solution-item">
                        <div class="solution-icon">2</div>
                        <div class="solution-content">
                            <h3>System Processing</h3>
                            <p>Automated calculation of Readiness Score and ACWR (Acute:Chronic Workload Ratio). ARM processes wellness data against training load history, generating objective metrics that reflect true training capacity.</p>
                            <img src="images/Coach Dashboard.jpeg" alt="System processing dashboard" class="workflow-image clickable-image" onclick="openImageModal(this.src, this.alt)">
                        </div>
                    </div>
                </div>
                
                <div class="solution-item-full" style="margin-top: 2rem; padding: 2rem; background: rgba(0,0,0,0.02); border-radius: 8px;">
                    <div style="display: flex; align-items: flex-start; gap: 1rem;">
                        <div class="solution-icon" style="flex-shrink: 0;">3</div>
                        <div class="solution-content" style="flex: 1;">
                            <h3>Coach Decision Point</h3>
                            <p>Traffic light view on coach dashboard. Before the session begins, coaches receive clear visual indicators: which athletes can be pushed, which require lighter loads, and which need recovery. No guesswork. No data-informed decision latency.</p>
                        </div>
                    </div>
                    <div style="text-align: center;">
                        <img src="images/dashboard elite.jpg" alt="Coach dashboard traffic light view" class="workflow-image clickable-image" onclick="openImageModal(this.src, this.alt)" style="max-height: 300px; width: 100%; object-fit: cover;">
                    </div>
                </div>
                <p style="margin-top: 2em; text-align: center; font-size: 1.1em;">This builds the foundation for moving from daily monitoring to predictive strategy.</p>
            </div>
        </section>

        <section class="section founder-section">
            <div class="container">
                <div class="section-header" style="text-align: left;">
                    <span class="kicker">Built from the Field</span>
                    <h2>Built by a High-Performance Coach</h2>
                </div>
                <div class="founder-content" style="text-align: left;">
                    <p class="founder-text-primary" style="text-align: left;">
                        Developed by a veteran high-performance coach, AthletePulse is the solution built from the field, not the boardroom. The platform emerged from the practical need to eliminate systemic risk in training programming and provide coaches with the data precision required for optimal decision-making.
                    </p>
                    <p class="founder-text-secondary" style="text-align: left;">
                        Every feature, every calculation, every interface element was designed to solve a real coaching challenge , not to meet a marketing requirement. This is performance technology built by someone who understands the complexity of managing athlete readiness at scale.
                    </p>
                </div>
            </div>
        </section>

        <section id="tiers" class="section">
            <div class="container">
                <div class="section-header">
                    <span class="kicker">ARM Implementation Tiers</span>
                    <h2>ARM Implementation Tiers: One Framework, Three Applications</h2>
                </div>
                
                <div class="tier-integration-grid">
                    <div class="tier-integration-card foundation">
                        <h3><strong>FOUNDATION</strong></h3>
                        <p class="tier-description">"What's happening today?" → Daily wellness monitoring</p>
                        <p class="tier-pitch">"You're a coach who needs to stop guessing who's ready. Foundation gives you the 4-Pillar framework automated for less than a coffee per athlete."</p>
                    </div>
                    
                    <div class="tier-integration-card performance">
                        <h3><strong>PERFORMANCE</strong></h3>
                        <p class="tier-description">"How is training affecting the team?" → Load management</p>
                        <p class="tier-pitch">"You're training multiple times a week and you're worried about overtraining. You need to know not just how athletes feel today, but whether you're pushing them too hard over time. Performance tracks training load and warns you when athletes hit injury risk thresholds - before they break down."</p>
                    </div>
                    
                    <div class="tier-integration-card elite">
                        <h3><strong>ELITE</strong></h3>
                        <p class="tier-description">"How efficient is our program?" → Predictive optimization</p>
                        <p class="tier-pitch">"You've already invested in GPS systems. You have a performance department. You need everything integrated into one system with predictive analytics and custom reporting. Elite gives you the complete picture: wellness + internal load + external load + predictions."</p>
                    </div>
                </div>
                
                <p style="text-align: center; margin: 1.5rem 0; font-size: 0.9em;"><strong>All three tiers use the same 4-Pillar science. They just apply it at different depths.</strong></p>
                
                <div class="tier-cards">
                    <div class="tier-card foundation">
                        <div class="tier-header">
                            <h2 class="tier-name">FOUNDATION</h2>
                            <div class="tier-price">$3.99/athlete/month</div>
                            <p class="tier-question">"Are my athletes ready to train today?"</p>
                        </div>
                        <div class="tier-body">
                            <h3>Who It's For</h3>
                            <ul>
                                <li>Semi-professional clubs taking first steps</li>
                                <li>Regional academies with limited budgets</li>
                                <li>One coach managing everything</li>
                                <li>No sports scientist on staff</li>
                                <li>Teams new to data-driven training</li>
                            </ul>
                            
                            <h3>What Coaches Get</h3>
                            <ul>
                                <li>Daily readiness monitoring</li>
                                <li>Wellness-only tracking</li>
                                <li>Sleep quality & duration tracking</li>
                                <li>RHR (Resting Heart Rate) monitoring</li>
                                <li>Team status overview</li>
                                <li>Basic session planner</li>
                                <li>CSV export</li>
                                <li>Email/SMS alerts</li>
                                <li>Mobile app for athletes</li>
                            </ul>
                            
                            <h3>Not Included</h3>
                            <ul>
                                <li class="not-included">RPE (Rate of Perceived Exertion) tracking</li>
                                <li class="not-included">Training load calculations</li>
                                <li class="not-included">ACWR (Acute:Chronic Workload Ratio) monitoring</li>
                                <li class="not-included">Load management</li>
                                <li class="not-included">GPS integration</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="tier-card performance">
                        <div class="tier-header">
                            <h2 class="tier-name">PERFORMANCE</h2>
                            <div class="tier-price">$7.99/athlete/month</div>
                            <p class="tier-question">"How is training affecting my athletes over time?"</p>
                        </div>
                        <div class="tier-body">
                            <h3>Who It's For</h3>
                            <ul>
                                <li>Professional clubs in competitive leagues</li>
                                <li>Top-tier academies with performance staff</li>
                                <li>Organisations training 3+ times per week</li>
                                <li>Coaches who need to manage load across a season</li>
                                <li>Teams concerned about overtraining and injuries</li>
                            </ul>
                            
                            <h3>Everything in Foundation, PLUS:</h3>
                            <ul>
                                <li>SpO2 (Blood Oxygen Saturation) monitoring</li>
                                <li>RPE (Rate of Perceived Exertion) tracking</li>
                                <li>Training load calculations</li>
                                <li>ACWR (Acute:Chronic Workload Ratio) monitoring</li>
                                <li>Load spike warnings</li>
                                <li>Overtraining alerts</li>
                                <li>Reactive session planner</li>
                                <li>Priority email support</li>
                            </ul>
                            
                            <h3>Not Included</h3>
                            <ul>
                                <li class="not-included">GPS integration</li>
                                <li class="not-included">External load data</li>
                                <li class="not-included">Predictive analytics</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="tier-card elite">
                        <div class="tier-header">
                            <h2 class="tier-name">ELITE</h2>
                            <div class="tier-price">$12.99/athlete/month</div>
                            <p class="tier-question">"How efficient is our entire program?"</p>
                        </div>
                        <div class="tier-body">
                            <h3>Who It's For</h3>
                            <ul>
                                <li>Top-tier professional clubs (Premier League, La Liga, etc.)</li>
                                <li>Elite national teams</li>
                                <li>Organisations with GPS systems already invested</li>
                                <li>Full performance departments</li>
                                <li>Programs managing multi-million euro assets</li>
                            </ul>
                            
                            <h3>Everything in Performance, PLUS:</h3>
                            <ul>
                                <li>GPS data integration</li>
                                <li>External load tracking</li>
                                <li>Internal vs External load analysis</li>
                                <li>Predictive analytics</li>
                                <li>API access for custom integrations</li>
                                <li>Custom reporting</li>
                                <li>Benchmark analysis</li>
                                <li>Dedicated account manager</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="comparison-wrapper">
                    <div class="pricing-footer" style="margin-bottom: 2rem;">
                        <p>We offer one coach and three athletes <strong>free of charge</strong> for one year.</p>
                        <p><strong>All packages trail:</strong> 14-day free* • No credit card required • Cancel anytime</p>
                        <p style="margin: 0.5rem 0; font-size: 0.9em;">* up to 6 athletes</p>
                        <p><strong>Volume discounts available:</strong> Contact us for teams with 50+ athletes</p>
                    </div>
                    
                    <div class="comparison-toggle">
                        <button id="toggleComparison" class="btn toggle-btn">
                            <span id="toggleText">Compare All Features</span> <span id="toggleIcon">▼</span>
                        </button>
                    </div>
                    
                    <div id="comparisonTable" class="comparison-table" style="display: none;">
                        <table>
                            <thead>
                                <tr>
                                    <th>Feature</th>
                                    <th>ARM Foundation</th>
                                    <th class="featured-col">ARM Performance</th>
                                    <th>ARM Elite</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="category-header">
                                    <td colspan="4"><strong>READINESS BASELINE</strong></td>
                                </tr>
                                <tr><td>Daily readiness check-ins</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Automated readiness scores</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Sleep quality & duration tracking</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>RHR monitoring</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>SpO2 monitoring</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Training capacity indicators</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Team Status Summary</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Individual Athlete Grid (wellness columns)</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>7-Day Wellness Trend Chart</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Areas of Concern (wellness-based)</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Email/SMS alerts</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Mobile app for athletes</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                
                                <tr class="category-header">
                                    <td colspan="4"><strong>TRAINING LOAD MANAGEMENT</strong></td>
                                </tr>
                                <tr><td>Post-training RPE (Rate of Perceived Exertion) tracking</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Daily training load calculation</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>ACWR (Acute:Chronic Workload Ratio) monitoring</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>ACWR Display in Team Summary</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Week Load column (in athlete grid)</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Load Status column (in athlete grid)</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Training Load Chart</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Load spike warnings</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Overtraining detection</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Load-based filters (High Load Risk, Poor Recovery, Load Spikes)</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Areas of Concern (load-based)</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                
                                <tr class="category-header">
                                    <td colspan="4"><strong>SESSION PLANNING & DATA</strong></td>
                                </tr>
                                <tr><td>Basic Session Planner</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Reactive Session Planner (load-based adjustments)</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Export CSV</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Executive Summary section</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                
                                <tr class="category-header">
                                    <td colspan="4"><strong>PERFORMANCE INTEGRATION</strong></td>
                                </tr>
                                <tr><td>GPS data import (CSV)</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Catapult, STATSports, Polar integration</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>External load metrics</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Internal vs External load analysis</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>GPS Metrics section (Total Distance, High Speed Running, Sprint Distance, Accelerations)</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                
                                <tr class="category-header">
                                    <td colspan="4"><strong>ELITE ANALYTICS & INSIGHTS</strong></td>
                                </tr>
                                <tr><td>Elite Metrics Summary (All-Time Avg Readiness, Season Peak Load, Injury Prevention Rate, Data Quality Score)</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Predictive Performance Indicators (Injury risk prediction, Performance trajectory)</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Load Distribution Analysis</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Elite-specific filters (Elite Performers, Predictive View)</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Advanced Analytics</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Predictive Report</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Benchmark Analysis</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                
                                <tr class="category-header">
                                    <td colspan="4"><strong>API & INTEGRATION</strong></td>
                                </tr>
                                <tr><td>API Access</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                <tr><td>Custom reporting</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                
                                <tr class="category-header">
                                    <td colspan="4"><strong>SUPPORT</strong></td>
                                </tr>
                                <tr><td>Priority email support</td><td class="no-check"> ,</td><td class="check">✓</td><td class="check">✓</td></tr>
                                <tr><td>Dedicated account manager</td><td class="no-check"> ,</td><td class="no-check"> ,</td><td class="check">✓</td></tr>
                                
                                <tr class="category-header">
                                    <td colspan="4"><strong>ATHLETEPULSE PLATFORM READY</strong></td>
                                </tr>
                                <tr><td>Future Progress Monitor Integration</td><td class="check">✓</td><td class="check">✓</td><td class="check">✓</td></tr>
                            </tbody>
                        </table>
                    </div>
                </div>


            </div>
        </section>

    </main>

    <!-- Image Modal -->
    <div id="imageModal" class="image-modal">
        <span class="image-modal-close" onclick="closeImageModal()">&times;</span>
        <img class="image-modal-content" id="modalImage">
    </div>

    <!-- Lead Capture Forms Section -->
    <section class="section contact-section" style="background: #f8f9fa; padding: 3rem 0;">
        <div class="container">
            <div class="lead-forms-container">
                <!-- Left Form: Demo Request -->
                <div class="contact-form" style="margin: 0;">
                    <h3 style="margin-bottom: 1.5rem; color: #1a2a6c;">Request a Demo</h3>
                    <form id="demoForm">
                        <div class="form-group">
                            <label for="demo-name">Name</label>
                            <input type="text" id="demo-name" name="name" required>
                        </div>
                        <div class="form-group">
                            <label for="demo-club-name">Club Name</label>
                            <input type="text" id="demo-club-name" name="clubName" required>
                        </div>
                        <div class="form-group">
                            <label for="demo-email">Email</label>
                            <input type="email" id="demo-email" name="email" required>
                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn primary" id="demoSubmitBtn">Request Demo</button>
                        </div>
                    </form>
                    <div id="demoFeedback" class="form-feedback" style="display: none;">
                        Success! We'll be in touch soon.
                    </div>
                </div>

                <!-- Right Form: Signup -->
                <div class="contact-form" style="margin: 0;">
                    <h3 style="margin-bottom: 1.5rem; color: #1a2a6c;">Sign Up</h3>
                    <form id="signupForm">
                        <div class="form-group">
                            <label for="signup-club-name">Club Name</label>
                            <input type="text" id="signup-club-name" name="clubName" required>
                        </div>
                        <div class="form-group">
                            <label for="signup-admin-name">Admin Name</label>
                            <input type="text" id="signup-admin-name" name="adminName" required>
                        </div>
                        <div class="form-group">
                            <label for="signup-email">Email</label>
                            <input type="email" id="signup-email" name="email" required>
                        </div>
                        <div class="form-group">
                            <label for="signup-seats">Requested Seats</label>
                            <input type="number" id="signup-seats" name="requestedSeats" min="1" required>
                        </div>
                        <div class="form-group">
                            <label for="signup-tier">Tier Plan</label>
                            <select id="signup-tier" name="tierPlan" required>
                                <option value="">Select a tier</option>
                                <option value="Foundation">Foundation</option>
                                <option value="Performance">Performance</option>
                                <option value="Elite">Elite</option>
                            </select>
                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn primary" id="signupSubmitBtn">Sign Up</button>
                        </div>
                    </form>
                    <div id="signupFeedback" class="form-feedback" style="display: none;">
                        Success! We'll be in touch soon.
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer class="site-footer" role="contentinfo">
        <div class="container">
            <div class="footer-content">
                <div class="footer-links">
                    <a href="#privacy">Privacy Policy</a>
                    <a href="#terms">Terms of Service</a>
                    <a href="mailto:contact@athletepulse.com">Contact</a>
                </div>
            </div>
            <div class="footer-copyright">
                <p>&copy; 2025 AthletePulse. All rights reserved. <strong>ARM is the flagship product of the AthletePulse Platform.</strong></p>
            </div>
        </div>
    </footer>

    <script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-auth-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-database-compat.js"></script>
    
    <script>
        // Firebase Config (Production)
        var firebaseConfig = {
          apiKey: "AIzaSyD_bTO6bZSxnRAg2A9y-vOKKspQzvy-oRI",
          authDomain: "athletepulse-005.firebaseapp.com",
          databaseURL: "https://athletepulse-005-default-rtdb.asia-southeast1.firebasedatabase.app",
          projectId: "athletepulse-005",
          storageBucket: "athletepulse-005.firebasestorage.app",
          messagingSenderId: "586597669586",
          appId: "1:586597669586:web:f585c8dade333c8ca32b0b",
          measurementId: "G-9ETHT69C7X"
        };
        firebase.initializeApp(firebaseConfig);
        const database = firebase.database();
        console.log('Firebase initialized on index page');

        // Image Modal Functions
        function openImageModal(imageSrc, imageAlt) {
            var modal = document.getElementById('imageModal');
            var modalImg = document.getElementById('modalImage');
            modal.style.display = 'block';
            modalImg.src = imageSrc;
            modalImg.alt = imageAlt;
        }

        function closeImageModal() {
            var modal = document.getElementById('imageModal');
            modal.style.display = 'none';
        }

        // Close modal when clicking outside the image
        window.onclick = function(event) {
            var modal = document.getElementById('imageModal');
            if (event.target == modal) {
                closeImageModal();
            }
        }

        // Framework Image Toggle
        function toggleFrameworkImage() {
            var img = document.getElementById('frameworkImage');
            if (img) {
                img.classList.toggle('expanded');
            }
        }

        // Close expanded framework image when clicking outside
        document.addEventListener('click', function(event) {
            var img = document.getElementById('frameworkImage');
            if (img && img.classList.contains('expanded') && !img.contains(event.target)) {
                img.classList.remove('expanded');
            }
        });

        // Close modals/images with Escape key
        document.addEventListener('keydown', function(event) {
            if (event.key === 'Escape') {
                // Close image modal
                closeImageModal();
                // Close expanded framework image
                var img = document.getElementById('frameworkImage');
                if (img && img.classList.contains('expanded')) {
                    img.classList.remove('expanded');
                }
            }
        });

        // Feature Toggle Logic
        document.getElementById('toggleComparison').addEventListener('click', function() {
            var table = document.getElementById('comparisonTable');
            var toggleText = document.getElementById('toggleText');
            var toggleIcon = document.getElementById('toggleIcon');
            
            if (table.style.display === 'none') {
                table.style.display = 'block';
                toggleText.textContent = 'Hide Detailed Comparison';
                toggleIcon.textContent = '▲';
            } else {
                table.style.display = 'none';
                toggleText.textContent = 'Compare All Features';
                toggleIcon.textContent = '▼';
            }
        });

        // Login/Logout Handler
        (function() {
            if (sessionStorage.getItem('user')) {
                document.body.classList.add('logged-in');
            }
        })();

        function initializeNavbar() {
            if (sessionStorage.getItem('user')) {
                document.body.classList.add('logged-in');
            } else {
                document.body.classList.remove('logged-in');
            }
            
            if (typeof firebase !== 'undefined' && firebase.auth) {
                firebase.auth().onAuthStateChanged((user) => {
                    if (user) {
                        document.body.classList.add('logged-in');
                    } else {
                        document.body.classList.remove('logged-in');
                    }
                });
            }
        }

        async function performCompleteLogout() {
            if (!confirm('Are you sure you want to logout?')) return;
            try {
                sessionStorage.clear();
                localStorage.clear();
                if (typeof firebase !== 'undefined' && firebase.auth) {
                    await firebase.auth().signOut();
                }
                document.body.classList.remove('logged-in');
                window.location.href = 'index.html';
            } catch (error) {
                window.location.href = 'index.html';
            }
        }

        document.addEventListener('click', function(event) {
            if (event.target.id === 'logout-btn') {
                event.preventDefault();
                performCompleteLogout();
            }
        });

        initializeNavbar();

        // Lead Capture Forms Logic
        document.addEventListener('DOMContentLoaded', function() {
            // Demo Form Logic (Left Form)
            const demoForm = document.getElementById('demoForm');
            const demoFeedback = document.getElementById('demoFeedback');
            const demoSubmitBtn = document.getElementById('demoSubmitBtn');
            
            if (demoForm) {
                demoForm.addEventListener('submit', function(e) {
                    e.preventDefault();
                    const originalText = demoSubmitBtn.textContent;
                    demoSubmitBtn.disabled = true;
                    demoSubmitBtn.innerHTML = '<span class="spinner"></span>Submitting...';
                    
                    const formData = {
                        name: document.getElementById('demo-name').value.trim(),
                        clubName: document.getElementById('demo-club-name').value.trim(),
                        email: document.getElementById('demo-email').value.trim(),
                        type: 'info',
                        timestamp: firebase.database.ServerValue.TIMESTAMP,
                        submittedAt: new Date().toISOString()
                    };
                    
                    const inquiryRef = database.ref('inquiries').push();
                    inquiryRef.set(formData, function(error) {
                        if (error) {
                            alert('Sorry, there was an error submitting your request. Please try again later.');
                            demoSubmitBtn.disabled = false;
                            demoSubmitBtn.innerHTML = originalText;
                        } else {
                            demoFeedback.style.display = 'block';
                            demoFeedback.className = 'form-feedback success';
                            demoFeedback.textContent = 'Success! We\'ll be in touch soon.';
                            demoForm.reset();
                            demoFeedback.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
                            setTimeout(function() {
                                demoFeedback.style.display = 'none';
                                demoSubmitBtn.disabled = false;
                                demoSubmitBtn.innerHTML = originalText;
                            }, 3000);
                        }
                    });
                });
            }

            // Signup Form Logic (Right Form)
            const signupForm = document.getElementById('signupForm');
            const signupFeedback = document.getElementById('signupFeedback');
            const signupSubmitBtn = document.getElementById('signupSubmitBtn');
            
            if (signupForm) {
                signupForm.addEventListener('submit', function(e) {
                    e.preventDefault();
                    const originalText = signupSubmitBtn.textContent;
                    signupSubmitBtn.disabled = true;
                    signupSubmitBtn.innerHTML = '<span class="spinner"></span>Submitting...';
                    
                    const formData = {
                        clubName: document.getElementById('signup-club-name').value.trim(),
                        adminName: document.getElementById('signup-admin-name').value.trim(),
                        email: document.getElementById('signup-email').value.trim(),
                        requestedSeats: parseInt(document.getElementById('signup-seats').value, 10),
                        tierPlan: document.getElementById('signup-tier').value,
                        type: 'signup',
                        timestamp: firebase.database.ServerValue.TIMESTAMP,
                        submittedAt: new Date().toISOString()
                    };
                    
                    const inquiryRef = database.ref('inquiries').push();
                    inquiryRef.set(formData, function(error) {
                        if (error) {
                            alert('Sorry, there was an error submitting your signup. Please try again later.');
                            signupSubmitBtn.disabled = false;
                            signupSubmitBtn.innerHTML = originalText;
                        } else {
                            signupFeedback.style.display = 'block';
                            signupFeedback.className = 'form-feedback success';
                            signupFeedback.textContent = 'Success! We\'ll be in touch soon.';
                            signupForm.reset();
                            signupFeedback.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
                            setTimeout(function() {
                                signupFeedback.style.display = 'none';
                                signupSubmitBtn.disabled = false;
                                signupSubmitBtn.innerHTML = originalText;
                            }, 3000);
                        }
                    });
                });
            }
        });
    </script>
</body>
</html>