<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LineUp France · Deleguez votre attente</title>
    <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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="">
    <link rel="stylesheet" href="<?php echo e(asset('css/lineup-shared.css')); ?>">
</head>
<body>
<header class="lu-topbar">
    <div class="lu-shell lu-topbar-inner">
        <a class="lu-brand" href="<?php echo e(url('/')); ?>">
            <img src="<?php echo e(asset('images/lineup-logo.png')); ?>" alt="Logo LineUp">
            <span>LineUp France</span>
        </a>
        <div class="lu-topbar-actions">
            <a class="lu-btn lu-btn-soft" href="#apps">Solutions</a>
            <?php if(auth()->check() && auth()->user()->isAdmin()): ?>
                <a class="lu-btn lu-btn-primary" href="<?php echo e(route('bo.dashboard')); ?>">Espace partenaire</a>
            <?php else: ?>
                <a class="lu-btn lu-btn-primary" href="<?php echo e(route('bo.login')); ?>">Espace partenaire</a>
            <?php endif; ?>
        </div>
    </div>
</header>

<section class="lu-hero">
    <div class="lu-shell lu-hero-layout">
        <div class="lu-hero-copy">
            <p class="lu-kicker">Conciergerie d'attente haut de gamme</p>
            <h1>Gagnez du temps, transformez l'attente en service premium.</h1>
            <p>
                Pour les clients: une attente deleguee, suivie et securisee de bout en bout.
                Pour les liners: des missions claires, des revenus reguliers et des paiements sans friction.
            </p>
            <div class="lu-actions">
                <a class="lu-btn lu-btn-primary lu-btn-icon" href="<?php echo e(config('lineup.downloads.client.android')); ?>" target="_blank" rel="noopener">
                    <svg class="lu-os-icon" viewBox="0 0 24 24" aria-hidden="true">
                        <path fill="currentColor" d="M15.2 7.4l1.6-2.8a.5.5 0 1 0-.9-.5l-1.7 2.9a8.8 8.8 0 0 0-4.4 0L8.1 4.1a.5.5 0 1 0-.9.5l1.6 2.8A7 7 0 0 0 5 13v5a2 2 0 0 0 2 2h.5v2a1.5 1.5 0 1 0 3 0v-2h3v2a1.5 1.5 0 1 0 3 0v-2h.5a2 2 0 0 0 2-2v-5a7 7 0 0 0-3.8-5.6ZM9.5 10a1 1 0 1 1 0 2a1 1 0 0 1 0-2Zm5 0a1 1 0 1 1 0 2a1 1 0 0 1 0-2Z"/>
                    </svg>
                    Je reserve un liner
                </a>
                <a class="lu-btn lu-btn-dark lu-btn-icon" href="<?php echo e(config('lineup.downloads.liner.android')); ?>" target="_blank" rel="noopener">
                    <svg class="lu-os-icon" viewBox="0 0 24 24" aria-hidden="true">
                        <path fill="currentColor" d="M15.2 7.4l1.6-2.8a.5.5 0 1 0-.9-.5l-1.7 2.9a8.8 8.8 0 0 0-4.4 0L8.1 4.1a.5.5 0 1 0-.9.5l1.6 2.8A7 7 0 0 0 5 13v5a2 2 0 0 0 2 2h.5v2a1.5 1.5 0 1 0 3 0v-2h3v2a1.5 1.5 0 1 0 3 0v-2h.5a2 2 0 0 0 2-2v-5a7 7 0 0 0-3.8-5.6ZM9.5 10a1 1 0 1 1 0 2a1 1 0 0 1 0-2Zm5 0a1 1 0 1 1 0 2a1 1 0 0 1 0-2Z"/>
                    </svg>
                    Je deviens liner
                </a>
                <a class="lu-btn lu-btn-soft" href="#apps">Voir les avantages</a>
            </div>
        </div>
        <div class="lu-showcase" aria-live="polite">
            <article class="lu-slide is-active">
                <img src="<?php echo e(asset('images/Design sans titre (2).png')); ?>" alt="Parcours application client">
                <div class="lu-slide-copy">
                    <p>Espace Client</p>
                    <h3>Reservez en quelques clics</h3>
                </div>
            </article>
            <article class="lu-slide">
                <img src="<?php echo e(asset('images/splash-screen-light.png')); ?>" alt="Parcours liner">
                <div class="lu-slide-copy">
                    <p>Espace Liner</p>
                    <h3>Acceptez des missions rentables</h3>
                </div>
            </article>
            <article class="lu-slide">
                <img src="<?php echo e(asset('images/Design sans titre.png')); ?>" alt="Supervision qualite LineUp">
                <div class="lu-slide-copy">
                    <p>Qualite de service</p>
                    <h3>Experience fluide et controlee</h3>
                </div>
            </article>
            <div class="lu-showcase-dots" id="showcase-dots" aria-label="Navigation diaporama">
                <button class="is-active" type="button" data-slide="0" aria-label="Diapo 1"></button>
                <button type="button" data-slide="1" aria-label="Diapo 2"></button>
                <button type="button" data-slide="2" aria-label="Diapo 3"></button>
            </div>
        </div>
    </div>
