<?php
$assetBase =
    basename(rtrim(FCPATH, "\\/")) === "public" ? "assets/" : "public/assets/";
$phoneDisplay = $phoneDisplay ?? "+91 98765 43210";
$phoneHref = $phoneHref ?? "+919876543210";
$whatsappNumber = $whatsappNumber ?? "919876543210";
?>
<!doctype html><html lang="en"><head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>BrandSquare — Logos that make brands unforgettable</title><meta name="description" content="Strategic logo design for ambitious brands. Get three original concepts and a complete brand-ready file kit.">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="<?= base_url(
    $assetBase . "css/landing_1.css",
) ?>"><link rel="stylesheet" href="<?= base_url(
    $assetBase . "css/landing_1_simple.css",
) ?>"><link rel="stylesheet" href="<?= base_url(
    $assetBase . "css/main.css",
) ?>">
</head><body>
<header class="home-header"><nav aria-label="Main navigation"><a class="brand" href="<?= base_url() ?>" aria-label="BrandSquare home">Brand<span>Square.</span></a><button class="mobile-menu-toggle" type="button" aria-expanded="false" aria-controls="home-menu" aria-label="Open navigation menu" data-menu-toggle><span></span><span></span><span></span></button><div class="nav-links" id="home-menu" data-mobile-menu><a class="active" href="<?= base_url() ?>">Home</a><a href="#work" data-scroll>Our Work</a><a href="<?= base_url(
    "brand-guide",
) ?>">Brand Guide</a><a class="call-button" href="tel:<?= $phoneHref ?>">Call now</a><button class="nav-cta" type="button" data-enquiry-open>Send enquiry <span>→</span></button></div></nav></header>
<main><section class="hero"><div class="hero-copy"><div class="eyebrow"><i></i> Branding studio for bold businesses</div><h1>A logo people<br><em>remember.</em></h1><p>Strategic identities made to earn attention, build trust, and turn first impressions into loyal customers.</p><div class="hero-actions"><a href="#brief" data-scroll class="button">Start my 5-minute brief <span>→</span></a><a href="#work" data-scroll class="text-link">See selected work ↘</a></div><div class="proof"><div class="avatars"><b>AK</b><b>JM</b><b>SR</b><b>+</b></div><div><strong>4.9/5</strong><span>from 180+ happy founders</span></div></div></div>
<div class="hero-art"><div class="orb"></div><div class="case-card card-one"><small>IDENTITY / 2026</small><div class="case-logo">M<span>O</span>NU</div><p>Natural skincare, reimagined.</p></div><div class="case-card card-two"><div class="tiny-mark">n.</div><div><b>NORTH & CO.</b><span>Building better places</span></div></div><div class="float-tag">✦ Original. Always.</div></div></section>
<section class="client-strip"><span>Trusted by teams at</span><b>HORIZON</b><b>MONO</b><b>ARCFLOW</b><b>NORTH & CO.</b><b>VANTAGE</b></section>
<section class="work" id="work"><div class="section-head reveal"><div><span class="kicker">Selected work</span><h2>Built to stand out.<br>Made to last.</h2></div><p>No templates. No recycled ideas. Twelve distinct identities—each built around the audience, ambition, and personality of the business behind it.</p></div><div class="work-grid reveal"><article class="project p1 project-wide"><div class="project-mark">VANTA</div><footer><b>Vanta Coffee</b><span>Brand identity · Packaging</span></footer></article><article class="project p2"><div class="project-mark onda-mark">ønda</div><footer><b>Onda Audio</b><span>Strategy · Visual identity</span></footer></article><article class="project p3"><div class="project-mark">KITE<span>▲</span></div><footer><b>Kite Finance</b><span>Brand identity · Digital</span></footer></article><article class="project p4"><div class="project-mark luma-mark"><span>✦</span>LUMA<small>BOTANICAL SKINCARE</small></div><footer><b>Luma Botanicals</b><span>Beauty · Packaging</span></footer></article><article class="project p5"><div class="project-mark ember-mark">EMBER<small>KITCHEN & BAR</small></div><footer><b>Ember Kitchen</b><span>Hospitality · Identity</span></footer></article><article class="project p6 project-wide"><div class="project-mark north-mark"><i>n.</i><span>NORTH & CO.<small>BUILDING BETTER PLACES</small></span></div><footer><b>North & Co.</b><span>Real estate · Brand system</span></footer></article><article class="project p7"><div class="project-mark circa-mark">CIRCA<i>○</i></div><footer><b>Circa Studio</b><span>Culture · Creative direction</span></footer></article><article class="project p8"><div class="project-mark plinth-mark">PLINTH<span>／</span></div><footer><b>Plinth</b><span>Architecture · Identity</span></footer></article><article class="project p9"><div class="project-mark bloom-mark"><i>✚</i>BLOOM<small>FAMILY DENTAL</small></div><footer><b>Bloom Dental</b><span>Healthcare · Brand identity</span></footer></article><article class="project p10"><div class="project-mark morrow-mark">MORROW<span>↗</span></div><footer><b>Morrow Labs</b><span>Technology · Digital</span></footer></article><article class="project p11 project-wide"><div class="project-mark sunday-mark">SUNDAY<em>club</em></div><footer><b>Sunday Club</b><span>Hospitality · Full identity</span></footer></article><article class="project p12"><div class="project-mark field-mark"><span>❋</span>field<br>& form</div><footer><b>Field & Form</b><span>Wellness · Packaging</span></footer></article></div></section>
<section class="industries" id="industries"><div class="industries-head reveal"><div><span class="kicker">Industries we serve</span><h2>Your world is unique.<br>Your logo should be too.</h2></div><div><p>We combine industry insight with original thinking to create identities that feel credible to your customers—and unmistakably yours.</p><a class="industries-all-button" href="<?= base_url(
    "industries",
) ?>">See all industries <span>→</span></a></div></div><div class="industry-grid reveal"><a class="industry-card real-estate" href="<?= base_url(
    "logo-design-for-real-estate",
) ?>"><div class="industry-top"><span>01</span><i>↗</i></div><div class="industry-icon building-icon" aria-hidden="true"><b></b><b></b><b></b></div><div><h3>Logo design for<br>Real Estate</h3><p>Confident identities for developers, brokers, architects, and property brands.</p></div></a><a class="industry-card doctors" href="<?= base_url(
    "logo-design-for-doctors",
) ?>"><div class="industry-top"><span>02</span><i>↗</i></div><div class="industry-icon cross-icon" aria-hidden="true"><b></b></div><div><h3>Logo design for<br>Doctors</h3><p>Calm, credible branding for clinics, specialists, hospitals, and healthcare teams.</p></div></a><a class="industry-card restaurants" href="<?= base_url(
    "logo-design-for-restaurants",
) ?>"><div class="industry-top"><span>03</span><i>↗</i></div><div class="industry-icon plate-icon" aria-hidden="true"><b></b><i></i></div><div><h3>Logo design for<br>Restaurants</h3><p>Flavorful identities for restaurants, cafés, cloud kitchens, and food brands.</p></div></a><a class="industry-card technology" href="<?= base_url(
    "logo-design-for-technology-saas",
) ?>"><div class="industry-top"><span>04</span><i>↗</i></div><div class="industry-icon orbit-icon" aria-hidden="true"><b></b><i></i></div><div><h3>Logo design for<br>Technology</h3><p>Smart, scalable systems for SaaS products, startups, apps, and IT companies.</p></div></a><a class="industry-card wellness" href="<?= base_url(
    "logo-design-for-spas-wellness",
) ?>"><div class="industry-top"><span>05</span><i>↗</i></div><div class="industry-icon petal-icon" aria-hidden="true"><b></b><b></b><b></b><b></b></div><div><h3>Logo design for<br>Beauty & Wellness</h3><p>Expressive branding for salons, skincare, fitness, and wellbeing businesses.</p></div></a><a class="industry-card ecommerce" href="<?= base_url(
    "logo-design-for-e-commerce",
) ?>"><div class="industry-top"><span>06</span><i>↗</i></div><div class="industry-icon bag-icon" aria-hidden="true"><b></b></div><div><h3>Logo design for<br>E-commerce</h3><p>Memorable identities built to earn clicks, trust, and repeat customers online.</p></div></a></div></section>
<section class="home-scorecard reveal">
    <div class="home-scorecard-glow" aria-hidden="true"></div>
    <div class="home-scorecard-copy">
        <span class="home-scorecard-eyebrow"><i></i> Free interactive brand tool</span>
        <h2>Is your logo ready for <em>what’s next?</em></h2>
        <p>Put your current identity through a focused 100-point audit. In seven minutes, you’ll know whether to retain it, refresh it, redesign it, or rebuild from strategy.</p>
        <div class="home-scorecard-points" aria-label="Scorecard features"><span><b>20</b> practical checks</span><span><b>4</b> brand categories</span><span><b>1</b> clear recommendation</span></div>
        <div class="home-scorecard-action"><a href="<?= base_url(
            "logo-redesign-scorecard",
        ) ?>">Score my logo free <b>→</b></a><small><i>✓</i> Instant result<br><i>✓</i> No design knowledge needed</small></div>
    </div>
    <div class="home-scorecard-stage" aria-hidden="true">
        <div class="home-scorecard-ring"></div>
        <div class="home-scorecard-visual">
            <header><span>BRANDSQUARE / BRAND AUDIT</span><b>FREE</b></header>
            <div class="home-scorecard-question"><small>LOGO REDESIGN SCORECARD</small><strong>How well is your logo really working?</strong></div>
            <div class="home-scorecard-row"><span><i>01</i> Recognition</span><em><b></b><b></b><b></b><b></b><b></b></em></div>
            <div class="home-scorecard-row"><span><i>02</i> Flexibility</span><em><b></b><b></b><b></b><b></b><b></b></em></div>
            <div class="home-scorecard-row"><span><i>03</i> Differentiation</span><em><b></b><b></b><b></b><b></b><b></b></em></div>
            <div class="home-scorecard-row"><span><i>04</i> Trust</span><em><b></b><b></b><b></b><b></b><b></b></em></div>
            <footer><span>YOUR LOGO SCORE</span><strong>?<small>/100</small></strong></footer>
        </div>
        <div class="home-scorecard-float home-scorecard-float-top"><i>↗</i><span><small>YOUR OUTCOME</small><b>Retain · Refresh<br>Redesign · Rebuild</b></span></div>
        <div class="home-scorecard-float home-scorecard-float-bottom"><b>7</b><span><strong>MINUTES</strong><small>to a clearer decision</small></span></div>
    </div>
