<div class="bf-root">
<!-- HEADER -->
<header class="bf-header" id="bfHeader">
<div class="bf-wrap bf-nav">
<a href="#bfTop" class="bf-logo">Brand<span>Flare</span></a>
<ul class="bf-menu" id="bfMenu">
<li><a href="#bfServices">Services</a></li>
<li><a href="#bfResults">Results</a></li>
<li><a href="#bfVoices">Clients</a></li>
<li><a href="#bfContact" class="bf-btn bf-btn-primary" style="padding:11px 24px;color:#1a0d02">Book a Call</a></li>
</ul>
<button class="bf-burger" id="bfBurger" aria-label="Menu"><span></span><span></span><span></span></button>
</div>
</header>
<!-- HERO -->
<section class="bf-hero" id="bfTop">
<div class="bf-hero-glow" id="bfGlow"></div>
<div class="bf-wrap">
<div class="bf-hero-inner bf-reveal">
<span class="bf-eyebrow">AI-Powered Growth Partner</span>
<h1>We engineer <em>premium brands</em> into measurable business growth.</h1>
<p>BrandFlare blends brand strategy, performance marketing, and conversion psychology to scale ambitious businesses — with the precision of an AI-era agency.</p>
<div class="bf-hero-cta">
<a href="#bfContact" class="bf-btn bf-btn-primary">Book a Growth Call</a>
<a href="#bfResults" class="bf-btn bf-btn-ghost">See the Results</a>
</div>
</div>
<div class="bf-stats bf-reveal">
<div><div class="bf-stat-num">₹10Cr<span>+</span></div><div class="bf-stat-label">Revenue influenced</div></div>
<div><div class="bf-stat-num">70<span>+</span></div><div class="bf-stat-label">Brands scaled</div></div>
<div><div class="bf-stat-num">450<span>%</span></div><div class="bf-stat-label">Peak growth in 9 months</div></div>
</div>
</div>
</section>
<!-- SERVICES -->
<section class="bf-section bf-section-alt" id="bfServices">
<div class="bf-wrap">
<div class="bf-section-head bf-reveal">
<span class="bf-eyebrow">What We Do</span>
<h2>A complete growth system, not scattered tactics.</h2>
<p>Every engagement is built on strategy first — then executed across the channels that actually move revenue.</p>
</div>
<div class="bf-grid">
<div class="bf-card bf-reveal">
<div class="bf-card-icon">◆</div>
<h3>Brand & Identity</h3>
<p>Premium positioning, visual identity, and messaging that makes your business feel like the obvious choice.</p>
</div>
<div class="bf-card bf-reveal">
<div class="bf-card-icon">▲</div>
<h3>Performance Ads</h3>
<p>Meta, Google, and YouTube campaigns engineered around hooks, funnels, and ROAS — not vanity metrics.</p>
</div>
<div class="bf-card bf-reveal">
<div class="bf-card-icon">●</div>
<h3>SEO & Authority</h3>
<p>Topical authority, technical SEO, and content silos built to dominate search intent in your category.</p>
</div>
<div class="bf-card bf-reveal">
<div class="bf-card-icon">◇</div>
<h3>Conversion Websites</h3>
<p>Cinematic, fast, conversion-optimized websites designed to turn attention into qualified leads.</p>
</div>
<div class="bf-card bf-reveal">
<div class="bf-card-icon">⬡</div>
<h3>Funnels & Automation</h3>
<p>Lead systems, nurture sequences, and AI workflows that scale revenue without scaling headcount.</p>
</div>
<div class="bf-card bf-reveal">
<div class="bf-card-icon">★</div>
<h3>Content & Social</h3>
<p>Editorial-grade content and social growth that builds trust, authority, and consistent inbound demand.</p>
</div>
</div>
</div>
</section>
<!-- CASE STUDY -->
<section class="bf-section" id="bfResults">
<div class="bf-wrap">
<div class="bf-section-head bf-reveal">
<span class="bf-eyebrow">Case Study</span>
<h2>How a D2C brand scaled 450% in 9 months.</h2>
</div>
<div class="bf-case bf-reveal">
<div>
<div class="bf-case-big">+450%</div>
<p style="margin-top:18px;max-width:420px">A direct-to-consumer wellness brand came to us plateaued and over-reliant on a single channel. We rebuilt positioning, restructured paid acquisition, and launched a conversion-first website.</p>
</div>
<ul class="bf-case-list">
<li>Revenue growth <span>+450%</span></li>
<li>ROAS <span>2.1x → 5.4x</span></li>
<li>Cost per lead <span>−38%</span></li>
<li>Timeline <span>9 months</span></li>
</ul>
</div>
</div>
</section>
<!-- TESTIMONIALS -->
<section class="bf-section bf-section-alt" id="bfVoices">
<div class="bf-wrap">
<div class="bf-section-head bf-reveal">
<span class="bf-eyebrow">Client Voices</span>
<h2>Trusted across healthcare, SMEs, and D2C.</h2>
</div>
<div class="bf-quotes">
<div class="bf-quote bf-reveal">
<div class="bf-quote-stars">★★★★★</div>
<p>"They understood our clinic's positioning better than we did. Within two quarters our patient enquiries were consistent and far higher quality."</p>
<div class="bf-quote-author"><strong>Dr. Rhea Malhotra</strong><small>Founder, Multi-specialty Clinic</small></div>
</div>
<div class="bf-quote bf-reveal">
<div class="bf-quote-stars">★★★★★</div>
<p>"BrandFlare treated our business like it was their own. The new website alone doubled the leads we used to get, and the ads finally became profitable."</p>
<div class="bf-quote-author"><strong>Arjun Verma</strong><small>Director, B2B Services SME</small></div>
</div>
<div class="bf-quote bf-reveal">
<div class="bf-quote-stars">★★★★★</div>
<p>"Strategic, calm, and genuinely premium in how they work. They scaled our D2C brand without the chaos we'd experienced with previous agencies."</p>
<div class="bf-quote-author"><strong>Neha Kulkarni</strong><small>Co-founder, D2C Wellness Brand</small></div>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="bf-section" id="bfContact">
<div class="bf-wrap">
<div class="bf-cta-band bf-reveal">
<span class="bf-eyebrow">Let's Build Something Premium</span>
<h2>Ready to scale with an agency that thinks like a partner?</h2>
<p>Book a no-pressure growth call. We'll map your biggest opportunities and show you exactly how we'd approach them.</p>
<a href="#bfTop" class="bf-btn bf-btn-primary">Book a Growth Call</a>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="bf-footer">
<div class="bf-wrap">
<div class="bf-footer-top">
<div class="bf-footer-brand">
<a href="#bfTop" class="bf-logo">Brand<span>Flare</span></a>
<p>An AI-powered digital growth partner combining premium branding, performance marketing, and conversion psychology.</p>
</div>
<div class="bf-footer-cols">
<div class="bf-footer-col">
<h4>Services</h4>
<a href="#bfServices">Branding</a>
<a href="#bfServices">Performance Ads</a>
<a href="#bfServices">SEO</a>
<a href="#bfServices">Websites</a>
</div>
<div class="bf-footer-col">
<h4>Company</h4>
<a href="#bfResults">Results</a>
<a href="#bfVoices">Clients</a>
<a href="#bfContact">Contact</a>
</div>
</div>
</div>
<div class="bf-footer-bottom">© 2026 BrandFlare Digital Marketing. All rights reserved.</div>
</div>
</footer>
</div>