header("Link: </img/semois-kayak/choisir-parcours-semois-hero.webp>; rel=preload; as=image; fetchpriority=high", false);
require_once __DIR__ . '/include/head.php';
$date_modified = date('Y-m-d', filemtime(__FILE__));
$k_prices = $GLOBAL_PRICES['kayak_semois'] ?? [];
$p7  = $k_prices['parcours_7km']['bi']  ?? 18.00;
$p10 = $k_prices['parcours_10km']['bi'] ?? 21.00;
$p11 = $k_prices['parcours_11km']['bi'] ?? 21.00;
$p17 = $k_prices['parcours_17km']['bi'] ?? 25.00;
$p18 = $k_prices['parcours_18km']['bi'] ?? 25.00;
$p23 = $k_prices['parcours_23km']['bi'] ?? 30.00;

$parcours_data = [
    ['name' => 'Alle → Vresse',      'distance' => '7 km',  'duration' => 'PT2H',     'duration_h' => '1u30 – 2u',  'difficulty' => 'Gemakkelijk', 'price' => $p7,  'profile' => 'Gezinnen, beginners',         'url' => BASE_URL . '/nl/Vresse-sur-Semois'],
    ['name' => 'Poupehan → Alle',    'distance' => '10 km', 'duration' => 'PT3H',     'duration_h' => '2u30 – 3u',  'difficulty' => 'Gemakkelijk', 'price' => $p10, 'profile' => 'Groepen, vrienden, natuur',   'url' => BASE_URL . '/nl/Poupehan'],
    ['name' => 'Alle → Membre',      'distance' => '12 km', 'duration' => 'PT3H30M',  'duration_h' => '3u – 3u30',  'difficulty' => 'Gemiddeld',   'price' => $p11, 'profile' => 'Landschapsliefhebbers',       'url' => BASE_URL . '/nl/Alle-sur-semois'],
    ['name' => 'Bouillon → Poupehan','distance' => '15 km', 'duration' => 'PT4H',     'duration_h' => '4u',         'difficulty' => 'Gemiddeld',   'price' => $p17, 'profile' => 'Cultuur & natuur',           'url' => BASE_URL . '/nl/bouillon'],
    ['name' => 'Alle → Bohan',       'distance' => '17 km', 'duration' => 'PT5H',     'duration_h' => '4u30 – 5u',  'difficulty' => 'Sportief',    'price' => $p17, 'profile' => 'Sportievelingen, hele dag',  'url' => BASE_URL . '/nl/bohan-semois'],
    ['name' => 'Bouillon → Alle',    'distance' => '27 km', 'duration' => 'PT7H',     'duration_h' => '7u+',        'difficulty' => 'Expert',      'price' => $p23, 'profile' => 'Expeditie, uithouding',      'url' => BASE_URL . '/nl/Frahan-Bouillon'],
];

$schema = [
    "@context" => "https://schema.org",
    "@graph" => [
        [
            "@type" => "WebPage",
            "@id" => BASE_URL . "/nl/welke-kajakroute-kiezen#webpage",
            "url" => BASE_URL . "/nl/welke-kajakroute-kiezen",
            "name" => "Welke kajakroute kiezen op de Semois? Vergelijkende gids 2026",
            "description" => "Volledige vergelijking van de 6 kajakroutes op de Semois: afstand, duur, moeilijkheidsgraad, prijs en ideaal profiel. Kies uw afvaart tussen 7 en 27 km.",
            "inLanguage" => "nl-BE",
            "datePublished" => "2026-01-01",
            "dateModified" => $date_modified,
            "breadcrumb" => ["@id" => BASE_URL . "/nl/welke-kajakroute-kiezen#breadcrumb"],
            "isPartOf" => [
                "@type" => "WebSite",
                "@id" => BASE_URL . "/nl/#website",
                "name" => "Kajak Semois - Petit Ben gneur",
                "url" => BASE_URL . "/nl/"
            ],
            "primaryImageOfPage" => [
                "@type" => "ImageObject",
                "url" => BASE_URL . "/img/semois-kayak/choisir-parcours-semois-hero.png",
                "width" => 1600,
                "height" => 900
            ]
        ],
        [
            "@type" => "BreadcrumbList",
            "@id" => BASE_URL . "/nl/welke-kajakroute-kiezen#breadcrumb",
            "itemListElement" => [
                ["@type" => "ListItem", "position" => 1, "name" => "Home", "item" => BASE_URL . "/nl/"],
                ["@type" => "ListItem", "position" => 2, "name" => "Kajak Afvaart", "item" => BASE_URL . "/nl/kajak-afvaart-semois"],
                ["@type" => "ListItem", "position" => 3, "name" => "Kies uw route"]
            ]
        ]
    ]
];
?>
<script type="application/ld+json" nonce="">
null</script>