</section>
<section class="home-outcomes">
    <div class="home-outcomes-head reveal">
        <div><span class="kicker">Choose the right level of change</span><h2>Not every old logo needs to be replaced.</h2></div>
        <p>A strong redesign decision protects the recognition you have already earned while fixing what limits clarity, trust, or growth. Your score points to one of four practical paths.</p>
    </div>
    <div class="home-outcomes-grid reveal">
        <article class="home-outcome outcome-retain">
            <header><span>01</span><b>80–100</b></header>
            <div class="outcome-symbol"><i></i><b></b></div>
            <small>Protect brand equity</small>
            <h3>Retain & refine</h3>
            <p>Keep the recognisable core. Correct only specific spacing, consistency, or usability issues.</p>
        </article>
        <article class="home-outcome outcome-refresh">
            <header><span>02</span><b>60–79</b></header>
            <div class="outcome-symbol"><i></i><b></b></div>
            <small>Modernise carefully</small>
            <h3>Strategic refresh</h3>
            <p>Simplify and polish the identity without losing the features existing customers already know.</p>
        </article>
        <article class="home-outcome outcome-redesign">
            <header><span>03</span><b>40–59</b></header>
            <div class="outcome-symbol"><i></i><b></b></div>
            <small>Resolve deeper problems</small>
            <h3>Logo redesign</h3>
            <p>Revisit the idea, structure, and execution when the current logo is limiting trust or flexibility.</p>
        </article>
        <article class="home-outcome outcome-rebuild">
            <header><span>04</span><b>0–39</b></header>
            <div class="outcome-symbol"><i></i><b></b></div>
            <small>Return to strategy</small>
            <h3>Rebuild</h3>
            <p>Start with audience, positioning, and personality when very little existing visual equity is working.</p>
        </article>
    </div>
    <div class="home-outcomes-cta reveal"><span><i>?</i><b>Unsure which path is right?</b> Let the evidence decide.</span><a href="<?= base_url(
        "logo-redesign-scorecard",
    ) ?>">Take the free scorecard <b>→</b></a></div>
