283 lines
17 KiB
PHP
283 lines
17 KiB
PHP
<?php
|
|
require_once __DIR__ . '/includes/data.php';
|
|
$resources = get_tutorials(); // reuse tutorials data for resources section
|
|
$sessions = get_sessions();
|
|
$pageTitle = 'CREST | Chest Research and Training';
|
|
$metaDescription = 'Explore CREST respiratory research, training programs, events, and downloadable resources to strengthen lung health initiatives.';
|
|
include __DIR__ . '/includes/site-header.php';
|
|
?>
|
|
|
|
<main>
|
|
<section class="hero-section py-5">
|
|
<div class="container">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-6">
|
|
<p class="text-uppercase text-success fw-bold small mb-1">Transforming Respiratory Health Through</p>
|
|
<h1 class="fw-bold lh-1">Research, Training & Innovation</h1>
|
|
<p class="text-muted mb-4">Advancing the science of lung health to create a healthier India.</p>
|
|
<div class="d-flex flex-wrap gap-2 mb-4">
|
|
<a class="btn btn-outline-secondary rounded-3" href="#resources">Browse services</a>
|
|
<a class="btn btn-success text-white rounded-3" href="#contact">Get in touch</a>
|
|
</div>
|
|
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-5 g-2">
|
|
<div class="col">
|
|
<div class="stat-tile text-center p-3 h-100 rounded-4 bg-light-subtle">
|
|
<div class="fw-bold">1Mn+</div>
|
|
<div class="text-muted small">Lives touched</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="stat-tile text-center p-3 h-100 rounded-4 bg-light-subtle">
|
|
<div class="fw-bold">5k+</div>
|
|
<div class="text-muted small">Doctors trained</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="stat-tile text-center p-3 h-100 rounded-4 bg-light-subtle">
|
|
<div class="fw-bold">500+</div>
|
|
<div class="text-muted small">Medical schools</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="stat-tile text-center p-3 h-100 rounded-4 bg-light-subtle">
|
|
<div class="fw-bold">300+</div>
|
|
<div class="text-muted small">Research studies</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="stat-tile text-center p-3 h-100 rounded-4 bg-light-subtle">
|
|
<div class="fw-bold">50+</div>
|
|
<div class="text-muted small">New research</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 text-center">
|
|
<div class="hero-orb mx-auto mb-3">
|
|
<div class="hero-orb-inner"></div>
|
|
</div>
|
|
<span class="badge text-bg-dark px-3 py-2 rounded-pill">Lab ready</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5" id="who">
|
|
<div class="container">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-md-5">
|
|
<div class="rounded-4 bg-light-subtle p-4 h-100 d-flex flex-column justify-content-between">
|
|
<div class="placeholder-img flex-grow-1 rounded-4 mb-3"></div>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<span class="badge bg-success-subtle text-success fw-semibold">300+</span>
|
|
<span class="small text-muted">consultants & specialists</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<p class="text-uppercase text-success fw-bold small mb-1">Who we are</p>
|
|
<h2 class="fw-bold">Grounded in data, inspired by care</h2>
|
|
<p class="text-muted">We are a multidisciplinary team working at the intersection of research, training, and respiratory medicine. From field studies to clinical education, we help organizations make lung health programs measurable, effective, and equitable.</p>
|
|
<ul class="list-unstyled mb-3">
|
|
<li class="d-flex align-items-center gap-2 mb-2">
|
|
<span class="dot bg-success"></span>
|
|
<span class="fw-semibold">Modern Research Device</span>
|
|
</li>
|
|
<li class="d-flex align-items-center gap-2 mb-2">
|
|
<span class="dot bg-warning"></span>
|
|
<span class="fw-semibold">World Class laboratory</span>
|
|
</li>
|
|
</ul>
|
|
<a class="btn btn-success text-white rounded-3" href="#expertise">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 bg-light" id="expertise">
|
|
<div class="container">
|
|
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4">
|
|
<div>
|
|
<p class="text-uppercase text-success fw-bold small mb-1">Our Expertise</p>
|
|
<h3 class="fw-bold">Our Services & Expertise</h3>
|
|
</div>
|
|
</div>
|
|
<div class="row g-3">
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4">
|
|
<div class="card-body">
|
|
<div class="icon-pill mb-3">★</div>
|
|
<h5 class="fw-bold">Research</h5>
|
|
<p class="text-muted small mb-3">Rigorous studies to map lung health trends and inform community programs.</p>
|
|
<a class="text-success fw-semibold small" href="#">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4">
|
|
<div class="card-body">
|
|
<div class="icon-pill mb-3">★</div>
|
|
<h5 class="fw-bold">Training</h5>
|
|
<p class="text-muted small mb-3">Workshops and mentoring that upskill clinicians and field teams.</p>
|
|
<a class="text-success fw-semibold small" href="#">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4">
|
|
<div class="card-body">
|
|
<div class="icon-pill mb-3">★</div>
|
|
<h5 class="fw-bold">Consulting</h5>
|
|
<p class="text-muted small mb-3">Advisory for programs to scale respiratory care safely and effectively.</p>
|
|
<a class="text-success fw-semibold small" href="#">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5" id="training">
|
|
<div class="container">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-6">
|
|
<h3 class="fw-bold">Training Program</h3>
|
|
<p class="text-muted">Our modular training brings together research-backed content, case-based discussions, and practical skill-building so teams can lead respiratory health initiatives confidently.</p>
|
|
<ul class="list-unstyled text-muted small mb-3">
|
|
<li class="mb-1">• Research Training</li>
|
|
<li class="mb-1">• Spirometry & Lung Function Testing</li>
|
|
<li class="mb-1">• Critical Situations</li>
|
|
<li class="mb-1">• Audit Program</li>
|
|
<li class="mb-1">• Quality Assurance</li>
|
|
</ul>
|
|
<a class="btn btn-success text-white rounded-3">Join the training</a>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="rounded-4 bg-light-subtle p-3">
|
|
<div class="placeholder-img tall rounded-4 mb-3"></div>
|
|
<span class="badge bg-success-subtle text-success fw-semibold">100+ batch completions</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 bg-body" id="events">
|
|
<div class="container">
|
|
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4">
|
|
<div>
|
|
<p class="text-uppercase text-success fw-bold small mb-1">Latest Events</p>
|
|
<h3 class="fw-bold">Latest Events</h3>
|
|
</div>
|
|
<a class="btn btn-outline-success" href="sessions-list.php">View all events</a>
|
|
</div>
|
|
<?php if (empty($sessions)): ?>
|
|
<p class="text-muted">No upcoming sessions yet. Check back soon.</p>
|
|
<?php else: ?>
|
|
<div class="row g-3">
|
|
<?php foreach ($sessions as $session): ?>
|
|
<?php
|
|
if (!is_array($session)) { continue; }
|
|
$number = htmlspecialchars((string)($session['number'] ?? ''), ENT_QUOTES, 'UTF-8');
|
|
$startDate = !empty($session['start_date']) ? date('M d, Y', strtotime($session['start_date'])) : '';
|
|
$venue = htmlspecialchars((string)($session['venue'] ?? ''), ENT_QUOTES, 'UTF-8');
|
|
$code = htmlspecialchars((string)($session['code'] ?? ''), ENT_QUOTES, 'UTF-8');
|
|
$regLink = $code ? "https://road.xltr.in/register/{$code}" : '#';
|
|
?>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4">
|
|
<div class="placeholder-img small rounded-top-4"></div>
|
|
<div class="card-body position-relative">
|
|
<span class="badge bg-white border text-success position-absolute top-0 end-0 m-3">Upcoming</span>
|
|
<h6 class="fw-bold mt-3">Session <?php echo $number ?: 'N/A'; ?></h6>
|
|
<?php if ($startDate): ?><p class="text-muted small mb-1">Starts: <?php echo $startDate; ?></p><?php endif; ?>
|
|
<?php if ($venue): ?><p class="text-muted small mb-2">Venue: <?php echo $venue; ?></p><?php endif; ?>
|
|
<a class="btn btn-outline-success btn-sm mt-2" href="<?php echo $regLink; ?>" target="_blank">Register</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5" id="resources">
|
|
<div class="container">
|
|
<div class="mb-4">
|
|
<p class="text-uppercase text-success fw-bold small mb-1">Resources for Learning and Research</p>
|
|
<h3 class="fw-bold">Resources for Learning and Research</h3>
|
|
<p class="text-muted small">Well-curated resources to explore our work and keep you up to date on our research.</p>
|
|
</div>
|
|
<?php if (empty($resources)): ?>
|
|
<p class="text-muted">No resources yet.</p>
|
|
<?php else: ?>
|
|
<div class="row g-3">
|
|
<?php foreach ($resources as $resource): ?>
|
|
<?php
|
|
if (!is_array($resource)) { continue; }
|
|
$label = htmlspecialchars((string)($resource['label'] ?? ''), ENT_QUOTES, 'UTF-8');
|
|
$title = htmlspecialchars((string)($resource['title'] ?? ''), ENT_QUOTES, 'UTF-8');
|
|
$summary = htmlspecialchars((string)($resource['description'] ?? ''), ENT_QUOTES, 'UTF-8');
|
|
$filePath = isset($resource['file_path']) ? (string)$resource['file_path'] : '';
|
|
$videoUrl = isset($resource['video_url']) ? (string)$resource['video_url'] : '';
|
|
?>
|
|
<div class="col-md-6">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4 p-3">
|
|
<span class="badge bg-success-subtle text-success fw-semibold mb-2"><?php echo $label; ?></span>
|
|
<h6 class="fw-bold"><?php echo $title; ?></h6>
|
|
<p class="text-muted small mb-3"><?php echo $summary; ?></p>
|
|
<div class="d-flex gap-2 flex-wrap">
|
|
<?php if ($filePath): ?>
|
|
<a class="btn btn-outline-success btn-sm" href="<?php echo htmlspecialchars(ltrim($filePath, '/'), ENT_QUOTES, 'UTF-8'); ?>" target="_blank">Download</a>
|
|
<?php endif; ?>
|
|
<?php if ($videoUrl): ?>
|
|
<a class="btn btn-success btn-sm text-white" href="<?php echo htmlspecialchars($videoUrl, ENT_QUOTES, 'UTF-8'); ?>" target="_blank">Watch</a>
|
|
<?php endif; ?>
|
|
<?php if (!$filePath && !$videoUrl): ?>
|
|
<span class="text-muted small">No download yet</span>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-5 bg-success-subtle" id="contact">
|
|
<div class="container">
|
|
<div class="row g-4 align-items-center">
|
|
<div class="col-lg-6">
|
|
<p class="text-uppercase text-success fw-bold small mb-1">Subscribe</p>
|
|
<h3 class="fw-bold">Subscribe to Regular Newsletters.</h3>
|
|
<p class="text-muted">Get curated research insights and training updates straight to your inbox.</p>
|
|
<?php if (!empty($newsletterMessage)): ?>
|
|
<div class="alert alert-success p-2"><?php echo htmlspecialchars($newsletterMessage); ?></div>
|
|
<?php elseif (!empty($newsletterError)): ?>
|
|
<div class="alert alert-danger p-2"><?php echo htmlspecialchars($newsletterError); ?></div>
|
|
<?php endif; ?>
|
|
<form class="row g-2" method="post">
|
|
<div class="col-md-4">
|
|
<input type="text" class="form-control rounded-3" name="newsletter_name" placeholder="First Name">
|
|
</div>
|
|
<div class="col-md-5">
|
|
<input type="email" class="form-control rounded-3" name="newsletter_email" placeholder="Email" required>
|
|
</div>
|
|
<div class="col-md-3 d-grid">
|
|
<button class="btn btn-success text-white rounded-3" type="submit">Subscribe</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-lg-6 text-center">
|
|
<div class="placeholder-img mailer rounded-4"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php include __DIR__ . '/includes/site-footer.php'; ?>
|