cai-exos-systems/daveadmin-exos-new:about.php
about.php
```text
<?php
/**
* Exos Systems - About Us (fully DB-driven)
*/
require_once __DIR__ . '/config/config.php';
enforcePublicModuleVisible('page_about', [
'current_page' => 'about',
'page_title' => 'About unavailable | Exos Systems',
'page_description' => 'The about page is not currently public.',
]);
$page = getPage('about');
$currentPage = 'about';
$pageTitle = $page['meta_title'] ?? 'About Us | Exos Systems';
$pageDescription = $page['meta_description'] ?? 'Learn about Exos Systems, our mission, leadership team, and global presence in BSS delivery and telecom consulting.';
// Fetch all about sections from DB
$sections = getSections('about');
$spotlightSection = !empty($sections) ? $sections[0] : null;
$remainingSections = count($sections) > 1 ? array_slice($sections, 1) : [];
$team = getTeamMembers();
$companyLinkedinUrl = getCompanyLinkedinUrl();
$certs = getCertifications();
$stats = getStats();
require_once EXOS_INCLUDES_PATH . '/header.php';
?>
<!-- Page Hero -->
<section class="page-hero">
<div class="container" data-animate="fade-up">
<div class="page-hero__breadcrumb">
<a href="index.php">Home</a>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="12" height="12"><polyline points="9 18 15 12 9 6"/></svg>
<span>About</span>
</div>
<h1 class="page-hero__title"><?= sanitize($page['title'] ?? 'About Exos Systems') ?></h1>
<p class="page-hero__subtitle"><?= sanitize($page['subtitle'] ?? 'The digital bridge connecting Communication Service Providers and their customers through innovative BSS solutions and expert consulting.') ?></p>
</div>
</section>
<!-- Company Story Spotlight -->
<section class="section section--alt">
<div class="container">
<div class="spotlight">
<div class="spotlight__content" data-animate="fade-right">
<div class="spotlight__badge">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="12" height="12"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
<?= $spotlightSection ? sanitize($spotlightSection['subtitle'] ?? 'Our Story') : 'Our Story' ?>
</div>
<h2 class="spotlight__title"><?= $spotlightSection ? sanitize($spotlightSection['title']) : 'Bridging Legacy and What\'s Next' ?></h2>
<?php if ($spotlightSection && !empty($spotlightSection['content'])): ?>
<div class="spotlight__desc"><?= $spotlightSection['content'] ?></div>
<?php else: ?>
<p class="spotlight__desc"><?= sanitize($page['subtitle'] ?? 'Exos Systems delivers specialist BSS and telecom transformation services to communications service providers. Our teams bring deep delivery experience, TM Forum-aligned thinking, and a practical focus on programmes that need to make real progress — not just plans.') ?></p>
<?php endif; ?>
<a href="contact.php" class="btn btn--primary">
Work With Us
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
</div>
<div class="spotlight__visual" data-animate="fade-left">
<img src="assets/images/pages/about-office.jpg" alt="Exos Systems — Expert delivery team in session" class="spotlight__image" loading="lazy">
</div>
</div>
</div>
</section>
<?php if (!empty($page['content'])): ?>
<section class="section">
<div class="container" data-animate="fade-up">
<div class="cms-content"><?= $page['content'] ?></div>
</div>
</section>
<?php endif; ?>
<!-- DB-Driven Content Sections -->
<?php foreach ($remainingSections as $i => $section):
$sectionClass = ($i % 2 === 0) ? '' : ' section--alt';
?>
<section class="section<?= $sectionClass ?>" id="section-<?= sanitize($section['section_key']) ?>">
<div class="container">
<div class="section__header" data-animate="fade-up">
<?php if (!empty($section['subtitle'])): ?>
<div class="section__label"><?= sanitize($section['subtitle']) ?></div>
<?php endif; ?>
<h2 class="section__title"><?= sanitize($section['title']) ?></h2>
</div>
<div class="cms-content" data-animate="fade-up">
<?= $section['content'] ?>
</div>
</div>
</section>
<?php endforeach; ?>
<!-- Leadership Team -->
<?php if ($team): ?>
<section class="section section--alt">
<div class="container">
<div class="section__header section__header--center" data-animate="fade-up">
<div class="section__label">Our People</div>
<h2 class="section__title">Leadership Team</h2>
<p class="section__subtitle">Meet the experienced professionals driving innovation and delivery excellence at Exos Systems.</p>
<div class="section-actions" style="margin-top: 1.25rem;">
<a href="people.php" class="btn btn--primary">View All Profiles</a>
<a href="<?= sanitize($companyLinkedinUrl) ?>" class="btn btn--outline" target="_blank" rel="noopener noreferrer">Exos on LinkedIn</a>
</div>
</div>
about.php stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> <span class="cert-badge__text"><?= sanitize($cert['name']) ?></span> </div> <?php endforeach; ?> </div> </div> </section> <?php endif; ?> <!-- Stats Bar --> <?php if ($stats): ?> <section class="stats-bar" data-animate="fade-up"> <div class="stats-bar__grid"> <?php foreach ($stats as $stat): ?> <div class="stats-bar__item"> <div class="stats-bar__icon"><?= getServiceIcon($stat['icon'] ?? 'zap') ?></div> <div class="stats-bar__value"> <span data-counter="<?= sanitize($stat['value']) ?>"><?= sanitize($stat['value']) ?></span><?= sanitize($stat['suffix']) ?> </div> <div class="stats-bar__label"><?= sanitize($stat['label']) ?></div> </div> <?php endforeach; ?> </div> </section> <?php endif; ?> <section class="section cta-section"> <div class="container" data-animate="fade-up"> <h2 class="cta-section__title">Ready to Work with a Specialist Delivery Partner?</h2> <p class="cta-section__desc">Whether you need BSS delivery expertise, integration architecture, or a managed delivery team, we shape the right engagement for where your programme is today.</p> <a href="contact.php" class="btn btn--primary btn--lg"> Get in Touch <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> </a> </div> </section> <?php require_once EXOS_INCLUDES_PATH . '/footer.php'; ?> ```
about.php stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> <span class="cert-badge__text"><?= sanitize($cert['name']) ?></span> </div> <?php endforeach; ?> </div> </div> </section> <?php endif; ?> <!-- Stats Bar --> <?php if ($stats): ?> <section class="stats-bar" data-animate="fade-up"> <div class="stats-bar__grid"> <?php foreach ($stats as $stat): ?> <div class="stats-bar__item"> <div class="stats-bar__icon"><?= getServiceIcon($stat['icon'] ?? 'zap') ?></div> <div class="stats-bar__value"> <span data-counter="<?= sanitize($stat['value']) ?>"><?= sanitize($stat['value']) ?></span><?= sanitize($stat['suffix']) ?> </div> <div class="stats-bar__label"><?= sanitize($stat['label']) ?></div> </div> <?php endforeach; ?> </div> </section> <?php endif; ?> <section class="section cta-section"> <div class="container" data-animate="fade-up"> <h2 class="cta-section__title">Ready to Work with a Specialist Delivery Partner?</h2> <p class="cta-section__desc">Whether you need BSS delivery expertise, integration architecture, or a managed delivery team, we shape the right engagement for where your programme is today.</p> <a href="contact.php" class="btn btn--primary btn--lg"> Get in Touch <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> </a> </div> </section> <?php require_once EXOS_INCLUDES_PATH . '/footer.php'; ?> ```