</section>
<section class="process" id="process"><span class="kicker">A professional logo—without a complicated process</span><h2>Three easy steps.<br>We guide every one.</h2><div class="steps"><article><i>01 · ABOUT 5 MINUTES</i><h3>Share your idea</h3><p>Complete our simple guided brief or book a quick call. Tell us what you do, who you serve, and the look you love.</p><div class="step-visual style-row"><span>Minimal</span><span>Bold</span><span>Elegant</span><span>Playful</span></div></article><article><i>02 · FIRST LOOK IN 5–7 DAYS</i><h3>Explore three original ideas</h3><p>Receive three genuinely different logo directions, each shaped by your market, audience, and ambition.</p><div class="step-visual concept-row"><b>BS</b><b>Brand<br>Square</b><b>B/S</b></div></article><article><i>03 · READY TO USE</i><h3>Refine and launch</h3><p>Choose your favorite, refine it with us, and receive a complete logo kit for every place your brand appears.</p><div class="step-visual file-row"><span>PNG</span><span>SVG</span><span>PDF</span><span>JPG</span></div></article></div><div class="process-promise"><span>✓ Clear pricing</span><span>✓ Guided feedback</span><span>✓ No design jargon</span><span>✓ 100% ownership</span></div></section>
<section class="brief" id="brief"><div><span class="kicker">Your five-minute brand brief</span><h2>Start your logo<br>the simple way.</h2><p>Packages from <strong>₹7,999</strong> . First concepts in 3-5 business days.</p><div class="brief-note"><b>What happens next?</b><span>We’ll review your answers and personally reply within one business day with clear next steps.</span></div></div><form class="lead-form multi-step-form" data-multistep data-endpoint action="<?= base_url(
    "leads",
) ?>" method="post" novalidate><?= csrf_field() ?><label class="website-field" aria-hidden="true">Website<input name="website" tabindex="-1" autocomplete="off"></label><div class="form-head"><div><span>Your project brief</span><b data-step-label>Step 1 of 3</b></div><div class="progress"><i data-progress></i></div></div><fieldset data-step><legend>First, tell us about your business.</legend><p class="field-help">Just the essentials—we’ll learn the rest together.</p><label>Business name<input required name="business_name" placeholder="Your business or project"></label><label>What industry are you in?<input required name="industry" placeholder="e.g. Wellness, technology, hospitality"></label><label>Describe your business in one sentence<textarea name="message" placeholder="What do you offer, and who is it for?"></textarea></label><button type="button" class="next-step">Choose a visual style →</button></fieldset><fieldset data-step hidden><legend>Which direction feels most like you?</legend><p class="field-help">Choose one for now. This is inspiration, not a final commitment.</p><div class="style-picker"><label><input required type="radio" name="style" value="Minimal"><span><i class="minimal-mark">Aa</i><b>Minimal</b></span></label><label><input type="radio" name="style" value="Bold"><span><i class="bold-mark">B!</i><b>Bold</b></span></label><label><input type="radio" name="style" value="Elegant"><span><i class="elegant-mark">É</i><b>Elegant</b></span></label><label><input type="radio" name="style" value="Playful"><span><i class="playful-mark">✦</i><b>Playful</b></span></label></div><label>Estimated budget<select name="budget"><option value="">Select a comfortable range</option><option>$499–$799</option><option>$800–$1,299</option><option>$1,300+</option><option>I’m not sure yet</option></select></label><div class="form-nav"><button type="button" class="prev-step">← Back</button><button type="button" class="next-step">Add my contact details →</button></div></fieldset><fieldset data-step hidden><legend>Where should we send the next steps?</legend><p class="field-help">No sales pressure. You’ll hear from a real designer.</p><label>Your name<input required name="name" placeholder="Jane Smith"></label><label>Email address<input required type="email" name="email" placeholder="jane@company.com"></label><label>WhatsApp or phone <span>(optional)</span><input type="tel" name="phone" placeholder="Include country code"></label><div class="form-nav"><button type="button" class="prev-step">← Back</button><button type="submit">Send my brief →</button></div><small>Private and secure. No spam—ever.</small><div class="form-message" role="status" aria-live="polite"></div></fieldset></form></section></main>
<div class="enquiry-modal" data-enquiry-modal hidden>
    <div class="enquiry-modal-backdrop" data-enquiry-close></div>
    <section class="enquiry-dialog" role="dialog" aria-modal="true" aria-labelledby="enquiry-title">
        <button class="enquiry-close" type="button" aria-label="Close enquiry form" data-enquiry-close>×</button>
        <span class="kicker">Start a conversation</span>
        <h2 id="enquiry-title">Tell us where to reach you.</h2>
        <p>Share your details and our logo design team will contact you within one business day.</p>
        <form class="lead-form enquiry-form" data-endpoint data-enquiry-form action="<?= base_url(
            "leads",
        ) ?>" method="post" novalidate>
            <?= csrf_field() ?>
            <input type="hidden" name="lead_type" value="navigation_enquiry">
            <label class="website-field" aria-hidden="true">Website<input name="website" tabindex="-1" autocomplete="off"></label>
            <label>Name<input required name="name" autocomplete="name" placeholder="Your name"></label>
            <label>Email<input required type="email" name="email" autocomplete="email" placeholder="you@company.com"></label>
            <label>Mobile<input required type="tel" name="phone" autocomplete="tel" inputmode="tel" placeholder="Include country code"></label>
            <button type="submit" data-sending-label="Submitting enquiry...">Submit enquiry <span>→</span></button>
            <small>Your information stays private. No spam.</small>
            <div class="form-message" role="status" aria-live="polite"></div>
        </form>
    </section>
