Move portfolio case studies to data-driven template system and archive old individual files

_portfolio/lhbeng/index.php

@@ -0,0 +1,85 @@
+<?php
+$cs_slug = 'lhbeng';
+require __DIR__ . '/../../includes/cs_header.php';
+?>
+
+<main>
+
+	<section class="cs-overview">
+		<div class="cs-overview-label">
+			<span class="section-label">Project Overview</span>
+		</div>
+		<div class="cs-overview-body">
+			<p class="cs-overview-text">
+				Full website redesign with a simple content manager — so the team can update their portfolio, staff profiles, and job listings without needing a developer every time. Clean, modern layout that reflects the scale and quality of their structural engineering work.
+			</p>
+		</div>
+	</section>
+
+	<div class="category-divider">
+		<h2>Screenshots</h2>
+	</div>
+
+	<section class="screenshots-section">
+
+		<div class="screenshot-hero">
+			<div class="browser-frame">
+				<div class="browser-bar">
+					<div class="browser-dots">
+						<span class="browser-dot browser-dot--red"></span>
+						<span class="browser-dot browser-dot--beige"></span>
+						<span class="browser-dot browser-dot--green"></span>
+					</div>
+					<span class="browser-url"><?php echo htmlspecialchars($p['domain']); ?></span>
+				</div>
+				<div class="browser-scroll-wrap">
+					<div class="browser-scroll">
+						<img src="/img/lhbeng/hero.jpg" alt="LHB Engineering — Homepage">
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div class="screenshots-label">
+			<span class="section-label">Website CMS</span>
+		</div>
+
+		<div class="screenshot-grid">
+
+			<div>
+				<span class="screenshot-card-label">Content Manager</span>
+				<p class="screenshot-card-desc">A full-featured CMS lets the team manage portfolio items, team profiles, and job listings without touching code. Day-to-day updates handled entirely in-house.</p>
+				<div class="browser-frame">
+					<div class="browser-bar">
+						<div class="browser-dots">
+							<span class="browser-dot browser-dot--red"></span>
+							<span class="browser-dot browser-dot--beige"></span>
+							<span class="browser-dot browser-dot--green"></span>
+						</div>
+						<span class="browser-url"><?php echo htmlspecialchars($p['domain']); ?>/admin</span>
+					</div>
+					<img src="/img/lhbeng/admin.jpg" alt="LHB Engineering — CMS admin panel">
+				</div>
+			</div>
+
+		</div>
+	</section>
+
+	<div class="category-divider">
+		<h2>Execution</h2>
+	</div>
+
+	<section class="cs-overview">
+		<div class="cs-overview-label">
+			<span class="section-label">Craft &amp; Execution</span>
+		</div>
+		<div class="cs-overview-body">
+			<p class="cs-overview-text">
+				Built a full redesign for LHB Engineering, replacing their outdated site with a clean, modern layout that better reflects the scale and quality of their work. The new site is fast, fully responsive, and structured so visitors can quickly find services, past projects, and contact details. Alongside the redesign, a custom PHP/MySQL CMS gives the team full control over content — no developer needed for day-to-day updates.
+			</p>
+		</div>
+	</section>
+
+</main>
+
+<?php require __DIR__ . '/../../includes/cs_footer.php'; ?>