cai-exos-systems/daveadmin-exos-new:flagship.php
flagship.php
```text
<?php
/**
* Exos Systems - Flagship Offerings
*/
require_once __DIR__ . '/config/config.php';
enforcePublicModuleVisible('page_flagship', [
'current_page' => 'flagship',
'page_title' => 'Flagship unavailable | Exos Systems',
'page_description' => 'The flagship page is not currently public.',
]);
$page = getPage('flagship');
$currentPage = 'flagship';
$pageTitle = $page['meta_title'] ?? 'Flagship Offerings | Exos Systems';
$pageDescription = $page['meta_description'] ?? 'Explore flagship Exos products and services — the platform, delivery, and consulting capabilities we lead with.';
$pageSeoExtra = [
'og_title' => $page['og_title'] ?? $pageTitle,
'og_description' => $page['og_description'] ?? $pageDescription,
'og_image' => $page['og_image'] ?? 'assets/images/pages/flagship-hero.jpg',
'twitter_card' => $page['twitter_card'] ?? 'summary_large_image',
'canonical_url' => $page['canonical_url'] ?? SITE_URL . '/flagship.php',
'meta_title' => $pageTitle,
'meta_description' => $pageDescription,
];
$flagshipItems = getFlagshipItems();
$partners = getPartners();
$certs = getCertifications();
$pageJsonLd = getJsonLd('BreadcrumbList', [
'items' => [
['label' => 'Home', 'url' => 'index.php'],
['label' => 'Flagship', 'url' => 'flagship.php'],
],
]);
$pageStyles = '
/* Flagship Page Styles */
.flagship-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: center;
}
.flagship-intro__content {
max-width: 520px;
}
.flagship-intro__lead {
font-size: 1.1rem;
color: var(--text-secondary);
line-height: 1.7;
margin-bottom: 1.5rem;
}
.flagship-intro__points {
list-style: none;
padding: 0;
margin: 0 0 2rem 0;
}
.flagship-intro__points li {
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 0.6rem 0;
font-size: 0.92rem;
color: var(--text-secondary);
line-height: 1.5;
}
.flagship-intro__points li svg {
flex-shrink: 0;
margin-top: 3px;
}
.flagship-intro__image {
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid var(--border);
}
.flagship-intro__image img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.85) saturate(0.9);
}
.flagship-differentiators {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-top: 2.5rem;
}
.flagship-diff {
text-align: center;
padding: 1.5rem 1.25rem;
border-radius: var(--radius);
border: 1px solid var(--border);
background: var(--bg-card);
}
.flagship-diff__icon {
width: 44px;
height: 44px;
border-radius: var(--radius);
display: flex;
align-items: center;
justify-content: center;
color: var(--cyan);
border: 1px solid rgba(0, 200, 255, 0.2);
background: rgba(0, 200, 255, 0.04);
margin: 0 auto 0.75rem;
}
.flagship-diff__icon svg { width: 20px; height: 20px; }
.flagship-diff__title {
font-family: var(--font-display);
font-size: 0.95rem;
font-weight: 700;
color: var(--text-bright);
margin-bottom: 0.35rem;
}
.flagship-diff__desc {
font-size: 0.82rem;
color: var(--text-secondary);
line-height: 1.5;
}
@media (max-width: 768px) {
.flagship-intro { grid-template-columns: 1fr; }
.flagship-intro__image { max-height: 280px; }
.flagship-differentiators { grid-template-columns: 1fr; }
}
';
require_once EXOS_INCLUDES_PATH . '/header.php';
?>
<section class="page-hero">
<div class="container" data-animate="fade-up">
<?= buildBreadcrumb([['label' => 'Flagship']]) ?>
<div class="section__label" style="margin-bottom: 0.75rem;">Flagship Portfolio</div>
<h1 class="page-hero__title"><?= sanitize($page['title'] ?? 'The Capabilities We Lead With') ?></h1>
<p class="page-hero__subtitle"><?= sanitize($page['subtitle'] ?? 'Platform technology, programme delivery, and telecom software engineering — the three pillars of the Exos proposition.') ?></p>
</div>
</section>
<!-- Intro Section -->
<section class="section">
<div class="container">
<div class="flagship-intro" data-animate="fade-up">
<div class="flagship-intro__content">
<p class="flagship-intro__lead">Exos flagship offerings represent where we deliver the most value and have the deepest expertise. Each has been shaped by real delivery experience across CSP environments, billing platforms, and large-scale BSS programmes.</p>
<ul class="flagship-intro__points">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="var(--cyan)" stroke-width="2" width="16" height="16"><polyline points="20 6 9 17 4 12"/></svg>
<span><strong>Exosphere</strong> — AI-native control plane with TM Forum Open APIs</span>
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="var(--cyan)" stroke-width="2" width="16" height="16"><polyline points="20 6 9 17 4 12"/></svg>
<span><strong>B/OSS Delivery</strong> — Programme-led BSS transformation from planning through launch</span>
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="var(--cyan)" stroke-width="2" width="16" height="16"><polyline points="20 6 9 17 4 12"/></svg>
<span><strong>Software Development</strong> — Modern telecom engineering across APIs, platforms, and integrations</span>
</li>
</ul>
<a href="contact.php?action=consultation" class="btn btn--primary">
Discuss Your Requirements
<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="flagship-intro__image">
<img src="assets/images/pages/flagship-hero.jpg" alt="Exos Systems — Flagship Technology Offerings" loading="lazy">
</div>
</div>
</div>
</section>
flagship.php <svg viewBox="0 0 24 24" fill="none" stroke="var(--cyan)" stroke-width="2" width="16" height="16"><polyline points="20 6 9 17 4 12"/></svg> <span><strong>Software Development</strong> — Modern telecom engineering across APIs, platforms, and integrations</span> </li> </ul> <a href="contact.php?action=consultation" class="btn btn--primary"> Discuss Your Requirements <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="flagship-intro__image"> <img src="assets/images/pages/flagship-hero.jpg" alt="Exos Systems — Flagship Technology Offerings" loading="lazy"> </div> </div> </div> </section> <!-- Flagship Cards --> <?php if ($flagshipItems): ?> <section class="section section--alt"> <div class="container"> <div class="section__header section__header--center" data-animate="fade-up"> <div class="section__label">Explore Our Flagship Capabilities</div> <h2 class="section__title">Platform. Delivery. Engineering.</h2> <p class="section__subtitle">Each offering addresses a critical layer of telecom transformation—from the AI-native platform that orchestrates operations, to the programme delivery and engineering teams that make it real.</p> </div> <div class="services-grid"> <?php foreach ($flagshipItems as $i => $item): ?> <a href="<?= sanitize($item['url']) ?>" class="service-card service-card--link" data-animate="fade-up" data-delay="<?= $i * 90 ?>"> <div class="service-card__icon"> <?= getServiceIcon($item['icon']) ?> </div> <div class="service-card__eyebrow"><?= sanitize($item['type_label']) ?></div> <h3 class="service-card__title"><?= sanitize($item['title']) ?></h3> <?php if (!empty($item['tagline'])): ?> <p class="service-card__tagline"><?= sanitize($item['tagline']) ?></p> <?php endif; ?> <p class="service-card__desc"><?= sanitize($item['description']) ?></p> <span class="service-card__cta"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="14" height="14"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> </span> </a> <?php endforeach; ?> </div> </div> </section> <?php endif; ?> <!-- Why Exos --> <section class="section"> <div class="container"> <div class="section__header section__header--center" data-animate="fade-up"> <div class="section__label">Why Exos</div> <h2 class="section__title">What Sets These Offerings Apart</h2> </div> <div class="flagship-differentiators" data-animate="fade-up"> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> </div> <div class="flagship-diff__title">Standards-First Architecture</div> <div class="flagship-diff__desc">TM Forum Open APIs and ODA Canvas alignment built into the platform, not bolted on.</div> </div> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </div> <div class="flagship-diff__title">Delivery-Proven Teams</div> <div class="flagship-diff__desc">50+ specialists across 6 countries with deep experience in BSS programmes for major CSPs.</div> </div> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg> </div> <div class="flagship-diff__title">AI-Native, Not AI-Bolted</div> <div class="flagship-diff__desc">Agentic BSS built on Microsoft Copilot Studio with governed action paths and policy enforcement.</div> </div> </div> </div> </section>
flagship.php 1 0 7.75"/></svg> </div> <div class="flagship-diff__title">Delivery-Proven Teams</div> <div class="flagship-diff__desc">50+ specialists across 6 countries with deep experience in BSS programmes for major CSPs.</div> </div> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg> </div> <div class="flagship-diff__title">AI-Native, Not AI-Bolted</div> <div class="flagship-diff__desc">Agentic BSS built on Microsoft Copilot Studio with governed action paths and policy enforcement.</div> </div> </div> </div> </section> <!-- CTA --> <section class="section cta-section"> <div class="container" data-animate="fade-up"> <h2 class="cta-section__title">Ready to See What Exos Can Deliver?</h2> <p class="cta-section__desc">Whether you need a platform demo, a delivery conversation, or a technical deep-dive, Exos is ready to engage.</p> <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;"> <a href="contact.php?action=demo" class="btn btn--primary btn--lg"> Schedule a Demo <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> <a href="contact.php?action=consultation" class="btn btn--outline btn--lg"> Book a Strategy Call </a> </div> </div> </section> <?php require_once EXOS_INCLUDES_PATH . '/footer.php'; ?> ```
flagship.php <svg viewBox="0 0 24 24" fill="none" stroke="var(--cyan)" stroke-width="2" width="16" height="16"><polyline points="20 6 9 17 4 12"/></svg> <span><strong>Software Development</strong> — Modern telecom engineering across APIs, platforms, and integrations</span> </li> </ul> <a href="contact.php?action=consultation" class="btn btn--primary"> Discuss Your Requirements <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="flagship-intro__image"> <img src="assets/images/pages/flagship-hero.jpg" alt="Exos Systems — Flagship Technology Offerings" loading="lazy"> </div> </div> </div> </section> <!-- Flagship Cards --> <?php if ($flagshipItems): ?> <section class="section section--alt"> <div class="container"> <div class="section__header section__header--center" data-animate="fade-up"> <div class="section__label">Explore Our Flagship Capabilities</div> <h2 class="section__title">Platform. Delivery. Engineering.</h2> <p class="section__subtitle">Each offering addresses a critical layer of telecom transformation—from the AI-native platform that orchestrates operations, to the programme delivery and engineering teams that make it real.</p> </div> <div class="services-grid"> <?php foreach ($flagshipItems as $i => $item): ?> <a href="<?= sanitize($item['url']) ?>" class="service-card service-card--link" data-animate="fade-up" data-delay="<?= $i * 90 ?>"> <div class="service-card__icon"> <?= getServiceIcon($item['icon']) ?> </div> <div class="service-card__eyebrow"><?= sanitize($item['type_label']) ?></div> <h3 class="service-card__title"><?= sanitize($item['title']) ?></h3> <?php if (!empty($item['tagline'])): ?> <p class="service-card__tagline"><?= sanitize($item['tagline']) ?></p> <?php endif; ?> <p class="service-card__desc"><?= sanitize($item['description']) ?></p> <span class="service-card__cta"> Learn More <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="14" height="14"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg> </span> </a> <?php endforeach; ?> </div> </div> </section> <?php endif; ?> <!-- Why Exos --> <section class="section"> <div class="container"> <div class="section__header section__header--center" data-animate="fade-up"> <div class="section__label">Why Exos</div> <h2 class="section__title">What Sets These Offerings Apart</h2> </div> <div class="flagship-differentiators" data-animate="fade-up"> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> </div> <div class="flagship-diff__title">Standards-First Architecture</div> <div class="flagship-diff__desc">TM Forum Open APIs and ODA Canvas alignment built into the platform, not bolted on.</div> </div> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </div> <div class="flagship-diff__title">Delivery-Proven Teams</div> <div class="flagship-diff__desc">50+ specialists across 6 countries with deep experience in BSS programmes for major CSPs.</div> </div> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg> </div> <div class="flagship-diff__title">AI-Native, Not AI-Bolted</div> <div class="flagship-diff__desc">Agentic BSS built on Microsoft Copilot Studio with governed action paths and policy enforcement.</div> </div> </div> </div> </section>
flagship.php 1 0 7.75"/></svg> </div> <div class="flagship-diff__title">Delivery-Proven Teams</div> <div class="flagship-diff__desc">50+ specialists across 6 countries with deep experience in BSS programmes for major CSPs.</div> </div> <div class="flagship-diff"> <div class="flagship-diff__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg> </div> <div class="flagship-diff__title">AI-Native, Not AI-Bolted</div> <div class="flagship-diff__desc">Agentic BSS built on Microsoft Copilot Studio with governed action paths and policy enforcement.</div> </div> </div> </div> </section> <!-- CTA --> <section class="section cta-section"> <div class="container" data-animate="fade-up"> <h2 class="cta-section__title">Ready to See What Exos Can Deliver?</h2> <p class="cta-section__desc">Whether you need a platform demo, a delivery conversation, or a technical deep-dive, Exos is ready to engage.</p> <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;"> <a href="contact.php?action=demo" class="btn btn--primary btn--lg"> Schedule a Demo <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> <a href="contact.php?action=consultation" class="btn btn--outline btn--lg"> Book a Strategy Call </a> </div> </div> </section> <?php require_once EXOS_INCLUDES_PATH . '/footer.php'; ?> ```