<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IPLC ArticEval - Articulation Evaluation Platform</title>
    <link rel="stylesheet" href="/assets/css/styles.css">
    <link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/assets/css/index-inline.css">
</head>
<body>
    <header class="logo-header">
        <img src="/assets/images/400dpiLogo.PNG" alt="IPLC Logo" />
    </header>

    <main>
        <!-- Hero Section -->
        <section class="hero-section">
            <h1>IPLC ArticEval Platform</h1>
            <p>Professional articulation evaluation forms with advanced analytics and reporting</p>
            <div class="cta-buttons">
                <a href="/form-dashboard.html" class="btn btn-primary">Form Dashboard</a>
                <a href="/builder.html" class="btn btn-secondary">Create Form</a>
                <a href="/template-selection.html" class="btn btn-secondary">Use a Fillable Form</a>
            </div>
        </section>

        <!-- Features Grid -->
        <section class="features-grid">
            <div class="feature-card">
                <div class="feature-icon">📋</div>
                <h3>Comprehensive Evaluation Forms</h3>
                <p>Structured articulation assessment forms covering speech sounds, oral mechanism, language samples, and clinical impressions with standardized protocols.</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">📊</div>
                <h3>Advanced Analytics</h3>
                <p>Real-time analytics and reporting with submission tracking, performance metrics, and comprehensive data visualization for clinical insights.</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">📄</div>
                <h3>PDF Generation</h3>
                <p>Professional PDF reports with IPLC branding, optimized formatting, and clinical-grade documentation suitable for professional use.</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">🤖</div>
                <h3>AI-Powered Analysis</h3>
                <p>Advanced artificial intelligence for automated analysis and reporting with intelligent insights and recommendations for clinical assessments.</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">✨</div>
                <h3>Open Access Platform</h3>
                <p>No login required - instant access to all features for form creation, evaluation, analytics, and reporting with complete functionality available to everyone.</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">⚡</div>
                <h3>Cloud-Powered</h3>
                <p>Built on Cloudflare Pages with serverless functions, global CDN distribution, and enterprise-grade reliability and performance.</p>
            </div>
        </section>

    </main>

    <script>
        // Simple page initialization for open access platform
        document.addEventListener('DOMContentLoaded', () => {
            console.log('IPLC ArticEval Platform - Open Access Mode');
        });
    </script>
</body>
</html>