</section>

<section class="lu-section">
    <div class="lu-shell">
        <h2 class="lu-heading">Un reseau de liners disponibles en direct</h2>
        <p class="lu-subheading">Visualisez instantanement la disponibilite sur le terrain et lancez votre demande au bon moment.</p>
        <div class="lu-live-grid">
            <article class="lu-map-card">
                <div id="liners-map" aria-label="Carte des liners disponibles"></div>
            </article>
            <article class="lu-card lu-access-card">
                <p class="lu-card-label">Demarrer maintenant</p>
                <h3>Choisissez votre parcours</h3>
                <p>Un espace pense pour les clients exigeants et un espace dedie aux liners qui veulent monter en revenus.</p>
                <div class="lu-access-roles">
                    <div class="lu-access-role">
                        <h4>Je suis Client</h4>
                        <div class="lu-card-actions">
                            <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.client.android')); ?>" target="_blank" rel="noopener">Creer mon compte client</a>
                            <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.client.android')); ?>" target="_blank" rel="noopener">Je me connecte</a>
                        </div>
                    </div>
                    <div class="lu-access-role">
                        <h4>Je suis Liner</h4>
                        <div class="lu-card-actions">
                            <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.liner.android')); ?>" target="_blank" rel="noopener">Creer mon compte liner</a>
                            <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.liner.android')); ?>" target="_blank" rel="noopener">Je me connecte</a>
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </div>
</section>

<section class="lu-strip">
    <div class="lu-shell lu-strip-grid">
        <article>
            <p class="lu-strip-value">Service instantane</p>
            <p>Une demande lancee, un liner mobilise rapidement</p>
        </article>
        <article>
            <p class="lu-strip-value">Tarification claire</p>
            <p>Commission transparente et visible a chaque mission</p>
        </article>
        <article>
            <p class="lu-strip-value">Suivi en direct</p>
            <p>Le client suit la mission en temps reel</p>
        </article>
        <article>
            <p class="lu-strip-value">Profils verifies</p>
            <p>Identite controlee avant toute mission</p>
        </article>
    </div>
</section>