<main class="page-content" itemscope itemtype="https://schema.org/Article">
    <section class="hero-premium" style="background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), url('/img/semois-kayak/choisir-parcours-semois-hero.png');">
        <div class="container text-center">
            <h1 class="animate-up" itemprop="headline">Welke kajakroute kiezen op de Semois?</h1>
            <p class="lead animate-up delay-1" itemprop="description">Ontdek de ideale afvaart volgens uw wensen: van een gezinsuitstap tot een sportieve route van 27 km.</p>
            
            <div class="river-status-badge animate-up delay-2">
                <span class="status-indicator is-closed"></span>
                <span class="status-text">Semois: Afvaart Gesloten</span>
                <span class="status-debit"> m³/s</span>
            </div>

            <div class="hero-actions animate-up delay-3">
                <a href="#vergelijking" class="btn btn-glass">Bekijk de vergelijking</a>
                <a href="/nl/reserver-kayak-semois" class="btn btn-primary open-btn5-modal" data-modal-url="btn5">Nu boeken</a>
            </div>
        </div>
    </section>

    <!-- Sticky Navigation -->
    <nav class="sticky-toc shadow-sm">
        <div class="container">
            <ul class="nav justify-content-center">
                <li class="nav-item"><a class="nav-link" href="#vergelijking">Vergelijking</a></li>
                <li class="nav-item"><a class="nav-link" href="#profielen">Profielen</a></li>
            </ul>
        </div>
    </nav>

    <section class="section section-intro">
        <div class="container narrow">
            <div class="glass-card p-5 animate-up shadow-lg">
                <h2>Avontuur op maat in het hart van de Ardennen</h2>
                <p>De Semois is een van de meest iconische rivieren van België. Met zijn wilde meanders, diepe bossen en pittoreske dorpjes zoals Bouillon, Alle-sur-Semois of Vresse, biedt het een unieke variëteit aan routes. Maar welke moet u kiezen tussen een afvaart van 7 km en een expeditie van 27 km? Volg onze gids om de juiste keuze te maken.</p>
            </div>
        </div>
    </section>

    <section id="vergelijking" class="section bg-light">
        <div class="container">
            <div class="section-header text-center mb-5">
                <span class="badge bg-secondary mb-2">Vergelijking 2026</span>
                <h2 class="display-5 fw-bold">Onze 6 toproutes op de Semois</h2>
            </div>
            
            <div class="table-responsive glass-table-container shadow-sm rounded-4 overflow-hidden">
                <table class="table premium-table mb-0">
                    <thead class="bg-primary text-white">
                        <tr>
                            <th class="p-4">Route</th>
                            <th class="p-4">Afstand</th>
                            <th class="p-4">Gemiddelde duur</th>
                            <th class="p-4">Moeilijkheidsgraad</th>
                            <th class="p-4">Prijs vanaf</th>
                            <th class="p-4">Ideaal profiel</th>
                        </tr>
                    </thead>
                    <tbody>
                                            </tbody>
                </table>
            </div>
        </div>
    </section>

    <section id="profielen" class="section section-profils py-5">
        <div class="container">
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="glass-card profile-card p-4 h-100 animate-up shadow-sm border-0">
                        <div class="card-icon fs-1 mb-3">👨‍👩‍👧‍👦</div>
                        <h3 class="h4 fw-bold">Gezinnen & Kinderen</h3>
                        <p class="text-muted">Kies voor de route <strong>Alle-Vresse (7 km)</strong>. Deze is kort, veilig en biedt veel mogelijkheden om te stoppen op grindstrandjes voor een picknick of een duik.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="glass-card profile-card p-4 h-100 animate-up delay-1 shadow-sm border-0">
                        <div class="card-icon fs-1 mb-3">⚡</div>
                        <h3 class="h4 fw-bold">Sportievelingen</h3>
                        <p class="text-muted">De route <strong>Alle-Bohan (17 km)</strong> is voor u gemaakt. Trek er de hele dag voor uit om te genieten van de wildere passages en de natuur.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="glass-card profile-card p-4 h-100 animate-up delay-2 shadow-sm border-0">
                        <div class="card-icon fs-1 mb-3">🌿</div>
                        <h3 class="h4 fw-bold">De "Chill" modus</h3>
                        <p class="text-muted">Wilt u ontspannen zonder te veel moeite? Kies voor <strong>Poupehan-Alle (10 km)</strong>. Het perfecte compromis tussen natuur en matige inspanning.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section cta-final text-center py-5">
        <div class="container">
            <h2 class="display-6 fw-bold">Klaar om te peddelen?</h2>
            <p class="lead text-muted">Boek nu uw avontuur en profiteer van de beste online tarieven.</p>
            <a href="/nl/reserver-kayak-semois" class="btn btn-primary btn-lg mt-4 px-5 py-3 rounded-pill open-btn5-modal" data-modal-url="btn5">Mijn kajak boeken</a>
        </div>
    </section>

    <!-- Floating Mobile Action -->
    <a href="/nl/reserver-kayak-semois" class="fab-reserve d-md-none open-btn5-modal" data-modal-url="btn5">
        Boeken
    </a>
