1document.addEventListener("DOMContentLoaded", function() { 2 const footerContainer = document.getElementById("brovate-global-footer"); 3 if (!footerContainer) return; 4 5 footerContainer.innerHTML = ` 6 <footer class="bg-[#111111] text-white pt-24 pb-12 px-6 md:px-12 border-t border-brandBorder relative overflow-hidden select-none"> 7 <div class="max-w-7xl mx-auto flex flex-col gap-16"> 8 9 <!-- Logo, Mission, and Newsletter Top Section --> 10 <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 pb-12 border-b border-white/5 items-start"> 11 <div class="lg:col-span-5 flex flex-col gap-6"> 12 <a href="/index.html" class="flex items-center w-fit select-none group"> 13 <img src="/Brovate Logo/brovate white transparant.png" alt="Brovate Logo" class="h-28 md:h-36 w-auto object-contain transition-transform duration-300 group-hover:scale-103" referrerPolicy="no-referrer" decoding="async" loading="lazy"> 14 </a> 15 <p class="text-brandGray text-sm font-semibold max-w-md leading-relaxed"> 16 Stop juggling multiple agencies. We are your startup's big brother, managing incorporation, modern design, professional codes, and scaling ads parallelly. 17 </p> 18 <div class="flex items-center select-none gap-3 mt-2"> 19 <!-- Instagram --> 20 <a href="https://www.instagram.com/brovate.in/" target="_blank" title="Instagram: @brovate.in" class="w-10 h-10 rounded-xl bg-white/5 border border-white/10 hover:border-brandYellow/40 flex items-center justify-center text-gray-400 hover:text-[#E1306C] hover:bg-[#E1306C]/10 transition-all duration-200 cursor-pointer"> 21 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 22 <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect> 23 <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path> 24 <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line> 25 </svg> 26 </a> 27 <!-- LinkedIn --> 28 <a href="https://www.linkedin.com/company/brovate.in/" target="_blank" title="LinkedIn: @brovate.in" class="w-10 h-10 rounded-xl bg-white/5 border border-white/10 hover:border-brandYellow/40 flex items-center justify-center text-gray-400 hover:text-[#0077B5] hover:bg-[#0077B5]/10 transition-all duration-200 cursor-pointer"> 29 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 30 <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path> 31 <rect x="2" y="9" width="4" height="12"></rect> 32 <circle cx="4" cy="4" r="2"></circle> 33 </svg> 34 </a> 35 <!-- Twitter / X --> 36 <a href="https://x.com/brovate_in" target="_blank" title="Twitter/X: @brovate_in" class="w-10 h-10 rounded-xl bg-white/5 border border-white/10 hover:border-brandYellow/40 flex items-center justify-center text-gray-400 hover:text-white hover:bg-white/10 transition-all duration-200 cursor-pointer"> 37 <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="currentColor"> 38 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> 39 </svg> 40 </a> 41 <!-- YouTube --> 42 <a href="https://www.youtube.com/@brovate.in" target="_blank" title="YouTube: @brovate.in" class="w-10 h-10 rounded-xl bg-white/5 border border-white/10 hover:border-brandYellow/40 flex items-center justify-center text-gray-400 hover:text-[#FF0000] hover:bg-[#FF0000]/10 transition-all duration-200 cursor-pointer"> 43 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 44 <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path> 45 <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon> 46 </svg> 47 </a> 48 </div> 49 </div> 50 51 <div class="lg:col-span-7 flex flex-col gap-6 lg:pl-12">
52 <span class="text-xs font-mono uppercase tracking-widest text-[#FFD234] font-extrabold flex items-center gap-1.5"> 53 <span class="w-1.5 h-1.5 rounded-full bg-brandYellow animate-pulse"></span> 54 Newsletter Signup 55 </span> 56 <p class="text-brandGray text-sm font-semibold max-w-lg leading-relaxed"> 57 Get practical guides, regulatory changes, founder playbooks, and exclusive startup tips delivered straight to your inbox weekly. No spam, ever. 58 </p> 59 <form class="flex flex-col sm:flex-row gap-3 w-full max-w-xl" onsubmit="event.preventDefault(); const el = document.getElementById('newsletter-success'); if(el) el.classList.remove('hidden'); this.style.display='none';"> 60 <input type="email" placeholder="Enter your business email" required class="flex-grow bg-[#151516] border border-white/10 focus:border-brandYellow text-white rounded-xl px-5 py-3.5 text-sm font-semibold outline-none transition-colors"> 61 <button type="submit" class="bg-brandYellow hover:bg-white text-brandBlack font-extrabold text-xs tracking-widest uppercase px-8 py-3.5 rounded-xl transition-all duration-200 hover:scale-102 active:scale-98 shadow-lg shadow-brandYellow/10 shrink-0 border-none cursor-pointer"> 62 Subscribe ð 63 </button> 64 </form> 65 <div id="newsletter-success" class="hidden text-brandYellow text-sm font-bold flex items-center gap-2"> 66 <span>â Welcome to the inner circle! We will be in touch shortly.</span> 67 </div> 68 </div> 69 </div> 70 71 <!-- Links Columns Grid (6 columns representation) --> 72 <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-10"> 73 74 <!-- Column 1: Company --> 75 <div class="flex flex-col gap-4"> 76 <span class="text-xs font-mono uppercase tracking-widest text-white/40 font-extrabold">Company</span> 77 <ul class="flex flex-col gap-2.5 text-sm text-brandGray font-semibold font-sans"> 78 <li><a href="/founder/index.html" class="hover:text-brandYellow transition-colors flex items-center gap-1.5"><span>About Brovate</span></a></li> 79 <li><a href="/contact/index.html" class="hover:text-brandYellow transition-colors">Contact</a></li> 80 <li><span class="text-white/30 flex items-center gap-1">Careers <span class="bg-white/5 text-white/45 text-[8px] font-mono px-1 py-0.5 rounded uppercase font-bold shrink-0">Soon</span></span></li> 81 <li><a href="/media-press/index.html" class="hover:text-brandYellow transition-colors">Media & Press</a></li> 82 <li><a href="/privacy.html" class="hover:text-brandYellow transition-colors">Privacy Policy</a></li> 83 <li><a href="/chrome-extension-privacy" class="hover:text-brandYellow transition-colors">Chrome Extension Privacy</a></li> 84 <li><a href="/terms.html" class="hover:text-brandYellow transition-colors">Terms & Conditions</a></li> 85 <li><a href="/refund.html" class="hover:text-brandYellow transition-colors">Refund Policy</a></li> 86 <li><a href="/cookie.html" class="hover:text-brandYellow transition-colors">Cookie Policy</a></li> 87 </ul> 88 </div> 89 90 <!-- Column 2: Services --> 91 <div class="flex flex-col gap-4"> 92 <span class="text-xs font-mono uppercase tracking-widest text-white/40 font-extrabold">Services</span> 93 <ul class="flex flex-col gap-2.5 text-sm text-brandGray font-semibold font-sans"> 94 <li><a href="/services.html#website" class="hover:text-brandYellow transition-colors">Website Development</a></li> 95 <li><a href="/services.html#seo" class="hover:text-brandYellow transition-colors">SEO</a></li> 96 <li><a href="/services.html#branding" class="hover:text-brandYellow transition-colors">Branding</a></li> 97 <li><a href="/services.html#ai" class="hover:text-brandYellow transition-colors">AI Automation</a></li> 98 <li><a href="/services.html#crm" class="hover:text-brandYellow transition-colors">CRM Development</a></li> 99 <li><a href="/services.html#portals" class="hover:text-brandYellow transition-colors">Client Portals</a></li> 100 <li><a href="/services.html#legal" class="hover:text-brandYellow transition-colors">Business Registration</a></li> 101 <li><a href="/services.html#marketing" class="hover:text-brandYellow transition-colors">Performance Marketing</a></li> 102 <li><a href="/services.html#maintenance" class="hover:text-brandYellow transition-colors">Maintenance</a></li> 103 </ul> 104 </div> 105 106 <!-- Column 3: Solutions --> 107 <div class="flex flex-col gap-4">
108 <span class="text-xs font-mono uppercase tracking-widest text-white/40 font-extrabold">Solutions</span> 109 <ul class="flex flex-col gap-2.5 text-sm text-brandGray font-semibold font-sans"> 110 <li><a href="/solutions/index.html#healthcare" class="hover:text-brandYellow transition-colors">Healthcare</a></li> 111 <li><a href="/solutions/index.html#legal" class="hover:text-brandYellow transition-colors">Legal</a></li> 112 <li><a href="/solutions/index.html#finance" class="hover:text-brandYellow transition-colors">Finance</a></li> 113 <li><a href="/solutions/index.html#construction" class="hover:text-brandYellow transition-colors">Construction</a></li> 114 <li><a href="/solutions/index.html#technology" class="hover:text-brandYellow transition-colors">Technology</a></li> 115 <li><a href="/solutions/index.html#education" class="hover:text-brandYellow transition-colors">Education</a></li> 116 <li><a href="/solutions/index.html#travel" class="hover:text-brandYellow transition-colors">Travel</a></li> 117 <li><a href="/solutions/index.html#real-estate" class="hover:text-brandYellow transition-colors">Real Estate</a></li> 118 <li><a href="/solutions/index.html#hospitality" class="hover:text-brandYellow transition-colors">Hospitality</a></li> 119 <li><a href="/solutions/index.html#lifestyle" class="hover:text-brandYellow transition-colors">Lifestyle</a></li> 120 </ul> 121 </div> 122 123 <!-- Column 4: Resources --> 124 <div class="flex flex-col gap-4"> 125 <span class="text-xs font-mono uppercase tracking-widest text-white/40 font-extrabold">Resources</span> 126 <ul class="flex flex-col gap-2.5 text-sm text-brandGray font-semibold font-sans"> 127 <li><a href="/blog/index.html" class="hover:text-brandYellow transition-colors">Blog</a></li> 128 <li><a href="/blog/index.html#guides" class="hover:text-brandYellow transition-colors">Guides</a></li> 129 <li><a href="/blog/index.html#case-studies" class="hover:text-brandYellow transition-colors">Case Studies</a></li> 130 <li><a href="/index.html#faq" class="hover:text-brandYellow transition-colors">FAQs</a></li> 131 <li><a href="/client/login.html" class="hover:text-brandYellow transition-colors">Client Portal</a></li> 132 <li><a href="/chrome-extension" class="hover:text-brandYellow transition-colors flex items-center gap-1"><span>Website & SEO Audit Extension</span> <span class="bg-brandYellow text-black text-[8px] font-mono px-1.5 py-0.5 rounded-full uppercase font-extrabold shrink-0">FREE</span></a></li> 133 <li><a href="/ai/index.html" class="hover:text-brandYellow transition-colors flex items-center gap-1"><span>Brovate AI</span> <span class="bg-brandYellow/10 text-brandYellow text-[8px] font-mono px-1 py-0.5 rounded uppercase font-bold shrink-0">NEW</span></a></li> 134 </ul> 135 </div> 136 137 <!-- Column 5: Contact --> 138 <div class="flex flex-col gap-4"> 139 <span class="text-xs font-mono uppercase tracking-widest text-white/40 font-extrabold">Contact</span> 140 <ul class="flex flex-col gap-3 text-sm text-brandGray font-semibold font-sans"> 141 <li class="flex items-center gap-2"> 142 <span>ð§</span> 143 <a href="mailto:[email protected]" class="hover:text-brandYellow transition-colors">[email protected]</a> 144 </li> 145 <li class="flex items-center gap-2"> 146 <span>ð¬</span> 147 <a href="https://wa.me/918199819994" target="_blank" class="hover:text-brandYellow transition-colors">WhatsApp Chat Line</a> 148 </li> 149 <li class="flex items-center gap-2"> 150 <svg class="w-4 h-4 shrink-0 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 151 <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path> 152 <rect x="2" y="9" width="4" height="12"></rect> 153 <circle cx="4" cy="4" r="2"></circle> 154 </svg> 155 <a href="https://www.linkedin.com/company/brovate.in/" target="_blank" class="hover:text-brandYellow transition-colors">LinkedIn</a> 156 </li> 157 <li class="flex items-center gap-2"> 158 <svg class="w-4 h-4 shrink-0 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 159 <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect> 160 <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path> 161 <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line> 162 </svg> 163 <a href="https://www.instagram.com/brovate.in/" target="_blank" class="hover:text-brandYellow transition-colors">Instagram</a> 164 </li> 165 <li class="flex items-center gap-2"> 166 <svg class="w-4 h-4 shrink-0 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 167 <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path> 168 </svg> 169 <a href="https://github.com/brovate" target="_blank" class="hover:text-brandYellow transition-colors">GitHub</a> 170 </li> 171 <li class="flex items-start gap-2 text-xs text-white/65 mt-2 max-w-[200px] leading-relaxed">
172 <span>ð</span> 173 <span>Sindon House, Sankhol, Bahadurgarh, Haryana â 124507, India</span> 174 </li> 175 </ul> 176 </div> 177 178 </div> 179 180 <!-- Divider line --> 181 <div class="h-[1px] bg-brandBorder/60"></div> 182 183 <!-- Bottom credits section --> 184 <div class="flex flex-col sm:flex-row items-center justify-between gap-6 font-sans"> 185 <div class="text-xs text-brandGray font-semibold text-center sm:text-left leading-relaxed"> 186 © 2026 Brovate. All Rights Reserved. | <a href="/privacy.html" class="hover:underline">Privacy Policy</a> | <a href="/chrome-extension-privacy" class="hover:underline">Chrome Extension Privacy</a> | <a href="/terms.html" class="hover:underline">Terms of Service</a> | <a href="/client/login.html" class="hover:text-brandYellow transition-colors underline font-bold">Client Login</a> | <a href="#" onclick="if(typeof openAuthModal === \'function\') { openAuthModal(\'admin\'); } else { alert(\'Accessing admin dashboard...\'); } return false;" class="hover:text-brandYellow transition-colors underline font-bold">ð Admin Dashboard Access</a> 187 </div> 188 <div class="text-brandYellow font-bebas text-lg tracking-wider text-center sm:text-right"> 189 YOUR STARTUP'S BIG BROTHER™ 190 </div> 191 </div> 192 193 </div> 194 </footer>`; 195});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.