92 lines
4.6 KiB
PHP
92 lines
4.6 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
|
|
require_once __DIR__ . '/includes/app.php';
|
|
|
|
$pageTitle = 'Services';
|
|
$pageDescription = 'Curated package programs for eco wellness, retreat, hospitality, corporate, and event collaboration.';
|
|
$activePage = 'services';
|
|
$services = service_catalog();
|
|
|
|
$deliveryNotes = [
|
|
['title' => 'Scope the brief', 'summary' => 'Clarify audience, outcome, timing, location, and experience tone.'],
|
|
['title' => 'Match the ecosystem', 'summary' => 'Combine the right hospitality, logistics, wellness, and partner modules.'],
|
|
['title' => 'Prepare delivery', 'summary' => 'Translate the chosen package into a calm, review-ready operational plan.'],
|
|
];
|
|
|
|
require __DIR__ . '/includes/header.php';
|
|
?>
|
|
<section class="page-section pt-4 pt-lg-5">
|
|
<div class="container">
|
|
<div class="hero-shell page-intro">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-8">
|
|
<span class="section-kicker">Curated packages</span>
|
|
<h1 class="page-title">A service catalog built for premium inquiry, not generic tourism browsing.</h1>
|
|
<p class="lead-copy mb-0">Each program card is concise, credible, and directly linked to the strategic inquiry desk so visitors can move from exploration to a brief without friction.</p>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="surface-card hero-panel h-100">
|
|
<span class="signal-chip signal-chip--primary mb-2">Filters</span>
|
|
<p class="card-copy mb-0">Use the compact filters below to review immersive, corporate, or operational tracks.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="filter-bar" aria-label="Service filters">
|
|
<button type="button" class="btn btn-subtle active" data-service-filter="all">All</button>
|
|
<button type="button" class="btn btn-subtle" data-service-filter="immersive">Immersive</button>
|
|
<button type="button" class="btn btn-subtle" data-service-filter="corporate">Corporate</button>
|
|
<button type="button" class="btn btn-subtle" data-service-filter="operational">Operational</button>
|
|
</div>
|
|
|
|
<div class="preview-grid">
|
|
<?php foreach ($services as $service): ?>
|
|
<article class="surface-card service-card" data-service-track="<?= h($service['track']) ?>">
|
|
<div class="d-flex flex-wrap gap-2 justify-content-between align-items-start">
|
|
<span class="signal-chip signal-chip--accent"><?= h($service['track']) ?></span>
|
|
<span class="meta-inline"><?= h($service['duration']) ?></span>
|
|
</div>
|
|
<div>
|
|
<h2 class="card-title"><?= h($service['category']) ?></h2>
|
|
<p class="card-copy mb-2"><?= h($service['headline']) ?></p>
|
|
<p class="meta-inline mb-0"><strong>Audience:</strong> <?= h($service['audience']) ?></p>
|
|
</div>
|
|
<ul class="service-points">
|
|
<?php foreach ($service['includes'] as $point): ?>
|
|
<li><?= h($point) ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<div class="meta-stack">
|
|
<span class="meta-label">Program outcome</span>
|
|
<p class="card-copy mb-0"><?= h($service['outcome']) ?></p>
|
|
</div>
|
|
<div class="d-flex flex-wrap gap-2 mt-auto inline-actions">
|
|
<a class="btn btn-outline-brand btn-sm" href="<?= h(page_url('service.php', ['slug' => $service['slug']])) ?>">View detail</a>
|
|
<a class="btn btn-brand btn-sm" href="<?= h(page_url('partnership.php', ['interest' => $service['category'], 'route' => 'Package Customization'])) ?>">Customize Experience</a>
|
|
</div>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section pt-0">
|
|
<div class="container">
|
|
<div class="section-head">
|
|
<span class="section-kicker">How delivery is structured</span>
|
|
<h2 class="section-title">A small operational model that makes the service catalog feel real.</h2>
|
|
</div>
|
|
<div class="timeline-grid">
|
|
<?php foreach ($deliveryNotes as $note): ?>
|
|
<article class="surface-card">
|
|
<h3 class="card-title"><?= h($note['title']) ?></h3>
|
|
<p class="card-copy mb-0"><?= h($note['summary']) ?></p>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<?php require __DIR__ . '/includes/footer.php'; ?>
|