tailwind.config = { theme: { extend: { fontFamily: { sans: ['Inter', 'sans-serif'], display: ['Space Grotesk', 'sans-serif'], }, colors: { brand: { 50: '#f0f4fc', 100: '#e1e9fa', 500: '#2563eb', // Indigo Blue accent 600: '#1d4ed8', 900: '#0f172a', // Deep Navy gold: '#fbbf24', // Academic Gold teal: '#14b8a6', // Technological focus } } } } }
pro.navodaya

coaching.in

// ======================================================= // EASY BRANDING CONFIGURATION SYSTEM // Edit these configuration parameters to immediately update your logo and name! // ======================================================= const BRAND_CONFIG = { // REPLACE THIS VALUE with your custom image logo url link (PNG, SVG, or JPG) logoUrl: 'https://pro.navodayacoaching.in/wp-content/uploads/2026/06/cropped-Gemini_Generated_Image_besccvbesccvbesc-1.png', prefix: 'pro.', suffix: 'navodaya', tagline: 'coaching.in' }; // DOM Elements const mobileMenuBtn = document.getElementById('mobileMenuBtn'); const mobileMenu = document.getElementById('mobileMenu'); const mainHeader = document.getElementById('mainHeader'); // Toggle mobile navigation drawer state if (mobileMenuBtn && mobileMenu) { mobileMenuBtn.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); // Toggle burger icon visual const icon = mobileMenuBtn.querySelector('i'); if (icon) { if (mobileMenu.classList.contains('hidden')) { icon.className = 'fa-solid fa-bars text-xl'; } else { icon.className = 'fa-solid fa-xmark text-xl'; } } }); } // Solid header shadow addition on scroll window.addEventListener('scroll', () => { if (mainHeader) { if (window.scrollY > 20) { mainHeader.classList.add('shadow-xl', 'shadow-slate-950/40', 'border-slate-900'); mainHeader.classList.remove('border-slate-900/80'); } else { mainHeader.classList.remove('shadow-xl', 'shadow-slate-950/40', 'border-slate-900'); mainHeader.classList.add('border-slate-900/80'); } } }); // Apply Custom Branding Parameters to designated template elements function applyHeaderBranding() { // Apply custom URL logo to the icon container with a fallback icon const logoContainer = document.getElementById('logoIconContainer'); if (logoContainer) { logoContainer.innerHTML = ` <img decoding="async" src="${BRAND_CONFIG.logoUrl}" class="w-full h-full object-cover rounded-xl" onerror="this.onerror=null; this.parentNode.innerHTML='';"> `; } // Update Header Title Nodes const prefixNode = document.getElementById('sitePrefix'); const suffixNode = document.getElementById('siteSuffix'); const taglineNode = document.getElementById('siteTagline'); if (prefixNode) prefixNode.innerText = BRAND_CONFIG.prefix; if (suffixNode) suffixNode.innerText = BRAND_CONFIG.suffix; if (taglineNode) taglineNode.innerText = BRAND_CONFIG.tagline; } // Initialize branding rendering on window load window.onload = function() { applyHeaderBranding(); };