<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title><?php echo $__env->yieldContent('title', 'MeXCo'); ?> · Meet · Experience · Connect</title>
    <?php echo $__env->make('partials.mexco-favicon', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <?php echo $__env->make('partials.mexco-public-theme', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <style>
        * { box-sizing: border-box; }
        body {
            margin: 0; font-family: Inter, system-ui, sans-serif; color: var(--ink);
            background: #fff; line-height: 1.5;
        }
        a { text-decoration: none; color: inherit; }
        .container { width: min(1120px, calc(100% - 2rem)); margin: 0 auto; }

        .site-nav {
            position: sticky; top: 0; z-index: 100;
            background: rgba(255,255,255,.92); backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--border);
        }
        .site-nav-inner {
            display: flex; align-items: center; justify-content: space-between;
            gap: 1rem; min-height: 72px; padding: .75rem 0;
        }
        .brand {
            display: flex; align-items: center; flex-shrink: 0;
        }
        .brand-logo {
            display: block;
            height: 48px;
            width: auto;
            max-width: min(200px, 42vw);
            object-fit: contain;
        }
        .nav-right {
            display: flex; align-items: center; gap: .85rem; margin-left: auto;
        }
        .nav-links {
            display: flex; align-items: center; gap: .15rem; flex-wrap: wrap;
        }
        .nav-links a {
            padding: .45rem .7rem; border-radius: 8px; font-size: .82rem; font-weight: 600; color: var(--muted);
        }
        .nav-links a:hover, .nav-links a.active { color: var(--mexco-primary); background: var(--primary-soft); }
        .nav-cta { display: flex; align-items: center; gap: .5rem; }
        .nav-toggle {
            display: none; border: 1px solid var(--border); background: #fff; border-radius: 8px;
            padding: .45rem .7rem; font-weight: 700; font-size: .8rem; cursor: pointer;
        }

        .site-footer {
            margin-top: 4rem; background: var(--mexco-dark); color: #94A3B8; padding: 3rem 0 2rem;
        }
        .footer-grid {
            display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 2rem; margin-bottom: 2rem;
        }
        .footer-brand { font-size: 1.25rem; font-weight: 800; color: #fff; margin-bottom: .35rem; }
        .footer-copy { font-size: .85rem; line-height: 1.55; max-width: 340px; }
        .footer-partner {
            margin-top: .85rem; font-size: .78rem; line-height: 1.5; color: #94A3B8; max-width: 360px;
        }
        .footer-partner strong { color: #CBD5E1; font-weight: 700; }
        .footer-col h4 {
            margin: 0 0 .75rem; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: #64748B;
        }
        .footer-col a { display: block; font-size: .85rem; color: #CBD5E1; margin-bottom: .45rem; }
        .footer-col a:hover { color: #fff; }
        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,.08); padding-top: 1.25rem;
            display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
            font-size: .78rem;
        }

        .section { padding: 4rem 0; }
        .section-alt { background: var(--mexco-light); }
        .section-kicker {
            font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
            color: var(--mexco-primary); margin-bottom: .5rem;
        }
        .section-title { margin: 0 0 .65rem; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; letter-spacing: -.02em; }
        .section-lead { margin: 0; color: var(--muted); font-size: 1.05rem; max-width: 560px; }

        @media (max-width: 900px) {
            .nav-toggle { display: inline-flex; margin-left: auto; }
            .nav-right { display: none; width: 100%; }
            .site-nav.open .nav-right {
                display: flex; flex-direction: column; align-items: stretch; gap: .75rem;
            }
            .site-nav.open .nav-links,
            .site-nav.open .nav-cta {
                display: flex; width: 100%; flex-direction: column; align-items: stretch;
            }
            .site-nav-inner { flex-wrap: wrap; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 560px) {
            .footer-grid { grid-template-columns: 1fr; }
        }
    </style>
    <?php echo $__env->yieldPushContent('styles'); ?>
</head>
<body>
<?php $portalAuth = session('mexco_portal_authenticated'); ?>
<header class="site-nav" id="siteNav">
    <div class="container site-nav-inner">
        <a href="<?php echo e(route('mexco.home')); ?>" class="brand">
            <img src="<?php echo e(asset(config('mexco.logos.main'))); ?>" alt="MeXCo · Meet · Experience · Connect" class="brand-logo" width="1024" height="682">
        </a>
        <button type="button" class="nav-toggle" id="navToggle" aria-label="Menu">Menu</button>
        <div class="nav-right">
            <nav class="nav-links">
                <a href="<?php echo e(route('mexco.home')); ?>" class="<?php echo e(request()->routeIs('mexco.home') ? 'active' : ''); ?>">Home</a>
                <a href="<?php echo e(route('mexco.features')); ?>" class="<?php echo e(request()->routeIs('mexco.features') ? 'active' : ''); ?>">Features</a>
                <a href="<?php echo e(route('mexco.plans')); ?>" class="<?php echo e(request()->routeIs('mexco.plans') ? 'active' : ''); ?>">Plans</a>
                <a href="<?php echo e(route('mexco.campus')); ?>" class="<?php echo e(request()->routeIs('mexco.campus') ? 'active' : ''); ?>">Campus</a>
            <a href="<?php echo e(route('mexco.how')); ?>" class="<?php echo e(request()->routeIs('mexco.how') ? 'active' : ''); ?>">How it works</a>
            <a href="<?php echo e(route('mexco.demo')); ?>" class="<?php echo e(request()->routeIs('mexco.demo') ? 'active' : ''); ?>">Try Demo</a>
        </nav>
            <div class="nav-cta">
                <?php if($portalAuth): ?>
                    <a href="<?php echo e(route('mexco.portal.dashboard')); ?>" class="btn-purple btn-sm">My MeXCo</a>
                <?php else: ?>
                    <a href="<?php echo e(route('mexco.login')); ?>" class="btn-outline btn-sm">Login</a>
                    <a href="<?php echo e(route('mexco.register')); ?>" class="btn-purple btn-sm">Sign up</a>
                <?php endif; ?>
            </div>
        </div>
    </div>
</header>

<?php if(session('success')): ?>
    <div class="container" style="padding-top:1rem">
        <div class="alert-flash alert-success"><?php echo e(session('success')); ?></div>
    </div>
<?php endif; ?>
<?php if(session('error')): ?>
    <div class="container" style="padding-top:1rem">
        <div class="alert-flash alert-danger"><?php echo e(session('error')); ?></div>
    </div>
<?php endif; ?>

<main>
    <?php echo $__env->yieldContent('content'); ?>
</main>

<footer class="site-footer">
    <div class="container">
        <div class="footer-grid">
            <div>
                <div class="footer-brand">MeXCo</div>
                <p class="footer-copy">Your digital event experience platform · Meet · Experience · Connect.</p>
                <p class="footer-partner">
                    MeXCo is a partnership with
                    <strong>Centre of Artificial Intelligence &amp; Data Science (CAIDAS)</strong>,
                    Universiti Malaysia Pahang Al-Sultan Abdullah, MY.
                </p>
            </div>
            <div class="footer-col">
                <h4>Product</h4>
                <a href="<?php echo e(route('mexco.features')); ?>">Features</a>
                <a href="<?php echo e(route('mexco.plans')); ?>">Plans</a>
                <a href="<?php echo e(route('mexco.campus')); ?>">Campus</a>
                <a href="<?php echo e(route('mexco.demo')); ?>">Try Demo</a>
                <a href="<?php echo e(route('mexco.how')); ?>">How it works</a>
            </div>
            <div class="footer-col">
                <h4>Get started</h4>
                <a href="<?php echo e(route('mexco.plans')); ?>">Create your event</a>
                <a href="<?php echo e(route('mexco.campus')); ?>">Apply for Campus</a>
                <a href="<?php echo e(route('mexco.enterprise')); ?>">Request Enterprise quote</a>
                <a href="<?php echo e(route('mexco.register')); ?>">Create account</a>
            </div>
            <div class="footer-col">
                <h4>Support</h4>
                <a href="<?php echo e(route('mexco.contact')); ?>">Contact</a>
                <a href="<?php echo e(route('mexco.login')); ?>">Login</a>
            </div>
        </div>
        <div class="footer-bottom">
            <span>© <?php echo e(date('Y')); ?> MeXCo Platform</span>
            <span>Meet · Experience · Connect</span>
        </div>
    </div>
</footer>

<script>
document.getElementById('navToggle')?.addEventListener('click', () => {
    document.getElementById('siteNav')?.classList.toggle('open');
});
</script>
<?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>
<?php /**PATH C:\laragon\www\myapp\resources\views/public/layout.blade.php ENDPATH**/ ?>