<section class="lu-section" id="apps">
    <div class="lu-shell">
        <h2 class="lu-heading">Deux espaces, une seule promesse: performance et serenite</h2>
        <p class="lu-subheading">Un parcours client pour deleguer sans stress, un parcours liner pour travailler mieux et gagner plus.</p>
        <div class="lu-grid lu-grid-two">
            <article class="lu-card">
                <p class="lu-card-label">Espace Client</p>
                <h3>Delivrez-vous de l'attente sans perdre le controle</h3>
                <p>Publiez votre besoin, choisissez le bon liner, suivez la mission en direct et validez une prestation proprement executee.</p>
                <div class="lu-card-actions">
                    <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.client.android')); ?>" target="_blank" rel="noopener">
                        <svg class="lu-os-icon" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill="currentColor" d="M15.2 7.4l1.6-2.8a.5.5 0 1 0-.9-.5l-1.7 2.9a8.8 8.8 0 0 0-4.4 0L8.1 4.1a.5.5 0 1 0-.9.5l1.6 2.8A7 7 0 0 0 5 13v5a2 2 0 0 0 2 2h.5v2a1.5 1.5 0 1 0 3 0v-2h3v2a1.5 1.5 0 1 0 3 0v-2h.5a2 2 0 0 0 2-2v-5a7 7 0 0 0-3.8-5.6ZM9.5 10a1 1 0 1 1 0 2a1 1 0 0 1 0-2Zm5 0a1 1 0 1 1 0 2a1 1 0 0 1 0-2Z"/>
                        </svg>
                        Android
                    </a>
                    <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.client.ios')); ?>" target="_blank" rel="noopener">
                        <svg class="lu-os-icon" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill="currentColor" d="M16.6 12.9c0-2 1.6-3 1.7-3.1c-1-1.4-2.4-1.5-2.9-1.5c-1.3-.1-2.4.8-3 .8c-.7 0-1.7-.8-2.8-.7c-1.4 0-2.8.8-3.5 2.1c-1.5 2.6-.4 6.3 1.1 8.4c.8 1 1.7 2.2 2.9 2.1c1.1 0 1.6-.7 3-.7c1.4 0 1.8.7 3 .6c1.3 0 2-1.1 2.8-2.2c.9-1.2 1.2-2.4 1.2-2.5c0 0-2.3-.9-2.3-3.3Zm-2-6c.6-.7 1-1.7.9-2.7c-.9 0-2 .6-2.7 1.3c-.6.7-1.1 1.7-.9 2.6c1 .1 2-.5 2.7-1.2Z"/>
                        </svg>
                        iOS
                    </a>
                </div>
            </article>
            <article class="lu-card">
                <p class="lu-card-label">Espace Liner</p>
                <h3>Travaillez avec un cadre clair et rentable</h3>
                <p>Activez votre disponibilite, recevez des missions adaptees, communiquez facilement avec le client et securisez vos gains.</p>
                <div class="lu-card-actions">
                    <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.liner.android')); ?>" target="_blank" rel="noopener">
                        <svg class="lu-os-icon" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill="currentColor" d="M15.2 7.4l1.6-2.8a.5.5 0 1 0-.9-.5l-1.7 2.9a8.8 8.8 0 0 0-4.4 0L8.1 4.1a.5.5 0 1 0-.9.5l1.6 2.8A7 7 0 0 0 5 13v5a2 2 0 0 0 2 2h.5v2a1.5 1.5 0 1 0 3 0v-2h3v2a1.5 1.5 0 1 0 3 0v-2h.5a2 2 0 0 0 2-2v-5a7 7 0 0 0-3.8-5.6ZM9.5 10a1 1 0 1 1 0 2a1 1 0 0 1 0-2Zm5 0a1 1 0 1 1 0 2a1 1 0 0 1 0-2Z"/>
                        </svg>
                        Android
                    </a>
                    <a class="lu-card-link lu-os-link" href="<?php echo e(config('lineup.downloads.liner.ios')); ?>" target="_blank" rel="noopener">
                        <svg class="lu-os-icon" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill="currentColor" d="M16.6 12.9c0-2 1.6-3 1.7-3.1c-1-1.4-2.4-1.5-2.9-1.5c-1.3-.1-2.4.8-3 .8c-.7 0-1.7-.8-2.8-.7c-1.4 0-2.8.8-3.5 2.1c-1.5 2.6-.4 6.3 1.1 8.4c.8 1 1.7 2.2 2.9 2.1c1.1 0 1.6-.7 3-.7c1.4 0 1.8.7 3 .6c1.3 0 2-1.1 2.8-2.2c.9-1.2 1.2-2.4 1.2-2.5c0 0-2.3-.9-2.3-3.3Zm-2-6c.6-.7 1-1.7.9-2.7c-.9 0-2 .6-2.7 1.3c-.6.7-1.1 1.7-.9 2.6c1 .1 2-.5 2.7-1.2Z"/>
                        </svg>
                        iOS
                    </a>
                </div>
            </article>
        </div>
    </div>
