257 lines
14 KiB
PHP
257 lines
14 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
|
|
require_once __DIR__ . '/includes/app.php';
|
|
|
|
$pageTitle = 'Integrated Nature-Based Experience Ecosystem';
|
|
$pageDescription = 'Institutional gateway for eco wellness, experiential tourism, hospitality collaboration, and strategic partnership.';
|
|
$activePage = 'home';
|
|
|
|
$services = service_catalog();
|
|
$portfolioItems = portfolio_catalog();
|
|
$publications = publication_catalog();
|
|
$partners = partnership_categories();
|
|
$values = governance_values();
|
|
|
|
$ecosystemModules = [
|
|
['title' => 'Eco wellness', 'summary' => 'Preventive programs with calm pacing, guided facilitation, and premium care.'],
|
|
['title' => 'Retreat experiences', 'summary' => 'Immersive multi-day journeys built around clarity, reflection, and quiet hospitality.'],
|
|
['title' => 'Hospitality collaboration', 'summary' => 'Package overlays for properties and destination operators seeking premium experience value.'],
|
|
['title' => 'Transportation & logistics', 'summary' => 'Guest movement, timing, contingency, and arrival sequencing that reduce operational friction.'],
|
|
['title' => 'Vendor & venue ecosystem', 'summary' => 'Curated supporting partners for staging, equipment, venues, and specialist services.'],
|
|
['title' => 'Event & MICE', 'summary' => 'Institutional-grade events that still feel experiential, calm, and human-centered.'],
|
|
['title' => 'Partnership collaboration', 'summary' => 'Strategic lanes for medical, hospitality, logistics, and ecosystem partners.'],
|
|
['title' => 'Publications & governance', 'summary' => 'Editorial authority, reporting discipline, and trust-building operational narratives.'],
|
|
];
|
|
|
|
require __DIR__ . '/includes/header.php';
|
|
?>
|
|
<section class="page-section pt-4 pt-lg-5">
|
|
<div class="container">
|
|
<div class="hero-shell">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-7">
|
|
<span class="eyebrow">Institutional experience gateway</span>
|
|
<h1 class="display-title">Integrated Nature-Based Experience Ecosystem</h1>
|
|
<p class="lead-copy mb-4">Eco wellness, experiential tourism, hospitality collaboration, and strategic ecosystem partnership—structured in a premium, operationally credible format.</p>
|
|
<div class="d-flex flex-wrap gap-2 inline-actions">
|
|
<a class="btn btn-brand" href="partnership.php">Jalin Kemitraan Strategis</a>
|
|
<a class="btn btn-outline-brand" href="services.php">Explore Services</a>
|
|
</div>
|
|
<div class="metric-strip mt-4">
|
|
<div class="metric-card">
|
|
<span class="metric-value">6 curated programs</span>
|
|
<span class="metric-label">Wellness, retreat, corporate, hospitality, MICE, and custom experiences.</span>
|
|
</div>
|
|
<div class="metric-card">
|
|
<span class="metric-value">9 partner lanes</span>
|
|
<span class="metric-label">From medical and F&B collaboration to venue, vendor, and facilities support.</span>
|
|
</div>
|
|
<div class="metric-card">
|
|
<span class="metric-value">1 integrated desk</span>
|
|
<span class="metric-label">A thin-slice inquiry flow that turns interest into a review-ready brief.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<div class="surface-card hero-panel h-100">
|
|
<p class="panel-label">Operational lens</p>
|
|
<div class="stack-list">
|
|
<div class="stack-item">
|
|
<span>Curated services</span>
|
|
<small>Program architecture with premium restraint and clear delivery assumptions.</small>
|
|
</div>
|
|
<div class="stack-item">
|
|
<span>Partner ecosystem</span>
|
|
<small>Healthcare, hospitality, logistics, vendor, venue, and talent collaboration lanes.</small>
|
|
</div>
|
|
<div class="stack-item">
|
|
<span>Governance foundation</span>
|
|
<small>Editorial trust, qualification, and documented operations.</small>
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<p class="meta-inline mb-2">First delivery focus</p>
|
|
<a class="button-link" href="partnership.php">Open the strategic inquiry desk</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<div class="section-head">
|
|
<span class="section-kicker">Ecosystem overview</span>
|
|
<h2 class="section-title">An editorial, trust-first way to present a complex operating ecosystem.</h2>
|
|
<p class="section-copy">The first release turns the masterplan into a professional front-of-house shell: clear structure, premium pacing, and an immediate path to a qualified inquiry.</p>
|
|
</div>
|
|
<div class="capability-grid">
|
|
<?php foreach ($ecosystemModules as $module): ?>
|
|
<article class="surface-card">
|
|
<span class="signal-chip signal-chip--primary mb-3">Capability</span>
|
|
<h3 class="card-title"><?= h($module['title']) ?></h3>
|
|
<p class="card-copy mb-0"><?= h($module['summary']) ?></p>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<div class="d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-end section-head mb-4">
|
|
<div>
|
|
<span class="section-kicker">Package programs</span>
|
|
<h2 class="section-title">Curated programs that feel premium, specific, and consultation-ready.</h2>
|
|
<p class="section-copy">Each package links directly into the inquiry workflow, so a visitor can browse, shortlist, and send a structured brief in one flow.</p>
|
|
</div>
|
|
<a class="button-link" href="services.php">View all service packages</a>
|
|
</div>
|
|
<div class="preview-grid">
|
|
<?php foreach ($services as $service): ?>
|
|
<article class="surface-card service-card">
|
|
<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>
|
|
<h3 class="card-title"><?= h($service['category']) ?></h3>
|
|
<p class="card-copy mb-2"><?= h($service['summary']) ?></p>
|
|
<p class="meta-inline mb-0"><strong>Best for:</strong> <?= h($service['audience']) ?></p>
|
|
</div>
|
|
<ul class="service-points">
|
|
<?php foreach (array_slice($service['includes'], 0, 3) as $point): ?>
|
|
<li><?= h($point) ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<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']])) ?>">Package 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">
|
|
<div class="container">
|
|
<div class="d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-end section-head mb-4">
|
|
<div>
|
|
<span class="section-kicker">Portfolio showcase</span>
|
|
<h2 class="section-title">A portfolio layer that demonstrates delivery capability—not just visual mood.</h2>
|
|
<p class="section-copy">The content is structured like an institutional case reel: concise, premium, and tied to operational signals.</p>
|
|
</div>
|
|
<a class="button-link" href="portfolio.php">Explore portfolio</a>
|
|
</div>
|
|
<div class="preview-grid">
|
|
<?php foreach ($portfolioItems as $item): ?>
|
|
<article class="surface-card service-card">
|
|
<span class="signal-chip signal-chip--gold mb-2"><?= h($item['category']) ?></span>
|
|
<div>
|
|
<h3 class="card-title"><?= h($item['title']) ?></h3>
|
|
<p class="card-copy mb-2"><?= h($item['summary']) ?></p>
|
|
<p class="meta-inline mb-0"><?= h($item['metric']) ?></p>
|
|
</div>
|
|
<p class="card-copy mb-0"><?= h($item['detail']) ?></p>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<div class="section-head">
|
|
<span class="section-kicker">Open partnership</span>
|
|
<h2 class="section-title">Strategic lanes for ecosystem growth.</h2>
|
|
<p class="section-copy">The first MVP centers on partnership discovery because it creates immediate business value: a clear path from browsing to qualified conversation.</p>
|
|
</div>
|
|
<div class="partner-grid">
|
|
<?php foreach ($partners as $partner): ?>
|
|
<article class="surface-card service-card">
|
|
<h3 class="card-title"><?= h($partner['title']) ?></h3>
|
|
<p class="card-copy mb-0"><?= h($partner['summary']) ?></p>
|
|
<div class="mt-auto">
|
|
<a class="button-link" href="<?= h(page_url('partnership.php', ['interest' => $partner['title'], 'route' => 'Strategic Partnership'])) ?>">Become ecosystem partner</a>
|
|
</div>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<div class="d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-end section-head mb-4">
|
|
<div>
|
|
<span class="section-kicker">Publications</span>
|
|
<h2 class="section-title">Editorial authority that supports institutional trust.</h2>
|
|
<p class="section-copy">A lightweight publication layer allows GBP to document insight, signal capability, and keep the ecosystem narrative alive.</p>
|
|
</div>
|
|
<a class="button-link" href="publications.php">Explore publications</a>
|
|
</div>
|
|
<div class="preview-grid">
|
|
<?php foreach ($publications as $publication): ?>
|
|
<article class="surface-card service-card">
|
|
<div class="d-flex flex-wrap gap-2 justify-content-between align-items-start">
|
|
<span class="signal-chip"><?= h($publication['category']) ?></span>
|
|
<span class="meta-inline"><?= h(format_date_label($publication['date'])) ?></span>
|
|
</div>
|
|
<div>
|
|
<h3 class="card-title"><?= h($publication['title']) ?></h3>
|
|
<p class="card-copy mb-0"><?= h($publication['summary']) ?></p>
|
|
</div>
|
|
<div class="mt-auto">
|
|
<a class="button-link" href="<?= h(page_url('publication.php', ['slug' => $publication['slug']])) ?>">Read publication</a>
|
|
</div>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<div class="dark-block">
|
|
<div class="section-head mb-4">
|
|
<span class="section-kicker text-white">Governance & values</span>
|
|
<h2 class="section-title text-white">Excellence, shared value, and sustainable equilibrium.</h2>
|
|
<p class="section-copy text-white opacity-75">A dark premium block gives governance the weight it deserves, so the brand feels serious, stable, and ethically grounded.</p>
|
|
</div>
|
|
<div class="dark-grid">
|
|
<?php foreach ($values as $value): ?>
|
|
<article class="surface-card surface-card--dark">
|
|
<span class="signal-chip signal-chip--gold mb-3">Value</span>
|
|
<h3 class="card-title"><?= h($value['title']) ?></h3>
|
|
<p class="card-copy mb-0"><?= h($value['summary']) ?></p>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section pt-0">
|
|
<div class="container">
|
|
<div class="hero-shell">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-8">
|
|
<span class="section-kicker">Contact CTA</span>
|
|
<h2 class="section-title">Schedule a strategic discussion.</h2>
|
|
<p class="section-copy mb-0">Use the inquiry desk to define the package, partner route, scale, and target timing. The submission is then visible in the preview desk for follow-up review.</p>
|
|
</div>
|
|
<div class="col-lg-4 text-lg-end">
|
|
<div class="d-grid gap-2">
|
|
<a class="btn btn-brand" href="partnership.php">Open Partnership Inquiry</a>
|
|
<a class="btn btn-outline-brand" href="contact.php">Contact guidance</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<?php require __DIR__ . '/includes/footer.php'; ?>
|