<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />

<style>
:root {
--navy-header: rgba(12, 20, 39, 0.92);
--gold: #d4a339;
--gold-hover: #b88b28;
--text-white: #ffffff;
--text-muted: #94a3b8;
--border-color: rgba(255, 255, 255, 0.08);
}

* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Header Container */
.kaventra-header {
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: var(--navy-header);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-bottom: 1px solid var(--border-color);
z-index: 1000;
transition: all 0.3s ease;
}

.nav-inner {
max-width: 1300px;
margin: 0 auto;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: space-between;
}

/* Brand Logo Section */
.brand-logo {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}

.brand-icon {
width: 40px;
height: 40px;
background: #070c18;
border: 1.5px solid var(--gold);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 22px;
color: #fff;
position: relative;
overflow: hidden;
}

.brand-icon span {
color: var(--gold);
}

.brand-text-wrap {
display: flex;
flex-direction: column;
}

.brand-title {
font-size: 20px;
font-weight: 800;
color: var(--gold);
letter-spacing: -0.3px;
line-height: 1.1;
}

.brand-subtitle {
font-size: 11px;
color: #ffffff;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
}

/* Navigation Links */
.nav-menu {
display: flex;
align-items: center;
gap: 28px;
list-style: none;
}

.nav-item a {
color: var(--text-muted);
text-decoration: none;
font-size: 14.5px;
font-weight: 500;
transition: color 0.2s ease;
display: flex;
align-items: center;
gap: 6px;
}

.nav-item a:hover,
.nav-item.active a {
color: #ffffff;
}

.nav-item .badge-free {
background: #10b981;
color: #ffffff;
font-size: 10px;
font-weight: 700;
padding: 2px 6px;
border-radius: 10px;
text-transform: uppercase;
}

/* Right Header Actions */
.header-actions {
display: flex;
align-items: center;
gap: 14px;
}

.btn-portal {
background: rgba(255, 255, 255, 0.06);
color: #ffffff;
border: 1px solid var(--border-color);
padding: 9px 18px;
border-radius: 20px;
font-size: 13.5px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
}

.btn-portal:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.2);
}

.btn-enroll {
background-color: var(--gold);
color: #0c1427;
padding: 9px 20px;
border-radius: 20px;
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
}

.btn-enroll:hover {
background-color: var(--gold-hover);
transform: translateY(-1px);
}

/* Mobile Hamburger Toggle */
.menu-toggle {
display: none;
background: none;
border: none;
color: #ffffff;
font-size: 22px;
cursor: pointer;
}

/* Responsive Styling */
@media (max-width: 992px) {
.menu-toggle {
display: block;
}

.nav-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #0c1427;
flex-direction: column;
align-items: flex-start;
padding: 24px;
gap: 18px;
border-bottom: 1px solid var(--border-color);
display: none;
}

.nav-menu.active {
display: flex;
}

.header-actions {
display: none;
}
}
</style>

<header class="kaventra-header">
<div class="nav-inner">

<a href="/" class="brand-logo">
<div class="brand-icon">k<span>.</span></div>
<div class="brand-text-wrap">
<span class="brand-title">kaventra</span>
<span class="brand-subtitle">Learning Academy</span>
</div>
</a>

<ul class="nav-menu" id="primary-menu">
<li class="nav-item active"><a href="/">Home</a></li>
<li class="nav-item"><a href="/#courses">Spoken Arabic</a></li>
<li class="nav-item"><a href="/#courses">Spoken English <span class="badge-free">Free</span></a></li>
<li class="nav-item"><a href="/#about">Trainers</a></li>
<li class="nav-item"><a href="/#contact">Contact</a></li>
</ul>

<div class="header-actions">
<a href="/course" class="btn-portal"><i class="fa-solid fa-play"></i> LMS Portal</a>
<a href="https://wa.me/917025239616?text=Hi%20Kaventra,%20I%20want%20to%20enroll" class="btn-enroll" target="_blank">
<i class="fa-brands fa-whatsapp"></i> Enroll Now
</a>
</div>

<button class="menu-toggle" id="mobile-toggle" aria-label="Toggle navigation">
<i class="fa-solid fa-bars"></i>
</button>

</div>
</header>

<script>
// Mobile Menu Toggle
const toggleBtn = document.getElementById('mobile-toggle');
const menuList = document.getElementById('primary-menu');

toggleBtn.addEventListener('click', () => {
menuList.classList.toggle('active');
const icon = toggleBtn.querySelector('i');
if (menuList.classList.contains('active')) {
icon.classList.remove('fa-bars');
icon.classList.add('fa-xmark');
} else {
icon.classList.remove('fa-xmark');
icon.classList.add('fa-bars');
}
});
</script>

Hey There, Welcome

Kaventra Learning

Master practical Gulf Spoken Arabic and fluent English with professional guidance and structured daily modules.

Enroll Now ₹999

k.

kaventra

Learning Academy

Language Expert

Spoken Hub

Trainer

Global Mentor

Language Mastery

Bilingual Masterclass Offer

Master Spoken Arabic.
Get Spoken English Free.

Learn practical Gulf conversational Arabic tailored for GCC jobs, daily trade, and market scenarios. Enroll today and unlock our Spoken English course 100% free!

14+Arabic Modules

100% FreeEnglish Included

Enroll in Masterclass (₹999) →

Spoken Arabic Syllabus

Includes Free Spoken English

Free Bonus

1 Gulf Greetings & Daily Words

2 Market, Taxi & Airport Arabic

3 Workplace & Business Conversations

🎁 Bonus: Spoken English Mastery

🎓 Access Course LMS Portal →

Why Choose Kaventra?

Practical speaking frameworks tailored for immediate real-world use.

01. Direct Spoken Action

No tedious grammar rules. Learn real conversations you use every day.

01

02. Gulf Dialects & Marketplace Fluency

Master native phrases used in UAE, Saudi Arabia, Qatar, and GCC nations.

02

🎓 Student Portal

Chat with Mentor