</section>

<section class="lu-section">
    <div class="lu-shell">
        <h2 class="lu-heading">Un parcours simple, pense pour vendre et fideliser</h2>
        <p class="lu-subheading">Chaque etape renforce la confiance, reduit les frictions et augmente la qualite de service.</p>
        <div class="lu-grid lu-grid-two">
            <article class="lu-card">
                <h3>Pour le client</h3>
                <ol class="lu-list-steps">
                    <li>Decrivez votre besoin en quelques instants.</li>
                    <li>Validez le liner qui vous convient.</li>
                    <li>Suivez la progression jusqu'a la finalisation.</li>
                    <li>Consultez votre historique et vos recus en toute transparence.</li>
                </ol>
            </article>
            <article class="lu-card">
                <h3>Pour le liner</h3>
                <ol class="lu-list-steps">
                    <li>Activez votre profil et vos disponibilites.</li>
                    <li>Recevez des missions pertinentes et bien qualifiees.</li>
                    <li>Pilotez votre execution avec statuts et preuves.</li>
                    <li>Encaissez vos revenus et suivez votre evolution.</li>
                </ol>
            </article>
        </div>
    </div>
</section>

<section class="lu-section">
    <div class="lu-shell">
        <h2 class="lu-heading">Confiance, paiement et conformite au coeur du service</h2>
        <div class="lu-grid lu-grid-three">
            <article class="lu-card">
                <p class="lu-card-label">Paiement client</p>
                <h3>Reglez facilement, au bon moment</h3>
                <p>Un flux de paiement clair, une validation de mission encadree et une experience d'achat rassurante.</p>
            </article>
            <article class="lu-card">
                <p class="lu-card-label">Revenus liner</p>
                <h3>Des gains visibles et maitrisables</h3>
                <p>Suivi des gains, retraits clairs et historique detaille pour piloter votre activite.</p>
            </article>
            <article class="lu-card">
                <p class="lu-card-label">Securite & confiance</p>
                <h3>Une qualite de service protegee</h3>
                <p>Profils verifies, missions tracees et preferences personnalisees pour une relation client-liner durable.</p>
            </article>
        </div>
    </div>
</section>

