<?php
defined('BASEPATH') OR exit('No direct script access allowed');
/** SERVICES LISTING — Expects: $services. */
?>
<section class="page-hero">
	<div class="container">
		<div class="page-hero-inner" data-reveal>
			<div class="breadcrumb"><a href="<?= base_url() ?>">Home</a> / <span>Services</span></div>
			<span class="eyebrow">What We Do</span>
			<h1>Creative services, <span class="serif-italic text-iris">end to end</span></h1>
			<p>Everything your brand needs to create unforgettable work — under one creative roof.</p>
		</div>
	</div>
</section>

<section class="section">
	<div class="container">
		<?php if ($services): ?>
			<div class="card-grid cols-2" style="gap:28px;">
				<?php foreach ($services as $i => $svc): ?>
					<a href="<?= base_url('services/view/'.$svc['slug']) ?>" class="service-card" data-reveal data-delay="<?= ($i % 2) + 1 ?>" style="display:flex;gap:24px;align-items:flex-start;">
						<div class="service-ico" style="flex-shrink:0;"><?= bloom_icon($svc['icon'] ?: 'sparkle', 28) ?></div>
						<div>
							<h3><?= html_escape($svc['title']) ?></h3>
							<p><?= html_escape(excerpt($svc['summary'], 22)) ?></p>
							<span class="link-arrow">Explore service <?= bloom_icon('arrow', 18) ?></span>
						</div>
					</a>
				<?php endforeach; ?>
			</div>
		<?php else: ?>
			<?= empty_state('Services will appear here soon.') ?>
		<?php endif; ?>
	</div>
</section>