</main>

<style>
.hero-premium { padding: 160px 0 100px; background-size: cover; background-position: center; color: white; }
.glass-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; }
.premium-table th { font-weight: 600; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; }
.hover-effect:hover { background-color: rgba(0,0,0,0.02); transition: background 0.3s ease; }
.animate-up { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }
.delay-1 { animation-delay: .15s; } .delay-2 { animation-delay: .3s; } .delay-3 { animation-delay: .45s; }

/* River Status Badge */
.river-status-badge { display: inline-flex; align-items: center; background: rgba(255,255,255,0.15); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.3); padding: 0.6rem 1.2rem; border-radius: 100px; margin: 1.5rem 0; color: #fff; font-weight: 600; font-size: 0.9rem; gap: 0.8rem; }
.status-indicator { width: 10px; height: 10px; border-radius: 50%; display: inline-block; position: relative; }
.status-indicator.is-open { background: #4ade80; box-shadow: 0 0 12px #4ade80; }
.status-indicator.is-open::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #4ade80; animation: pulse 2s infinite; }
.status-indicator.is-closed { background: #f87171; box-shadow: 0 0 12px #f87171; }
.status-debit { background: rgba(0,0,0,0.2); padding: 0.2rem 0.6rem; border-radius: 6px; font-size: 0.8rem; font-family: monospace; }
@keyframes pulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(2); opacity: 0; } }

/* Sticky TOC */
.sticky-toc { background: #fff; position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid rgba(0,0,0,0.05); }
.sticky-toc .nav-link { color: var(--ks-primary); font-weight: 600; font-size: 0.9rem; padding: 1rem 1.2rem; transition: color 0.3s; }
.sticky-toc .nav-link:hover { color: var(--ks-accent); }
@media (max-width: 768px) { .sticky-toc .nav { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start !important; } .sticky-toc .nav-link { white-space: nowrap; } }

/* Conversion Animations */
.open-btn5-modal { position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
.open-btn5-modal::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent); transform: rotate(45deg) translateX(-100%); transition: 0.7s; }
.open-btn5-modal:hover::before { transform: rotate(45deg) translateX(100%); }
.open-btn5-modal:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 20px rgba(var(--ks-primary-rgb), 0.3); }

