<?php
$assetBase =
    basename(rtrim(FCPATH, "\\/")) === "public" ? "assets/" : "public/assets/";
$remainingArticles = $featured
    ? array_values(
        array_filter($articles, static function ($article) use ($featured) {
            return $article["id"] !== $featured["id"];
        }),
    )
    : [];
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Brand Guide: Logo Design & Redesign Advice | BrandSquare</title>
    <meta name="description" content="Practical logo design, brand planning, and logo redesign guides for new business owners and growing Indian businesses.">
    <link rel="canonical" href="<?= base_url("brand-guide") ?>">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Brand Guide: Logo Design & Redesign Advice">
    <meta property="og:description" content="Clear, practical brand guidance for founders creating a logo or improving an existing identity.">
    <meta property="og:url" content="<?= base_url("brand-guide") ?>">
    <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/main.css") ?>">
    <link rel="stylesheet" href="<?= base_url(
        $assetBase . "css/brand_guide.css",
    ) ?>">
    <script type="application/ld+json"><?= json_encode(
        [
            "@context" => "https://schema.org",
            "@type" => "CollectionPage",
            "name" => "BrandSquare Brand Guide",
            "description" =>
                "Logo design, logo redesign, and brand strategy guidance for business owners.",
            "url" => base_url("brand-guide"),
            "publisher" => [
                "@type" => "Organization",
                "name" => "BrandSquare",
                "url" => base_url(),
            ],
        ],
        JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE,
    ) ?></script>
</head>
<body class="brand-guide-page">
<header class="guide-header"><nav><a class="brand" href="<?= base_url() ?>">Brand<span>Square.</span></a><button class="mobile-menu-toggle" type="button" aria-expanded="false" aria-controls="guide-menu" aria-label="Open navigation menu" data-menu-toggle><span></span><span></span><span></span></button><div id="guide-menu" data-mobile-menu><a href="<?= base_url() ?>">Home</a><a href="<?= base_url(
    "#work",
) ?>">Our Work</a><a class="active" href="<?= base_url(
    "brand-guide",
) ?>">Brand Guide</a><a class="guide-call" href="tel:<?= esc(
    $phoneHref,
) ?>">Call now</a><a class="guide-enquiry" href="<?= base_url(
    "#brief",
) ?>">Send enquiry <span>→</span></a></div></nav></header>

<main>
    <section class="guide-hero"><div><span class="guide-kicker"><i></i> Practical brand knowledge</span><h1>Build a brand people <em>understand and remember.</em></h1><p>Clear, founder-friendly guidance for creating a new logo, choosing the right design partner, and knowing when an existing identity needs to change.</p></div><aside><span>START HERE</span><a href="#new-logo"><b>01</b> Planning a new logo <i>↓</i></a><a href="#redesign"><b>02</b> Improving an existing logo <i>↓</i></a><a href="<?= base_url(
        "logo-redesign-scorecard",
    ) ?>"><b>03</b> Score your current logo <i>↗</i></a></aside></section>

    <?php if ($featured): ?>
    <section class="guide-featured">
        <a class="featured-guide-card theme-<?= esc(
            $featured["theme"],
        ) ?>" href="<?= base_url(
    "brand-guide/" . $featured["slug"],
) ?>"><div><span><?= esc(
    $featured["category"],
) ?> · Featured guide</span><h2><?= esc($featured["title"]) ?></h2><p><?= esc(
    $featured["excerpt"],
) ?></p><footer><b>Read the complete guide <i>→</i></b><small><?= esc(
    $featured["reading_minutes"],
) ?> min read</small></footer></div><aside><span>BS</span><i><?= esc(
     strtoupper(substr($featured["category"], 0, 1)),
 ) ?></i><small>FIELD GUIDE / <?= date("Y") ?></small></aside></a>
    </section>
    <?php endif; ?>

    <section class="guide-paths">
        <article id="new-logo"><span>For new businesses</span><h2>Creating your first professional logo?</h2><p>Start with business strategy, a focused brief, and a clear understanding of the files and applications you will need.</p><a href="#guide-library">Explore new-logo guides <b>↓</b></a></article>
        <article id="redesign"><span>For existing businesses</span><h2>Has your business outgrown its identity?</h2><p>Learn how to diagnose real logo problems, protect useful recognition, and choose the right level of change.</p><a href="<?= base_url(
            "logo-redesign-scorecard",
        ) ?>">Take the redesign scorecard <b>→</b></a></article>
    </section>

    <section class="guide-library" id="guide-library">
        <div class="guide-section-head"><div><span>BrandSquare field notes</span><h2>Useful answers for better brand decisions.</h2></div><p>Every article is written to help business owners make a practical decision—not to bury a simple answer in design jargon.</p></div>
        <div class="guide-card-grid">
            <?php foreach ($remainingArticles as $index => $article): ?>
                <a class="guide-card theme-<?= esc(
                    $article["theme"],
                ) ?>" href="<?= base_url(
    "brand-guide/" . $article["slug"],
) ?>"><header><span><?= str_pad(
    (string) ($index + 1),
    2,
    "0",
    STR_PAD_LEFT,
) ?></span><b><?= esc(
    $article["category"],
) ?></b></header><div class="guide-card-mark"><?= esc(
    strtoupper(substr($article["category"], 0, 1)),
) ?></div><h3><?= esc($article["title"]) ?></h3><p><?= esc(
    $article["excerpt"],
) ?></p><footer><span><?= esc(
    $article["reading_minutes"],
) ?> min read</span><i>↗</i></footer></a>
            <?php endforeach; ?>
        </div>
    </section>

    <section class="guide-cta"><div><span>Need advice for your specific business?</span><h2>Turn the reading into a clear next step.</h2><p>Share your business, audience, and ambition. We’ll recommend the right logo or redesign scope without sales pressure.</p></div><a href="<?= base_url(
        "#brief",
    ) ?>">Start your logo brief <span>→</span></a></section>
</main>

<a class="whatsapp-button" href="https://wa.me/<?= esc(
    ltrim($whatsappNumber, "+"),
) ?>?text=Hi%20BrandSquare%2C%20I%27d%20like%20some%20guidance%20for%20my%20logo." target="_blank" rel="noopener noreferrer" aria-label="Ask 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="guide-footer"><div><a class="brand" href="<?= base_url() ?>">Brand<span>Square.</span></a><p>Strategic logo design and redesign guidance for ambitious businesses.</p></div><nav><a href="<?= base_url() ?>">Home</a><a href="<?= base_url(
    "brand-guide",
) ?>">Brand Guide</a><a href="<?= base_url(
    "logo-redesign-scorecard",
) ?>">Logo Scorecard</a><a href="<?= base_url(
    "sitemap",
) ?>">Sitemap</a></nav><div><a href="tel:<?= esc($phoneHref) ?>"><?= esc(
    $phoneDisplay,
) ?></a><a href="mailto:hello@brandsquare.co.in">hello@brandsquare.co.in</a></div></footer>
<script src="<?= base_url($assetBase . "js/landing.js") ?>"></script>
</body>
</html>
