cai-exos-systems/daveadmin-exos-new:contact.php
contact.php
```text
<?php
/**
* Exos Systems - Contact Page
*/
require_once __DIR__ . '/config/config.php';
enforcePublicModuleVisible('page_contact', [
'current_page' => 'contact',
'page_title' => 'Contact unavailable | Exos Systems',
'page_description' => 'The contact page is not currently public.',
]);
$currentPage = 'contact';
$pageTitle = 'Contact Us | Exos Systems';
$pageDescription = 'Get in touch with Exos Systems for BSS delivery, software development, Zuora consulting, and telecoms solutions.';
$pageScripts = ['assets/js/contact-form.js'];
$page = getPage('contact');
$socialLinks = getSocialLinks();
$newsletterTitle = getSetting('newsletter_signup_title', 'Subscribe to Exos Field Notes');
$newsletterDescription = getSetting('newsletter_signup_description', 'Get product updates, telecom delivery viewpoints, and practical transformation notes from the Exos team.');
require_once EXOS_INCLUDES_PATH . '/header.php';
?>
<!-- Page Hero -->
<section class="page-hero" data-animate="fade-up">
<div class="container">
<nav class="breadcrumb" aria-label="Breadcrumb">
<a href="index.php" class="breadcrumb__link">Home</a>
<span class="breadcrumb__sep">›</span>
<span class="breadcrumb__current">Contact</span>
</nav>
<h1 class="page-hero__title">Contact Us</h1>
</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; ?>
<!-- Contact Section -->
<section class="section">
<div class="container">
<div class="contact-image" data-animate="fade-up">
<img src="assets/images/pages/contact-office.jpg" alt="Exos Systems — Global Offices" loading="lazy">
</div>
<div class="contact-layout">
<!-- Contact Form -->
<div class="contact-layout__form" data-animate="fade-up">
<form id="contactForm" novalidate>
<div class="form-row">
<div class="form-group">
<label for="full_name" class="form-label">Full Name <span class="form-required">*</span></label>
<input type="text" id="full_name" name="full_name" class="form-input" placeholder="Your full name" required>
</div>
<div class="form-group">
<label for="email" class="form-label">Email <span class="form-required">*</span></label>
<input type="email" id="email" name="email" class="form-input" placeholder="you@company.com" required>
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="company" class="form-label">Company</label>
<input type="text" id="company" name="company" class="form-input" placeholder="Your company name">
</div>
<div class="form-group">
<label for="phone" class="form-label">Phone</label>
<input type="tel" id="phone" name="phone" class="form-input" placeholder="+1 (555) 000-0000">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="service" class="form-label">Service Required</label>
<select id="service" name="service_required" class="form-select">
<option value="">Select a service</option>
<option value="Software Development">Software Development</option>
<option value="Web/Mobile Design">Web/Mobile Design</option>
<option value="Consultancy">Consultancy</option>
<option value="System Design">System Design</option>
<option value="BSS Delivery">BSS Delivery</option>
<option value="Zuora Consulting">Zuora Consulting</option>
<option value="Telecoms Consulting">Telecoms Consulting</option>
<option value="Project Delivery">Project Delivery</option>
<option value="EaaS">EaaS</option>
</select>
</div>
<div class="form-group">
<label for="budget" class="form-label">Budget Range</label>
<select id="budget" name="budget_range" class="form-select">
<option value="">Select budget range</option>
<option value="$5K-10K">$5K-10K</option>
<option value="$10K-20K">$10K-20K</option>
<option value="$20K-50K">$20K-50K</option>
<option value="$50K-100K">$50K-100K</option>
<option value="$100K+">$100K+</option>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="job_title" class="form-label">Job Title</label>
<input type="text" id="job_title" name="job_title" class="form-input" placeholder="e.g. Head of BSS, CTO">
</div>
<div class="form-group">
<label for="company_type" class="form-label">Company Type</label>
<select id="company_type" name="company_type" class="form-select">
<option value="">Select type</option>
<option value="MNO">MNO</option>
<option value="MVNO">MVNO</option>
<option value="ISP">ISP</option>
<option value="Cable / Fixed">Cable / Fixed</option>
<option value="Wholesale">Wholesale</option>
<option value="Systems Integrator">Systems Integrator</option>
<option value="Other">Other</option>
</select>
</div>
</div>
contact.php id="budget" name="budget_range" class="form-select"> <option value="">Select budget range</option> <option value="$5K-10K">$5K-10K</option> <option value="$10K-20K">$10K-20K</option> <option value="$20K-50K">$20K-50K</option> <option value="$50K-100K">$50K-100K</option> <option value="$100K+">$100K+</option> </select> </div> </div> <div class="form-row"> <div class="form-group"> <label for="job_title" class="form-label">Job Title</label> <input type="text" id="job_title" name="job_title" class="form-input" placeholder="e.g. Head of BSS, CTO"> </div> <div class="form-group"> <label for="company_type" class="form-label">Company Type</label> <select id="company_type" name="company_type" class="form-select"> <option value="">Select type</option> <option value="MNO">MNO</option> <option value="MVNO">MVNO</option> <option value="ISP">ISP</option> <option value="Cable / Fixed">Cable / Fixed</option> <option value="Wholesale">Wholesale</option> <option value="Systems Integrator">Systems Integrator</option> <option value="Other">Other</option> </select> </div> </div> <div class="form-row"> <div class="form-group"> <label for="timeline" class="form-label">Project Timeline</label> <select id="timeline" name="timeline" class="form-select"> <option value="">Select timeline</option> <option value="Urgent / now">Urgent / now</option> <option value="1–3 months">1–3 months</option> <option value="3–6 months">3–6 months</option> <option value="6–12 months">6–12 months</option> <option value="Exploring / planning">Exploring / planning</option> </select> </div> <div class="form-group"> <label for="how_did_you_hear" class="form-label">How Did You Hear About Us?</label> <select id="how_did_you_hear" name="how_did_you_hear" class="form-select"> <option value="">Select one</option> <option value="LinkedIn">LinkedIn</option> <option value="Google">Google</option> <option value="Referral">Referral</option> <option value="TM Forum">TM Forum</option> <option value="Industry Event">Industry Event</option> <option value="Other">Other</option> </select> </div> </div> <div class="form-group"> <label for="message" class="form-label">Message <span class="form-required">*</span></label> <textarea id="message" name="message" class="form-textarea" rows="6" placeholder="Tell us about your project..." required></textarea> </div> <div id="formMessage" class="form-message"></div> <button type="submit" id="submitBtn" class="btn btn--primary btn--lg"> Send Message <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="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg> </button> </form> </div> <!-- Contact Info --> <div class="contact-layout__info" data-animate="fade-up" data-delay="200"> <div class="contact-info"> <div class="contact-info__item"> <div class="contact-info__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> </div> <div> <h3 class="contact-info__label">Email</h3> <a href="mailto:info@exos-systems.com" class="contact-info__value">info@exos-systems.com</a> </div> </div> <div class="contact-info__item"> <div class="contact-info__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> </div> <div> <h3 class="contact-info__label">Locations</h3> <?php $locationsJson = getSetting('footer_locations', '[]'); $locations = json_decode($locationsJson, true) ?: []; foreach ($locations as $loc): ?> <p class="contact-info__value"><?= sanitize($loc['city'] ?? '') ?>, <?= sanitize($loc['country'] ?? '') ?></p> <?php endforeach; ?> </div> </div> <?php if ($socialLinks): ?> <div class="contact-info__social"> <h3 class="contact-info__label">Follow Us</h3> <div class="contact-info__social-links"> <?php foreach ($socialLinks as $link): ?> <a href="<?= sanitize($link['url']) ?>" class="contact-info__social-link" target="_blank" rel="noopener noreferrer" aria-label="<?= sanitize($link['platform']) ?>"> <?= getSocialIcon($link['platform']) ?> </a> <?php endforeach; ?> </div> </div> <?php endif; ?> </div> </div> </div> </div> </section> <section class="section section--alt"> <div class="container"> <div class="newsletter-panel" data-animate="fade-up"> <div> <div class="section__label">Newsletter</div> <h2 class="section__title"><?= sanitize($newsletterTitle) ?></h2> <p class="section__subtitle"><?= sanitize($newsletterDescription) ?></p> </div>
contact.php <?= sanitize($loc['country'] ?? '') ?></p> <?php endforeach; ?> </div> </div> <?php if ($socialLinks): ?> <div class="contact-info__social"> <h3 class="contact-info__label">Follow Us</h3> <div class="contact-info__social-links"> <?php foreach ($socialLinks as $link): ?> <a href="<?= sanitize($link['url']) ?>" class="contact-info__social-link" target="_blank" rel="noopener noreferrer" aria-label="<?= sanitize($link['platform']) ?>"> <?= getSocialIcon($link['platform']) ?> </a> <?php endforeach; ?> </div> </div> <?php endif; ?> </div> </div> </div> </div> </section> <section class="section section--alt"> <div class="container"> <div class="newsletter-panel" data-animate="fade-up"> <div> <div class="section__label">Newsletter</div> <h2 class="section__title"><?= sanitize($newsletterTitle) ?></h2> <p class="section__subtitle"><?= sanitize($newsletterDescription) ?></p> </div> <form method="POST" action="newsletter-subscribe.php" class="newsletter-form"> <input type="hidden" name="redirect_url" value="thanks.php"> <input type="hidden" name="source_page" value="contact"> <div class="form-row"> <div class="form-group"> <label for="contact_newsletter_name">Name</label> <input class="form-input" type="text" id="contact_newsletter_name" name="full_name" placeholder="Your name"> </div> <div class="form-group"> <label for="contact_newsletter_company">Company</label> <input class="form-input" type="text" id="contact_newsletter_company" name="company" placeholder="Company name"> </div> </div> <div class="form-group"> <label for="contact_newsletter_email">Email</label> <input class="form-input" type="email" id="contact_newsletter_email" name="email" placeholder="you@company.com" required> </div> <button type="submit" class="btn btn--primary">Join the List</button> </form> </div> </div> </section> <?php require_once EXOS_INCLUDES_PATH . '/footer.php'; ?> ```
contact.php id="budget" name="budget_range" class="form-select"> <option value="">Select budget range</option> <option value="$5K-10K">$5K-10K</option> <option value="$10K-20K">$10K-20K</option> <option value="$20K-50K">$20K-50K</option> <option value="$50K-100K">$50K-100K</option> <option value="$100K+">$100K+</option> </select> </div> </div> <div class="form-row"> <div class="form-group"> <label for="job_title" class="form-label">Job Title</label> <input type="text" id="job_title" name="job_title" class="form-input" placeholder="e.g. Head of BSS, CTO"> </div> <div class="form-group"> <label for="company_type" class="form-label">Company Type</label> <select id="company_type" name="company_type" class="form-select"> <option value="">Select type</option> <option value="MNO">MNO</option> <option value="MVNO">MVNO</option> <option value="ISP">ISP</option> <option value="Cable / Fixed">Cable / Fixed</option> <option value="Wholesale">Wholesale</option> <option value="Systems Integrator">Systems Integrator</option> <option value="Other">Other</option> </select> </div> </div> <div class="form-row"> <div class="form-group"> <label for="timeline" class="form-label">Project Timeline</label> <select id="timeline" name="timeline" class="form-select"> <option value="">Select timeline</option> <option value="Urgent / now">Urgent / now</option> <option value="1–3 months">1–3 months</option> <option value="3–6 months">3–6 months</option> <option value="6–12 months">6–12 months</option> <option value="Exploring / planning">Exploring / planning</option> </select> </div> <div class="form-group"> <label for="how_did_you_hear" class="form-label">How Did You Hear About Us?</label> <select id="how_did_you_hear" name="how_did_you_hear" class="form-select"> <option value="">Select one</option> <option value="LinkedIn">LinkedIn</option> <option value="Google">Google</option> <option value="Referral">Referral</option> <option value="TM Forum">TM Forum</option> <option value="Industry Event">Industry Event</option> <option value="Other">Other</option> </select> </div> </div> <div class="form-group"> <label for="message" class="form-label">Message <span class="form-required">*</span></label> <textarea id="message" name="message" class="form-textarea" rows="6" placeholder="Tell us about your project..." required></textarea> </div> <div id="formMessage" class="form-message"></div> <button type="submit" id="submitBtn" class="btn btn--primary btn--lg"> Send Message <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="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg> </button> </form> </div> <!-- Contact Info --> <div class="contact-layout__info" data-animate="fade-up" data-delay="200"> <div class="contact-info"> <div class="contact-info__item"> <div class="contact-info__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> </div> <div> <h3 class="contact-info__label">Email</h3> <a href="mailto:info@exos-systems.com" class="contact-info__value">info@exos-systems.com</a> </div> </div> <div class="contact-info__item"> <div class="contact-info__icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> </div> <div> <h3 class="contact-info__label">Locations</h3> <?php $locationsJson = getSetting('footer_locations', '[]'); $locations = json_decode($locationsJson, true) ?: []; foreach ($locations as $loc): ?> <p class="contact-info__value"><?= sanitize($loc['city'] ?? '') ?>, <?= sanitize($loc['country'] ?? '') ?></p> <?php endforeach; ?> </div> </div> <?php if ($socialLinks): ?> <div class="contact-info__social"> <h3 class="contact-info__label">Follow Us</h3> <div class="contact-info__social-links"> <?php foreach ($socialLinks as $link): ?> <a href="<?= sanitize($link['url']) ?>" class="contact-info__social-link" target="_blank" rel="noopener noreferrer" aria-label="<?= sanitize($link['platform']) ?>"> <?= getSocialIcon($link['platform']) ?> </a> <?php endforeach; ?> </div> </div> <?php endif; ?> </div> </div> </div> </div> </section> <section class="section section--alt"> <div class="container"> <div class="newsletter-panel" data-animate="fade-up"> <div> <div class="section__label">Newsletter</div> <h2 class="section__title"><?= sanitize($newsletterTitle) ?></h2> <p class="section__subtitle"><?= sanitize($newsletterDescription) ?></p> </div>
contact.php <?= sanitize($loc['country'] ?? '') ?></p> <?php endforeach; ?> </div> </div> <?php if ($socialLinks): ?> <div class="contact-info__social"> <h3 class="contact-info__label">Follow Us</h3> <div class="contact-info__social-links"> <?php foreach ($socialLinks as $link): ?> <a href="<?= sanitize($link['url']) ?>" class="contact-info__social-link" target="_blank" rel="noopener noreferrer" aria-label="<?= sanitize($link['platform']) ?>"> <?= getSocialIcon($link['platform']) ?> </a> <?php endforeach; ?> </div> </div> <?php endif; ?> </div> </div> </div> </div> </section> <section class="section section--alt"> <div class="container"> <div class="newsletter-panel" data-animate="fade-up"> <div> <div class="section__label">Newsletter</div> <h2 class="section__title"><?= sanitize($newsletterTitle) ?></h2> <p class="section__subtitle"><?= sanitize($newsletterDescription) ?></p> </div> <form method="POST" action="newsletter-subscribe.php" class="newsletter-form"> <input type="hidden" name="redirect_url" value="thanks.php"> <input type="hidden" name="source_page" value="contact"> <div class="form-row"> <div class="form-group"> <label for="contact_newsletter_name">Name</label> <input class="form-input" type="text" id="contact_newsletter_name" name="full_name" placeholder="Your name"> </div> <div class="form-group"> <label for="contact_newsletter_company">Company</label> <input class="form-input" type="text" id="contact_newsletter_company" name="company" placeholder="Company name"> </div> </div> <div class="form-group"> <label for="contact_newsletter_email">Email</label> <input class="form-input" type="email" id="contact_newsletter_email" name="email" placeholder="you@company.com" required> </div> <button type="submit" class="btn btn--primary">Join the List</button> </form> </div> </div> </section> <?php require_once EXOS_INCLUDES_PATH . '/footer.php'; ?> ```