<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AdRev Science - Excellence & Rigueur Méthodologique</title>

    <!-- Meta Tags for SEO & Social -->
    <meta name="description"
        content="AdRev Science Suite : L'assistant virtuel qui garantit la rigueur de vos recherches médicales.">
    <meta property="og:title" content="AdRev Science - Rigueur & Visibilité">
    <meta property="og:description" content="Solution complète pour thèses, mémoires et essais cliniques.">
    <meta property="og:image" content="assets/social-preview.png">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">

    <!-- Styling -->
    <link rel="stylesheet" href="style.css?v=2">
    <link rel="icon" type="image/x-icon" href="assets/appIcon.ico">
</head>

<body>
    <!-- Immersive Background -->
    <div class="luxury-bg">
        <div class="blob blob-1"></div>
        <div class="blob blob-2"></div>
        <div class="blob blob-3"></div>
    </div>

    <!-- Navigation -->
    <header class="glass-nav">
        <nav>
            <div class="logo">
                <span class="logo-accent">Ad</span>Rev <span class="tagline">Science</span>
            </div>
            <ul class="nav-links">
                <li><a href="#suite">La Suite Suite</a></li>
                <li><a href="#process">Méthodologie</a></li>
                <li><a href="#collect">Collect Mobile</a></li>
                <li><a href="#licence">Tarifs</a></li>
                <li><a href="#blog">Blog</a></li>
            </ul>
            <div class="nav-actions">
                <a href="#download" class="btn-glow">Télécharger <span class="icon">↓</span></a>
            </div>
        </nav>
    </header>

    <main>
        <!-- Hero Section -->
        <section id="hero" class="hero">
            <div class="container hero-grid">
                <div class="hero-text animate-up">
                    <div class="badge">🚀 Nouvelle Version 2.0 • IA Méthodologique</div>
                    <h1>Propulsez votre <span>excellence.</span></h1>
                    <p>AdRev est l'unique assistant de recherche qui impose nativement la rigueur STROBE/CONSORT pour
                        transformer vos données brutes en manuscrits de rang A.</p>
                    <div class="hero-actions">
                        <a href="#suite" class="btn primary">Explorer le Dashboard</a>
                        <a href="#collect" class="btn secondary">AdRev Collect Mobile</a>
                    </div>
                    <div class="hero-stats">
                        <div class="stat-item">
                            <span class="stat-num">100%</span>
                            <span class="stat-desc">Privé & Sécurisé</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">x10</span>
                            <span class="stat-desc">Vitesse d'Analyse</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">150+</span>
                            <span class="stat-desc">Revues Indexées</span>
                        </div>
                    </div>
                </div>
                <div class="hero-visual animate-fade">
                    <div class="glass-display">
                        <img src="assets/desktop-screenshot.png" alt="AdRev Desktop Preview" class="screenshot">
                        <div class="floating-notif animate-float">
                            <div class="notif-icon">🛡️</div>
                            <div class="notif-text">Audit de rigueur validé</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Ecosystem Section -->
        <section id="suite" class="section">
            <div class="container">
                <div class="section-header center">
                    <h2 class="section-title">Un écosystème, <span>aucune faille.</span></h2>
                    <p>De la première idée de protocole à l'exportation IMRAD finale, AdRev vous guide sans jamais vous
                        laisser seul face à la complexité statistique.</p>
                </div>

                <div class="features-grid">
                    <div class="feature-card glass-card animate-on-scroll">
                        <span class="card-icon">📁</span>
                        <h3>Moteur de Protocole</h3>
                        <p>Calculateur d'échantillon intelligent intégrant l'effet de plan, le Deff et les perdus de vue
                            selon les standards internationaux.</p>
                    </div>
                    <div class="feature-card glass-card animate-on-scroll">
                        <span class="card-icon">⚡</span>
                        <h3>Saisie Intuitive</h3>
                        <p>Dictionnaire de variables dynamique et formulaires auto-générés pour une saisie fluide et
                            sans erreur de typage.</p>
                    </div>
                    <div class="feature-card glass-card animate-on-scroll">
                        <span class="card-icon">📊</span>
                        <h3>Analyses Avancées</h3>
                        <p>Tests paramétriques et non-paramétriques automatisés détectant nativement la distribution de
                            vos données.</p>
                    </div>
                    <div class="feature-card glass-card animate-on-scroll">
                        <span class="card-icon">✍️</span>
                        <h3>Générateur IMRAD</h3>
                        <p>Exportez votre manuscrit directement au format Microsoft Word, structuré selon les normes
                            académiques strictes.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- New Process Section -->
        <section id="process" class="section highlight-section">
            <div class="container">
                <div class="section-header center">
                    <h2 class="section-title">Le cycle de <span>réussite.</span></h2>
                    <p>Une démarche structurée pour transformer une hypothèse en une publication scientifique majeure.
                    </p>
                </div>
                <div class="process-grid">
                    <div class="process-item animate-on-scroll">
                        <div class="step-num">1</div>
                        <h4>Design</h4>
                        <p>Définition du protocole et calcul de puissance statistique.</p>
                    </div>
                    <div class="process-item animate-on-scroll">
                        <div class="step-num">2</div>
                        <h4>Collecte</h4>
                        <p>Saisie sécurisée via Desktop ou l'extension Mobile Collect.</p>
                    </div>
                    <div class="process-item animate-on-scroll">
                        <div class="step-num">3</div>
                        <h4>Analyse</h4>
                        <p>Traitement statistique avec audit de rigueur automatique.</p>
                    </div>
                    <div class="process-item animate-on-scroll">
                        <div class="step-num">4</div>
                        <h4>Publish</h4>
                        <p>Génération du manuscrit prêt pour la soumission.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Product Highlight : AdRev Collect -->
        <section id="collect" class="section">
            <div class="container dual-grid">
                <div class="visual animate-on-scroll">
                    <div class="phone-frame">
                        <div class="app-screen">
                            <div class="app-header">AdRev Collect</div>
                            <div class="qr-box">
                                <span style="font-size: 10px; color: var(--text-muted);">SCAN QR CODE</span>
                            </div>
                            <div style="text-align: center; font-size: 0.8rem; color: var(--primary);">SYNC EN COURS...
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content animate-on-scroll">
                    <div class="badge">Extension Terrain</div>
                    <h2>AdRev Collect : La force du terrain.</h2>
                    <p>Collectez hors-ligne sur smartphone, synchronisez en un scan QR avec la version Desktop. Sans
                        cloud tiers, garantissant une confidentialité totale.</p>
                    <ul class="check-list">
                        <li>Mode 100% hors-ligne</li>
                        <li>Chiffrement AES-256 local</li>
                        <li>Anonymisation à la source</li>
                    </ul>
                    <a href="downloads/AdRevCollect.apk" class="btn primary">Télécharger l'APK</a>
                </div>
            </div>
        </section>

        <!-- Pricing Section -->
        <section id="licence" class="section highlight-section">
            <div class="container">
                <div class="section-header center">
                    <h2 class="section-title">Choisissez votre <span>niveau.</span></h2>
                </div>
                <div class="pricing-grid">
                    <div class="price-card glass-card animate-on-scroll">
                        <span class="label">Standard</span>
                        <div class="amount">10k<span>/an</span></div>
                        <ul class="features">
                            <li>Analyses de base</li>
                            <li>Collect Mobile Solo</li>
                            <li>Support par Email</li>
                        </ul>
                        <a href="#" class="btn secondary">Démarrer</a>
                    </div>
                    <div class="price-card glass-card featured animate-on-scroll">
                        <div class="popular-badge">Recommandé</div>
                        <span class="label">Professionnel</span>
                        <div class="amount">35k<span>/an</span></div>
                        <ul class="features">
                            <li>Rapports Word illimités</li>
                            <li>Journal d'Audit Complet</li>
                            <li>Tests Complexes</li>
                            <li>Assistance Prioritaire</li>
                        </ul>
                        <a href="#" class="btn primary">S'équiper maintenant</a>
                    </div>
                    <div class="price-card glass-card animate-on-scroll">
                        <span class="label">Elite</span>
                        <div class="amount">75k<span>/an</span></div>
                        <ul class="features">
                            <li>Analyse Qualitative</li>
                            <li>Multi-utilisateurs</li>
                            <li>Consultation Statistique</li>
                            <li>Audit sur site</li>
                        </ul>
                        <a href="#" class="btn secondary">Choisir Elite</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- Blog/News Section -->
        <section id="blog" class="section">
            <div class="container">
                <div class="section-header">
                    <h2 class="section-title">Actualités & <span>Ressources.</span></h2>
                    <p>Découvrez nos derniers articles sur la méthodologie de recherche et l'innovation médicale.</p>
                </div>
                <div class="blog-grid">
                    <article class="blog-card glass-card animate-on-scroll">
                        <div class="blog-date">22 Fév 2026</div>
                        <h3>Maîtriser les normes STROBE pour vos publications</h3>
                        <p>Comment AdRev simplifie la conformité aux standards internationaux de reporting.</p>
                        <a href="#" class="read-more">Lire l'article →</a>
                    </article>
                    <article class="blog-card glass-card animate-on-scroll">
                        <div class="blog-date">15 Fév 2026</div>
                        <h3>Calcul de taille d'échantillon : Éviter les erreurs classiques</h3>
                        <p>L'importance de l'effet de plan et de la puissance statistique dans votre protocole.</p>
                        <a href="#" class="read-more">Lire l'article →</a>
                    </article>
                    <article class="blog-card glass-card animate-on-scroll">
                        <div class="blog-date">05 Fév 2026</div>
                        <h3>L'IA au service de la rigueur scientifique</h3>
                        <p>Pourquoi l'assistance méthodologique est devenue indispensable en 2026.</p>
                        <a href="#" class="read-more">Lire l'article →</a>
                    </article>
                </div>
            </div>
        </section>

    </main>

    <!-- Modern Footer - Re-imagined -->
    <footer class="modern-footer">
        <div class="container footer-content">
            <!-- Brand Centered -->
            <div class="footer-top-brand animate-on-scroll">
                <div class="logo">
                    <span class="logo-accent">Ad</span>Rev <span class="tagline">Science</span>
                </div>
                <p>La plateforme de référence pour l'excellence méthodologique et la rigueur scientifique en recherche
                    médicale.</p>
            </div>

            <!-- Sections Grid -->
            <div class="footer-grid">
                <div class="footer-section animate-on-scroll">
                    <h4>Produit</h4>
                    <ul>
                        <li><a href="#suite">La Suite Suite</a></li>
                        <li><a href="#process">Méthodologie</a></li>
                        <li><a href="#collect">Collect Mobile</a></li>
                        <li><a href="#licence">Tarifs</a></li>
                        <li><a href="#blog">Blog & Actus</a></li>
                    </ul>
                </div>
                <div class="footer-section animate-on-scroll">
                    <h4>Ressources</h4>
                    <ul>
                        <li><a href="USER_MANUAL.md">Manuel Utilisateur</a></li>
                        <li><a href="privacy.html">Confidentialité</a></li>
                        <li><a href="mailto:baigho2@gmail.com">Contact Support</a></li>
                        <li><a href="#">FAQ & Aide</a></li>
                    </ul>
                </div>
                <div class="footer-section footer-newsletter-box animate-on-scroll">
                    <h4>Newsletter</h4>
                    <p>Recevez nos guides sur la rédaction IMRAD.</p>
                    <form class="newsletter-form">
                        <input type="email" placeholder="votre@email.com">
                        <button type="submit">OK</button>
                    </form>
                </div>
            </div>

            <!-- Social Links Centered -->
            <div class="footer-social-centered animate-on-scroll">
                <a href="#" class="social-icon">𝕏</a>
                <a href="#" class="social-icon">in</a>
                <a href="#" class="social-icon">gh</a>
            </div>

            <!-- Bottom Bar -->
            <div class="footer-bottom">
                <p>&copy; 2026 AdRev Science Team. Tous droits réservés.</p>
                <p>Architecture par <b>Antigravity</b></p>
            </div>
        </div>
    </footer>

    <script src="main.js"></script>
</body>

</html>