140 lines
4.9 KiB
PHP
140 lines
4.9 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
|
|
require_once __DIR__ . '/includes/site.php';
|
|
|
|
$slug = isset($_GET['slug']) ? trim((string) $_GET['slug']) : '';
|
|
$study = case_study_by_slug($slug);
|
|
|
|
if (!$study) {
|
|
http_response_code(404);
|
|
$pageTitle = 'Case study not found';
|
|
$pageDescription = 'The requested case study could not be found.';
|
|
$activeNav = 'work';
|
|
require __DIR__ . '/partials/header.php';
|
|
?>
|
|
<main>
|
|
<section class="section-shell">
|
|
<div class="container">
|
|
<div class="empty-state empty-state--page">
|
|
<h1>Case study not found</h1>
|
|
<p>The selected case study is unavailable. You can return to the work overview and choose another representative engagement.</p>
|
|
<a class="btn btn-primary" href="/work.php">Back to work</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<?php
|
|
require __DIR__ . '/partials/footer.php';
|
|
exit;
|
|
}
|
|
|
|
$pageTitle = $study['title'];
|
|
$pageDescription = $study['summary'];
|
|
$activeNav = 'work';
|
|
|
|
require __DIR__ . '/partials/header.php';
|
|
?>
|
|
<main>
|
|
<section class="section-shell border-bottom page-hero">
|
|
<div class="container">
|
|
<a class="crumb-link" href="/work.php">← Back to case studies</a>
|
|
<div class="row g-4 align-items-end mt-2">
|
|
<div class="col-lg-8">
|
|
<span class="eyebrow"><?= htmlspecialchars($study['sector']) ?></span>
|
|
<h1 class="section-title"><?= htmlspecialchars($study['title']) ?></h1>
|
|
<p class="section-copy mb-0"><?= htmlspecialchars($study['summary']) ?></p>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="surface-panel compact-panel h-100">
|
|
<div class="content-row mb-0">
|
|
<h3>Client profile</h3>
|
|
<p><?= htmlspecialchars($study['client']) ?> · <?= htmlspecialchars($study['engagement']) ?></p>
|
|
</div>
|
|
<div class="content-row mb-0">
|
|
<h3>Timeline</h3>
|
|
<p><?= htmlspecialchars($study['timeline']) ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-3 mt-3">
|
|
<?php foreach ($study['results'] as $result): ?>
|
|
<div class="col-md-4">
|
|
<div class="metric-card h-100">
|
|
<strong><?= htmlspecialchars($result['value']) ?></strong>
|
|
<span><?= htmlspecialchars($result['label']) ?></span>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-shell border-bottom">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-lg-6">
|
|
<div class="surface-panel h-100">
|
|
<div class="panel-label">Challenge</div>
|
|
<div class="detail-list">
|
|
<?php foreach ($study['challenge'] as $item): ?>
|
|
<div class="detail-list-item">
|
|
<h2><?= htmlspecialchars($study['client']) ?> needed a lower-risk path forward</h2>
|
|
<p><?= htmlspecialchars($item) ?></p>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="surface-panel h-100">
|
|
<div class="panel-label">Approach</div>
|
|
<div class="detail-list">
|
|
<?php foreach ($study['solution'] as $item): ?>
|
|
<div class="detail-list-item">
|
|
<h2>What we changed</h2>
|
|
<p><?= htmlspecialchars($item) ?></p>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-shell border-bottom">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-lg-7">
|
|
<div class="surface-panel h-100">
|
|
<div class="panel-label">Capabilities used</div>
|
|
<div class="result-pills result-pills--large">
|
|
<?php foreach ($study['capabilities'] as $capability): ?>
|
|
<span><?= htmlspecialchars($capability) ?></span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<div class="quote-panel mt-4">
|
|
<p>“<?= htmlspecialchars($study['quote']) ?>”</p>
|
|
<span><?= htmlspecialchars($study['quote_by']) ?></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<div class="surface-panel h-100">
|
|
<div class="panel-label">Technology focus</div>
|
|
<ul class="list-unstyled service-points mb-4">
|
|
<?php foreach ($study['technology'] as $technology): ?>
|
|
<li><?= htmlspecialchars($technology) ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<a class="btn btn-primary w-100" href="/contact.php">Discuss a similar project</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<?php require __DIR__ . '/partials/footer.php'; ?>
|