</div>
<a class="whatsapp-button" href="https://wa.me/<?= ltrim(
    $whatsappNumber,
    "+",
) ?>?text=Hi%20BrandSquare%2C%20I%27d%20like%20to%20discuss%20a%20logo%20design." target="_blank" rel="noopener noreferrer" aria-label="Talk to BrandSquare on WhatsApp"><span class="whatsapp-icon" aria-hidden="true"><img src="https://cdn.jsdelivr.net/npm/simple-icons@v16/icons/whatsapp.svg" alt="" width="26" height="26"></span><span class="whatsapp-label"><b>Let’s<br>Talk</b></span></a>
<footer class="website-footer"><div class="footer-main"><div class="footer-about"><a class="footer-logo" href="<?= base_url() ?>"><i>BS</i><span>Brand<strong>Square.</strong></span></a><p>We create distinctive, strategic logo identities that help ambitious businesses earn attention and grow with confidence.</p><a class="footer-callout" href="#brief" data-scroll>Start your logo project <span>→</span></a></div><div class="footer-column"><h3>Explore</h3><a href="<?= base_url() ?>">Home</a><a href="#work" data-scroll>Our Work</a><a href="<?= base_url(
    "brand-guide",
) ?>">Brand Guide</a><a href="#process" data-scroll>Our Process</a><a href="<?= base_url(
    "logo-redesign-scorecard",
) ?>">Logo Scorecard</a><a href="#brief" data-scroll>Get a Quote</a></div><div class="footer-column"><h3>Policies</h3><a href="#">Privacy Policy</a><a href="#">Terms & Conditions</a><a href="#">Refund Policy</a><a href="#">Cookie Policy</a><a href="<?= base_url(
    "sitemap",
) ?>">Sitemap</a></div><div class="footer-column footer-contact" id="contact"><h3>Contact us</h3><a href="tel:<?= $phoneHref ?>"><span>Call</span><?= esc(
    $phoneDisplay,
) ?></a><a href="mailto:hello@brandsquare.com"><span>Email</span>hello@brandsquare.com</a><p><span>Hours</span>Mon–Sat · 9:30am–6:30pm IST</p></div></div><div class="footer-bottom"><span>© <?= date(
    "Y",
) ?> BrandSquare. All rights reserved.</span><?php if (
     $socialLinks
 ): ?><div class="social-links" aria-label="Social links"><?php foreach (
    $socialLinks
    as $socialLabel => $socialUrl
): ?><a href="<?= esc(
    $socialUrl,
) ?>" target="_blank" rel="noopener noreferrer" aria-label="<?= esc(
    $socialLabel,
) ?>"><?= esc(
    $socialLabel,
) ?> ↗</a><?php endforeach; ?></div><?php endif; ?><span>Made for brands with ambition.</span></div></footer>
<script src="<?= base_url(
    $assetBase . "js/landing.js",
) ?>"></script></body></html>
