<?php
$assetBase =
    basename(rtrim(FCPATH, "\\/")) === "public" ? "assets/" : "public/assets/";
$pageUrl = base_url("industries");
$itemList = [];
foreach ($industries as $index => $industry) {
    $itemList[] = [
        "@type" => "ListItem",
        "position" => $index + 1,
        "name" => "Logo design for " . $industry["name"],
        "url" => base_url("logo-design-for-" . $industry["slug"]),
    ];
}
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Logo Design for Every Industry in India | BrandSquare</title>
    <meta name="description" content="Explore specialist logo design services for real estate, healthcare, hospitality, technology, e-commerce and 30+ industries across India.">
    <link rel="canonical" href="<?= esc($pageUrl, "attr") ?>">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Logo Design for Every Industry in India">
    <meta property="og:description" content="Industry-aware logo design for ambitious Indian businesses. Explore specialist guidance for your market.">
    <meta property="og:url" content="<?= esc($pageUrl, "attr") ?>">
    <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/industries_directory.css",
    ) ?>">
    <script type="application/ld+json"><?= json_encode(
        [
            "@context" => "https://schema.org",
            "@type" => "CollectionPage",
            "name" => "Industries BrandSquare Serves",
            "description" =>
                "Industry-specific logo design services for businesses across India.",
            "url" => $pageUrl,
            "mainEntity" => [
                "@type" => "ItemList",
                "numberOfItems" => count($itemList),
                "itemListElement" => $itemList,
            ],
        ],
        JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE,
    ) ?></script>
</head>
<body class="industries-directory-page">
<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="industries-menu" aria-label="Open navigation menu" data-menu-toggle><span></span><span></span><span></span></button>
        <div class="nav-links" id="industries-menu" data-mobile-menu>
            <a href="<?= base_url() ?>">Home</a>
            <a href="<?= base_url("#work") ?>">Our Work</a>
            <a class="active" href="<?= base_url(
                "industries",
            ) ?>">Industries</a>
            <a href="<?= base_url("brand-guide") ?>">Brand Guide</a>
            <a class="call-button" href="tel:<?= esc(
                $phoneHref,
            ) ?>">Call now</a>
            <a class="nav-cta" href="<?= base_url(
                "#brief",
            ) ?>">Send enquiry <span>→</span></a>
        </div>
    </nav>
</header>

<main>
    <section class="industries-directory-hero">
        <div>
            <span class="directory-eyebrow"><i></i> Industry-aware identity design</span>
            <h1>A logo that feels right<br>for <em>your market.</em></h1>
            <p>Every industry has its own trust signals, customer expectations, and visual clichés. We combine sector understanding with original thinking to make your business credible—and unmistakably yours.</p>
        </div>
        <aside>
            <strong><?= count($industries) ?>+</strong>
            <span>industries supported</span>
            <p>From local practices and hospitality brands to SaaS products and national manufacturers.</p>
        </aside>
    </section>

    <section class="industries-directory-intro">
        <div><span>Find your industry</span><h2>Specialist insight.<br>Original outcomes.</h2></div>
        <p>Select your market to explore the design challenges, identity opportunities, process, and answers most relevant to your business.</p>
    </section>

    <section class="industry-search-panel">
        <form class="industry-search-form" role="search" data-industry-search>
            <label for="industry-search-input">Search your industry</label>
            <div class="industry-search-control">
                <span aria-hidden="true">⌕</span>
                <input id="industry-search-input" type="search" name="industry" placeholder="Try doctors, restaurants, technology..." autocomplete="off" aria-controls="industries-directory-grid" aria-describedby="industry-search-status">
                <button type="button" data-industry-search-clear hidden>Clear</button>
            </div>
        </form>
        <p id="industry-search-status" class="industry-search-status" aria-live="polite"><b><?= count(
            $industries,
        ) ?></b> industries available</p>
    </section>

    <section class="industries-directory-grid" id="industries-directory-grid" aria-label="Industries we serve">
        <?php foreach ($industries as $index => $industry): ?>
            <a class="directory-industry-card" data-industry-card data-industry-search-text="<?= esc(
                strtolower(
                    $industry["name"] .
                        " " .
                        $industry["meta_description"] .
                        " " .
                        $industry["hero_text"],
                ),
                "attr",
            ) ?>" style="--card-primary:<?= esc(
    $industry["primary_color"],
    "attr",
) ?>;--card-accent:<?= esc(
    $industry["accent_color"],
    "attr",
) ?>" href="<?= base_url("logo-design-for-" . $industry["slug"]) ?>">
                <header><span><?= str_pad(
                    (string) ($index + 1),
                    2,
                    "0",
                    STR_PAD_LEFT,
                ) ?></span><i>↗</i></header>
                <div class="directory-card-mark"><?= esc(
                    strtoupper(substr($industry["name"], 0, 1)),
                ) ?></div>
                <div>
                    <small>Logo design for</small>
                    <h2><?= esc($industry["name"]) ?></h2>
                    <p><?= esc($industry["meta_description"]) ?></p>
                </div>
                <footer>Explore industry expertise <span>→</span></footer>
            </a>
        <?php endforeach; ?>
    </section>

    <section class="industry-search-empty" data-industry-search-empty hidden>
        <span>No exact match found</span>
        <h2>We can still design for your industry.</h2>
        <p>Try a broader term, clear the search, or tell us about your business for a tailored recommendation.</p>
        <div><button type="button" data-industry-search-empty-clear>View all industries</button><a href="<?= base_url(
            "#brief",
        ) ?>">Discuss your business <span>→</span></a></div>
    </section>

    <section class="industries-directory-cta">
        <div><span>YOUR INDUSTRY ISN’T LISTED?</span><h2>Your business still deserves a logo built around it.</h2><p>Tell us what you do and who you serve. We’ll shape the right identity approach for your market.</p></div>
        <a href="<?= base_url("#brief") ?>">Discuss your logo <span>→</span></a>
    </section>
</main>

<a class="whatsapp-button" href="https://wa.me/<?= esc(
    ltrim($whatsappNumber, "+"),
) ?>?text=Hi%20BrandSquare%2C%20I%27d%20like%20to%20discuss%20a%20logo%20for%20my%20industry." 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 directory-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="<?= base_url(
    "#brief",
) ?>">Start your logo project <span>→</span></a></div>
        <div class="footer-column"><h3>Explore</h3><a href="<?= base_url() ?>">Home</a><a href="<?= base_url(
    "#work",
) ?>">Our Work</a><a href="<?= base_url(
    "industries",
) ?>">Industries</a><a href="<?= base_url(
    "brand-guide",
) ?>">Brand Guide</a></div>
        <div class="footer-column"><h3>Resources</h3><a href="<?= base_url(
            "logo-redesign-scorecard",
        ) ?>">Logo Scorecard</a><a href="<?= base_url(
    "logo-design-india",
) ?>">Logo Design India</a><a href="<?= base_url(
    "sitemap",
) ?>">Sitemap</a></div>
        <div class="footer-column footer-contact"><h3>Contact us</h3><a href="tel:<?= esc(
            $phoneHref,
        ) ?>"><span>Call</span><?= esc(
    $phoneDisplay,
) ?></a><a href="mailto:hello@brandsquare.co.in"><span>Email</span>hello@brandsquare.co.in</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,
    "attr",
) ?>" target="_blank" rel="noopener noreferrer"><?= 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>
<script src="<?= base_url(
    $assetBase . "js/industries_directory.js",
) ?>"></script>
</body>
</html>