.btn-primary.open-btn5-modal { animation: pulse-border 2s infinite; }
@keyframes pulse-border {
  0% { box-shadow: 0 0 0 0 rgba(var(--ks-primary-rgb), 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(var(--ks-primary-rgb), 0); }
  100% { box-shadow: 0 0 0 0 rgba(var(--ks-primary-rgb), 0); }
}

/* Mobile FAB */
@media (max-width: 768px) {
  .fab-reserve { position: fixed; bottom: 20px; right: 20px; z-index: 2000; background: var(--ks-primary); color: #fff !important; padding: 14px 28px; border-radius: 50px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); font-weight: 700; text-decoration: none; animation: fab-entry 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both, pulse-border 2s infinite; font-size: 1rem; }
  @keyframes fab-entry { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
}

@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
</style>


<div id="btn5-container"></div>
<section id="avis">
<section class="reviews-widget" aria-labelledby="reviews-heading">
    <div class="reviews-header">
        <div class="reviews-summary">
            <div class="reviews-rating">
                <div class="stars-large">
                    <span class="star filled">★</span><span class="star filled">★</span><span class="star filled">★</span><span class="star filled">★</span><span class="star half">★</span>  </div>
                <div class="rating-score">
                    <strong>4.6</strong>/5
                </div>
            </div>
            <div class="reviews-count">
                Gebaseerd op <strong>1,356</strong> klantbeoordelingen
            </div>
        </div>
        <div class="reviews-badges">
            <div class="badge excellent">
                <span class="badge-icon">🏆</span>
                <div class="badge-text">
                    <div class="badge-title">Excellence</div>
                    <div class="badge-subtitle">2024</div>
                </div>
            </div>
            <div class="badge verified">
                <span class="badge-icon">✓</span>
                <div class="badge-text">
                    <div class="badge-title">Geverifieerde beoordelingen</div>
                    <div class="badge-subtitle">100%</div>
                </div>
            </div>
        </div>
    </div>
    <div class="reviews-grid">
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">N</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Nathalie Frédéric</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2025-03-31">
                            31/03/2025                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> Heel goed, goedkoop en een zeer vriendelijk onthaal. Bedankt, want voor mijn eerste keer kajakken vond ik het geweldig. Ik raad het aan. Tot de volgende keer 👍🙂 </p>
        </article>
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">M</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Marlène Régibo</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2025-03-30">
                            30/03/2025                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> In tegenstelling tot andere gepubliceerde meningen werden we zeer goed ontvangen, het team is erg vriendelijk en de kajakverhuur is hier goedkoper dan elders. Wij raden Kayak Semois aan! </p>
        </article>
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">K</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Konrad</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2025-03-25">
                            25/03/2025                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> Fantastische camping, betaalbare prijzen en schattig personeel! </p>
        </article>
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">L</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Lauranne Arimont</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2025-02-28">
                            28/02/2025                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> Top, erg vriendelijk en goede service. Correcte prijzen. </p>
        </article>
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">L</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Loan</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2025-02-15">
                            15/02/2025                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star empty">
                                ☆ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> We verbleven 1 nacht in een tent en deden de kajakafvaart van 11 km. Behulpzaam en supervriendelijk personeel. Perfecte organisatie voor de aankomst op de Semois en het onthaal na de afvaart. Bedankt voor alles! </p>
        </article>
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">K</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Kelly Watillon</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2024-05-15">
                            15/05/2024                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> We hebben van deze dag kunnen genieten dankzij de mevrouw van de kajakbar! Zonder het te weten hadden we niet gereserveerd. Ze vond een last-minute oplossing! Top, nogmaals bedankt! Bedankt aan haar en ook aan de chauffeurs die ons terugbrachten. </p>
        </article>
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">A</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Arthur Pinter</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2024-04-05">
                            05/04/2024                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> Uitstekende kajakverhuur op de Semois. Verschillende parcours mogelijk voor korte of lange afstand naar wens. Het personeel is zeer vriendelijk en adviseert je perfect! </p>
        </article>
                <article class="review-card">
            <div class="review-header">
                <div class="review-author">
                    <div class="author-avatar">L</div>
                    <div class="author-info">
                        <div class="author-name">
                            <span>Laurie Rainbow</span>
                                                        <span class="verified-badge" title="Geverifieerde beoordeling">✓</span>
                                                    </div>
                        <time class="review-date" datetime="2024-04-01">
                            01/04/2024                        </time>
                    </div>
                </div>
                <div class="review-rating">
                    <div class="stars-small">
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star filled">
                                ★ </span>
                        <span class="star empty">
                                ☆ </span>
                                            </div>
                </div>
            </div>
            <p class="review-text"> Prachtige afvaart in kano (17km), de service is erg goed, we wachten weinig zelfs bij aankomst dankzij de chauffeur en zijn vrouw die graag onze vragen en oproepen beantwoorden. Bovendien is het cafeetje met terras erg aangenaam. De nacht op de camping was perfect. </p>
        </article>
            </div></section>
</section>

<footer class="site-footer" role="contentinfo">
<section class="section" style="background-color: #2c3e50; color: white; padding: 40px 0;">
<div class="container" style="background-color: #2c3e50; color: white; padding: 40px 0;">
<div class="row">
<div class="col">
<div style="color: #eeb531; border-bottom: 2px solid #eeb531; padding-bottom: 10px; display: inline-block;">ONZE LOCATIE</div>
<address style="font-style: normal; margin-top: 20px;">
<p>
<i class="fas fa-map-marker-alt" style="margin-right: 10px;" aria-hidden="true"></i>
Adres : 5550 Vresse-sur-Semois, België</span>
</p><p>
<i class="fas fa-envelope" style="margin-right: 10px;" aria-hidden="true"></i>
E-mail :
<a href="mailto:admin@kayaksemois-ardenne.be" style="color: white;">admin@kayaksemois-ardenne.be</a>
</p>
</address>
<p><strong>Kajak :</strong> 9u - 22u (april tot oktober)</p>
<p>Camping : 24/7 geopend</p>
<a href="