<?php
/**
* Template Name: Alliance Admissions (cursorlinks Style – Brand Match)
* Description: High-conversion premium landing page layout updated with Alliance Française de Lusaka official brand colors.
*/
get_header(); ?>
<!– Alliance Française Brand Colors CSS Root –>
<style>
:root {
–alliance-blue: #4868CF; /* Official Indigo Blue */
–alliance-red: #D11F2F; /* Official Cardinal Red */
–alliance-dark: #131323; /* Official Vulcan Dark Background/Text */
–alliance-gray-bg: #fdfdfe; /* Soft clean background offset */
–alliance-border: #e2e5ec; /* Delicate borders */
}
.hbs-wrapper {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
color: var(–alliance-dark);
line-height: 1.6;
background-color: #ffffff;
}
/* Hero Section using official Vulcan Dark as base with Indigo gradient highlights */
.hbs-hero {
background: linear-gradient(135deg, var(–alliance-dark) 0%, #1c264a 100%);
border-bottom: 4px solid var(–alliance-blue);
color: #ffffff;
padding: 80px 20px;
text-align: left;
}
.hbs-hero-container {
max-width: 1140px;
margin: 0 auto;
}
.hbs-hero h1 {
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 20px;
color: #ffffff !important;
line-height: 1.2;
}
.hbs-hero p {
font-size: 1.25rem;
max-width: 700px;
margin-bottom: 30px;
opacity: 0.95;
}
/* Primary Action Buttons utilizing the Cardinal Red asset */
.hbs-cta-btn {
display: inline-block;
background-color: var(–alliance-red);
color: #ffffff !important;
padding: 14px 28px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none;
border-radius: 4px;
transition: background 0.2s ease, transform 0.1s ease;
}
.hbs-cta-btn:hover {
background-color: #b01725;
transform: translateY(-1px);
}
/* Key Info Metrics Bar */
.hbs-metrics-bar {
background-color: #ffffff;
border-bottom: 1px solid var(–alliance-border);
box-shadow: 0 4px 12px rgba(19, 19, 35, 0.03);
padding: 20px;
}
.hbs-metrics-container {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
}
.hbs-metric-item {
border-right: 1px solid var(–alliance-border);
padding-right: 15px;
}
.hbs-metric-item:last-child {
border-right: none;
}
.hbs-metric-label {
font-size: 0.85rem;
text-transform: uppercase;
color: #636b7f;
letter-spacing: 0.5px;
margin-bottom: 4px;
font-weight: 500;
}
.hbs-metric-value {
font-size: 1.1rem;
font-weight: 600;
color: var(–alliance-dark);
}
/* Main Content Area */
.hbs-main-content {
max-width: 1140px;
margin: 60px auto;
padding: 0 20px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 50px;
}
@media (max-width: 850px) {
.hbs-main-content {
grid-template-columns: 1fr;
}
}
.hbs-section {
margin-bottom: 50px;
}
.hbs-section h2 {
font-size: 1.8rem;
color: var(–alliance-blue);
margin-bottom: 20px;
border-bottom: 2px solid var(–alliance-border);
padding-bottom: 10px;
font-weight: 700;
}
/* Split Tracks Grid */
.hbs-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 20px;
}
@media (max-width: 600px) {
.hbs-grid {
grid-template-columns: 1fr;
}
}
.hbs-card {
background: var(–alliance-gray-bg);
padding: 25px;
border-radius: 6px;
border-left: 4px solid var(–alliance-blue);
border-top: 1px solid var(–alliance-border);
border-right: 1px solid var(–alliance-border);
border-bottom: 1px solid var(–alliance-border);
}
.hbs-card h3 {
margin-top: 0;
font-size: 1.25rem;
color: var(–alliance-dark);
font-weight: 600;
}
/* Sidebar Content */
.hbs-sidebar-inner {
position: sticky;
top: 40px;
background-color: var(–alliance-gray-bg);
border: 1px solid var(–alliance-border);
border-top: 4px solid var(–alliance-red);
padding: 30px;
border-radius: 6px;
box-shadow: 0 4px 15px rgba(19,19,35,0.02);
}
.hbs-sidebar h3 {
font-size: 1.4rem;
margin-bottom: 15px;
color: var(–alliance-dark);
font-weight: 700;
}
.hbs-sidebar-list {
list-style: none;
padding: 0;
margin: 20px 0;
}
.hbs-sidebar-list li {
padding: 12px 0;
border-bottom: 1px solid var(–alliance-border);
font-size: 0.95rem;
}
.hbs-sidebar-list li:last-child {
border-bottom: none;
}
</style>
<div class=”hbs-wrapper”>
<!– 1. HERO BANNER SECTION –>
<section class=”hbs-hero”>
<div class=”hbs-hero-container”>
<h1>Join Alliance Française de Lusaka</h1>
<p>Unlock global opportunities, achieve professional fluency, and immerse yourself in French culture with Zambia’s leading language institution.</p>
<a href=”#apply” class=”hbs-cta-btn”>Apply Online Now</a>
</div>
</section>
<!– 2. KEY METRICS BAR –>
<section class=”hbs-metrics-bar”>
<div class=”hbs-metrics-container”>
<div class=”hbs-metric-item”>
<div class=”hbs-metric-label”>Next Intake</div>
<div class=”hbs-metric-value”>Term 3 (Upcoming)</div>
</div>
<div class=”hbs-metric-item”>
<div class=”hbs-metric-label”>Programs Offered</div>
<div class=”hbs-metric-value”>Adults, Kids, Corporate</div>
</div>
<div class=”hbs-metric-item”>
<div class=”hbs-metric-label”>Format</div>
<div class=”hbs-metric-value”>On-Campus & Online</div>
</div>
<div class=”hbs-metric-item”>
<div class=”hbs-metric-label”>Location</div>
<div class=”hbs-metric-value”>Lusaka, Zambia</div>
</div>
</div>
</section>
<!– 3. MAIN BODY & SIDEBAR LAYOUT –>
<main class=”hbs-main-content” id=”skipto-main”>
<!– Left Content Area –>
<div class=”hbs-left-column”>
<!– Dynamic Page Content from WordPress Editor –>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class=”hbs-section post-content”>
<?php the_content(); ?>
</div>
<?php endwhile; endif; ?>
<!– Admissions Process Overview –>
<section class=”hbs-section”>
<h2>Admissions Process</h2>
<p>Enrolling at Alliance Française de Lusaka is simple. Whether you are a complete beginner or looking to advance your current French proficiency, we have structured admission pathways tailored to your timeline.</p>
<div class=”hbs-grid”>
<div class=”hbs-card”>
<h3>1. Choose Your Module</h3>
<p>Select from intensive formats, extensive evening classes, weekend schedules, or fully private customized options.</p>
</div>
<div class=”hbs-card”>
<h3>2. Take a Placement Test</h3>
<p>Not a beginner? Complete our quick alignment evaluation to make sure you’re matched into the correct CEFR level (A1 to C2).</p>
</div>
</div>
</section>
<!– Requirements Tracker –>
<section class=”hbs-section” id=”requirements”>
<h2>Requirements & Certifications</h2>
<p>All paths prepare students for internationally recognized certificates valid for life, accepted by global employers and universities worldwide.</p>
<ul>
<li><strong>DELF/DALF:</strong> Official certifications issued by the French Ministry of Education.</li>
<li><strong>TEF/TCF:</strong> Ideal pathways for professional immigration models to Canada or France.</li>
<li><strong>Documentation:</strong> Valid identification copy required upon completing the checkout portal.</li>
</ul>
</section>
</div>
<!– Right Side Contact/CTA Bar –>
<aside class=”hbs-sidebar”>
<div class=”hbs-sidebar-inner”>
<h3>Ready to Start?</h3>
<p>Spaces across specialized morning and weekend configurations fill up quickly every term.</p>
<ul class=”hbs-sidebar-list”>
<li><strong>Registration Fee:</strong> Available upon track choice</li>
<li><strong>Support Hours:</strong> Mon – Fri, 08:00 – 17:00</li>
<li><strong>Email:</strong> info@alliancefr.co.zm</li>
</ul>
<a href=”#apply” class=”hbs-cta-btn” style=”width:100%; text-align:center; box-sizing:border-box; margin-top:10px; background-color: var(–alliance-blue);”>Register Dashboard</a>
</div>
</aside>
</main>
</div>
<?php get_footer(); ?>