<footer class="lu-footer">
    <div class="lu-shell">
        <div class="lu-footer-shell">
            <div class="lu-footer-lead">
                <p class="lu-footer-title">LineUp France</p>
                <p class="lu-footer-text">Le service premium qui valorise le temps des clients et le professionnalisme des liners.</p>
                <div class="lu-footer-badges">
                    <span>Gain de temps reel</span>
                    <span>Experience premium</span>
                    <span>Confiance durable</span>
                </div>
                <div class="lu-footer-cta">
                    <a class="lu-btn lu-btn-primary" href="<?php echo e(config('lineup.downloads.client.android')); ?>" target="_blank" rel="noopener">Devenir client</a>
                    <a class="lu-btn lu-btn-dark" href="<?php echo e(config('lineup.downloads.liner.android')); ?>" target="_blank" rel="noopener">Devenir liner</a>
                </div>
            </div>

            <div class="lu-footer-grid">
                <article class="lu-footer-col">
                    <p class="lu-footer-title">Espace Client</p>
                    <div class="lu-footer-links">
                        <a href="<?php echo e(config('lineup.downloads.client.android')); ?>" target="_blank" rel="noopener">Telecharger Android</a>
                        <a href="<?php echo e(config('lineup.downloads.client.ios')); ?>" target="_blank" rel="noopener">Telecharger iOS</a>
                        <a href="<?php echo e(config('lineup.downloads.client.android')); ?>" target="_blank" rel="noopener">Inscription / Connexion</a>
                    </div>
                </article>
                <article class="lu-footer-col">
                    <p class="lu-footer-title">Espace Liner</p>
                    <div class="lu-footer-links">
                        <a href="<?php echo e(config('lineup.downloads.liner.android')); ?>" target="_blank" rel="noopener">Telecharger Android</a>
                        <a href="<?php echo e(config('lineup.downloads.liner.ios')); ?>" target="_blank" rel="noopener">Telecharger iOS</a>
                        <a href="<?php echo e(config('lineup.downloads.liner.android')); ?>" target="_blank" rel="noopener">Inscription / Connexion</a>
                    </div>
                </article>
                <article class="lu-footer-col">
                    <p class="lu-footer-title">Support</p>
                    <div class="lu-footer-links">
                        <a href="mailto:contact@lineupfrance.com">contact@lineupfrance.com</a>
                        <?php if(auth()->check() && auth()->user()->isAdmin()): ?>
                            <a href="<?php echo e(route('bo.dashboard')); ?>">Acces partenaire</a>
                        <?php else: ?>
                            <a href="<?php echo e(route('bo.login')); ?>">Espace partenaire</a>
                        <?php endif; ?>
                    </div>
                </article>
                <article class="lu-footer-col">
                    <p class="lu-footer-title">Pourquoi LineUp</p>
                    <div class="lu-footer-links">
                        <a href="#apps">Parcours client et liner</a>
                        <a href="#liners-map">Liners disponibles</a>
                        <a href="mailto:contact@lineupfrance.com">Demander une demo</a>
                    </div>
                </article>
            </div>
        </div>
        <p class="lu-footer-bottom">
            © <?php echo e(date('Y')); ?> LineUp France. Tous droits reserves.
            <span class="lu-footer-dot">•</span>
            Accompagnement client et liner 7j/7.
        </p>
    </div>
</footer>

<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
<script>
    (() => {
        const slides = Array.from(document.querySelectorAll('.lu-slide'));
        const dots = Array.from(document.querySelectorAll('#showcase-dots button'));
        if (!slides.length || !dots.length) return;

        let index = 0;
        const activate = (nextIndex) => {
            index = (nextIndex + slides.length) % slides.length;
            slides.forEach((slide, i) => slide.classList.toggle('is-active', i === index));
            dots.forEach((dot, i) => dot.classList.toggle('is-active', i === index));
        };

        dots.forEach((dot) => {
            dot.addEventListener('click', () => activate(Number(dot.dataset.slide || 0)));
        });

        setInterval(() => activate(index + 1), 4600);
    })();

    (() => {
        const mapContainer = document.getElementById('liners-map');
        if (!mapContainer || !window.L) return;

        const liners = <?php echo json_encode($availableLiners ?? [], 15, 512) ?>;
        const defaultCenter = [48.8566, 2.3522];
        const center = liners.length > 0
            ? [liners[0].latitude, liners[0].longitude]
            : defaultCenter;

        const map = L.map(mapContainer, {
            zoomControl: false,
            attributionControl: true,
            dragging: false,
            scrollWheelZoom: false,
            doubleClickZoom: false,
            boxZoom: false,
            keyboard: false,
            touchZoom: false,
        }).setView(center, liners.length > 0 ? 11 : 10);

        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '&copy; OpenStreetMap',
        }).addTo(map);

        const bounds = [];
        liners.forEach((liner) => {
            const lat = Number(liner.latitude);
            const lng = Number(liner.longitude);
            if (!Number.isFinite(lat) || !Number.isFinite(lng)) return;
            bounds.push([lat, lng]);
            L.marker([lat, lng], { interactive: false })
                .bindTooltip(liner.name || 'Liner disponible', {
                    direction: 'top',
                    opacity: 0.92,
                })
                .addTo(map);
        });

        if (bounds.length > 1) {
            map.fitBounds(bounds, { padding: [22, 22] });
        } else if (bounds.length === 1) {
            map.setView(bounds[0], 12);
        }
    })();
</script>
</body>
</html>
<?php /**PATH /home/lineupfrance/public_html/resources/views/welcome.blade.php ENDPATH**/ ?>