<?php
$assetBase =
    basename(rtrim(FCPATH, "\\/")) === "public" ? "assets/" : "public/assets/";
$name = $industry["name"];
$nameLower = strtolower($name);
$pageUrl = base_url("logo-design-for-" . $industry["slug"]);
$faqs = [
    [
        "question" => "How much does logo design for " . $name . " cost?",
        "answer" =>
            "BrandSquare logo design packages start from ₹7,999. The final scope depends on the number of concepts, brand applications, and supporting identity assets your business needs.",
    ],
    [
        "question" =>
            "How long does a " . $nameLower . " logo design project take?",
        "answer" =>
            "Your first original concepts are normally ready in 3–5 business days. Timelines for refinement depend on feedback, but the process stays clear and guided throughout.",
    ],
    [
        "question" => "Will my logo be original and ready for commercial use?",
        "answer" =>
            "Yes. Every direction is created for your business, not taken from a template. Once the project is complete, you receive full ownership and production-ready files.",
    ],
    [
        "question" => "Which logo files will I receive?",
        "answer" =>
            "Your final kit includes high-resolution PNG and JPG files, scalable SVG and PDF files, colour variations, and formats suitable for print, websites, social media, and signage.",
    ],
];
$schema = [
    "@context" => "https://schema.org",
    "@graph" => [
        [
            "@type" => "ProfessionalService",
            "name" => "BrandSquare",
            "url" => base_url(),
            "telephone" => $phoneDisplay,
            "areaServed" => "India",
            "serviceType" => "Logo Design for " . $name,
        ],
        [
            "@type" => "Service",
            "name" => "Logo Design for " . $name,
            "provider" => [
                "@type" => "Organization",
                "name" => "BrandSquare",
            ],
            "url" => $pageUrl,
            "description" => $industry["meta_description"],
        ],
        [
            "@type" => "FAQPage",
            "mainEntity" => array_map(static function ($faq) {
                return [
                    "@type" => "Question",
                    "name" => $faq["question"],
                    "acceptedAnswer" => [
                        "@type" => "Answer",
                        "text" => $faq["answer"],
                    ],
                ];
            }, $faqs),
        ],
    ],
];
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?= esc($industry["meta_title"]) ?></title>
    <meta name="description" content="<?= esc(
        $industry["meta_description"],
    ) ?>">
    <meta name="robots" content="index,follow,max-image-preview:large">
    <link rel="canonical" href="<?= esc($pageUrl) ?>">
    <meta property="og:type" content="website">
    <meta property="og:title" content="<?= esc($industry["meta_title"]) ?>">
    <meta property="og:description" content="<?= esc(
        $industry["meta_description"],
    ) ?>">
    <meta property="og:url" content="<?= esc($pageUrl) ?>">
    <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/industry.css",
    ) ?>">
    <style>:root{--industry-primary:<?= esc(
        $industry["primary_color"],
    ) ?>;--industry-accent:<?= esc($industry["accent_color"]) ?>}</style>
    <script type="application/ld+json"><?= json_encode(
        $schema,
        JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE,
    ) ?></script>
</head>
<body>
<header class="industry-header">
    <nav aria-label="Main navigation">
        <a class="industry-brand" href="<?= base_url() ?>">Brand<span>Square.</span></a>
        <button class="industry-menu-toggle" type="button" aria-expanded="false" aria-controls="industry-menu" aria-label="Open navigation menu" data-menu-toggle><span></span><span></span><span></span></button>
        <div class="industry-nav-links" id="industry-menu" data-mobile-menu>
            <a href="<?= base_url() ?>">Home</a>
            <a href="#work" data-scroll>Our approach</a>
            <a href="tel:<?= esc($phoneHref) ?>">Call <?= esc(
    $phoneDisplay,
) ?></a>
            <a class="industry-nav-cta" href="#industry-enquiry" data-scroll>Get a free consultation <span>→</span></a>
        </div>
    </nav>
</header>

<main>
    <section class="industry-hero">
        <div class="industry-hero-copy reveal">
            <div class="industry-eyebrow"><i></i> Specialist identity design · India</div>
            <h1><?= esc($industry["hero_heading"]) ?></h1>
            <p><?= esc($industry["hero_text"]) ?></p>
            <div class="industry-hero-actions">
                <a class="industry-button" href="#industry-enquiry" data-scroll>Discuss your logo <span>→</span></a>
                <a href="#work" data-scroll>See how we work <span>↓</span></a>
            </div>
            <div class="industry-proof">
                <div><strong>180+</strong><span>happy founders</span></div>
                <div><strong>4.9/5</strong><span>client rating</span></div>
                <div><strong>3–5 days</strong><span>first concepts</span></div>
            </div>
        </div>

        <aside class="industry-lead-card reveal" id="industry-enquiry">
            <span>FREE LOGO CONSULTATION</span>
            <h2>Tell us about your <?= esc($nameLower) ?> brand.</h2>
            <p>Get clear recommendations and pricing within one business day.</p>
            <form class="lead-form industry-lead-form" data-endpoint action="<?= base_url(
                "leads",
            ) ?>" method="post" novalidate>
                <?= csrf_field() ?>
                <input type="hidden" name="lead_type" value="industry_landing">
                <input type="hidden" name="industry" value="<?= esc($name) ?>">
                <input type="hidden" name="industry_slug" value="<?= esc(
                    $industry["slug"],
                ) ?>">
                <label class="industry-honeypot" aria-hidden="true">Website<input name="website" tabindex="-1" autocomplete="off"></label>
                <label>Your name<input required name="name" autocomplete="name" placeholder="Your name"></label>
                <label>Business name<input required name="business_name" autocomplete="organization" placeholder="Company or project name"></label>
                <div class="industry-form-row">
                    <label>Email<input required type="email" name="email" autocomplete="email" placeholder="you@company.com"></label>
                    <label>Mobile<input type="tel" name="phone" autocomplete="tel" placeholder="+91"></label>
                </div>
                <label>What should your logo communicate?<textarea name="message" rows="3" placeholder="A short note about your audience or goals"></textarea></label>
                <button type="submit" data-sending-label="Sending your request...">Get my free consultation <span>→</span></button>
                <small>No pressure. Your details stay private.</small>
                <div class="form-message" role="status" aria-live="polite"></div>
            </form>
        </aside>
    </section>

    <section class="industry-trust-strip" aria-label="Service benefits">
        <span>Original concepts</span><i></i><span>Guided revisions</span><i></i><span>Complete file kit</span><i></i><span>100% ownership</span>
    </section>

    <section class="industry-intro reveal" id="work">
        <div>
            <span class="industry-kicker">Designed for your market</span>
            <h2><?= esc($industry["challenge_heading"]) ?></h2>
        </div>
        <div>
            <p><?= esc($industry["challenge_text"]) ?></p>
            <blockquote>“A good logo identifies you. A strategic identity gives people a reason to choose you.”</blockquote>
        </div>
    </section>

    <section class="industry-showcase">
        <div class="industry-showcase-copy reveal">
            <span class="industry-kicker">More than a logo file</span>
            <h2>A flexible identity built for every customer touchpoint.</h2>
            <p>From the smallest profile icon to your biggest signboard, your new identity stays recognisable, consistent, and distinctly yours.</p>
            <ul>
                <li><b>Primary logo system</b><span>Main, alternate, icon, and monochrome versions.</span></li>
                <li><b>Colour and type direction</b><span>A practical visual foundation for future communication.</span></li>
                <li><b>Brand-ready files</b><span>Print, web, social, signage, and vendor-ready formats.</span></li>
            </ul>
        </div>
        <div class="industry-brand-board reveal" aria-label="Example identity applications">
            <div class="industry-board-main"><small>IDENTITY CONCEPT</small><strong><?= esc(
                strtoupper(
                    substr(preg_replace("/[^A-Za-z]/", "", $name), 0, 8),
                ),
            ) ?></strong><span><?= esc($name) ?> · EST. 2026</span></div>
            <div class="industry-board-mark"><i><?= esc(
                strtoupper(substr($name, 0, 1)),
            ) ?></i><span>BRAND MARK</span></div>
            <div class="industry-board-colors"><b></b><b></b><b></b><span>COLOUR SYSTEM</span></div>
            <div class="industry-board-card"><span><?= esc(
                $name,
            ) ?></span><small>Designed to be remembered.</small></div>
        </div>
    </section>

    <section class="industry-process reveal">
        <div class="industry-section-heading"><span class="industry-kicker">A clear, guided process</span><h2>From business insight to a logo you are proud to use.</h2></div>
        <div class="industry-process-grid">
            <article><span>01</span><h3>Share your goals</h3><p>Tell us about your business, audience, competitors, and ambition in a short guided brief.</p></article>
            <article><span>02</span><h3>Explore original ideas</h3><p>Review three strategically different logo directions created specifically for your brand.</p></article>
            <article><span>03</span><h3>Refine with confidence</h3><p>Give guided feedback while we perfect the strongest direction into a complete identity.</p></article>
            <article><span>04</span><h3>Launch everywhere</h3><p>Receive an organised file kit and full ownership, ready for digital and print use.</p></article>
        </div>
    </section>

    <section class="industry-value reveal">
        <div><span>Logo packages from</span><strong>₹7,999</strong><small>Clear scope. No hidden design fees.</small></div>
        <div><h2>Ready to make your <?= esc(
            $nameLower,
        ) ?> brand easier to trust?</h2><a href="#industry-enquiry" data-scroll>Start the conversation <span>→</span></a></div>
    </section>

    <section class="industry-faq reveal">
        <div class="industry-section-heading"><span class="industry-kicker">Frequently asked questions</span><h2>Everything you need to start confidently.</h2></div>
        <div class="industry-faq-list">
            <?php foreach ($faqs as $index => $faq): ?>
                <details <?= $index === 0 ? "open" : "" ?>><summary><?= esc(
    $faq["question"],
) ?><span>＋</span></summary><p><?= esc($faq["answer"]) ?></p></details>
            <?php endforeach; ?>
        </div>
    </section>

    <?php if ($relatedIndustries): ?>
    <section class="related-industries reveal">
        <span class="industry-kicker">Explore more industries</span>
        <h2>Strategic logo design for ambitious businesses.</h2>
        <div><?php foreach (
            $relatedIndustries
            as $related
        ): ?><a href="<?= base_url(
    "logo-design-for-" . $related["slug"],
) ?>"><span>Logo design for</span><b><?= esc(
    $related["name"],
) ?></b><i>↗</i></a><?php endforeach; ?></div>
    </section>
    <?php endif; ?>
</main>

<a class="industry-whatsapp" href="https://wa.me/<?= esc(
    ltrim($whatsappNumber, "+"),
) ?>?text=Hi%20BrandSquare%2C%20I%27d%20like%20to%20discuss%20a%20<?= rawurlencode(
    $nameLower,
) ?>%20logo." target="_blank" rel="noopener noreferrer" aria-label="Talk to BrandSquare on WhatsApp"><span>●</span><b>Let’s talk</b></a>

<footer class="industry-footer">
    <div><a class="industry-brand light" href="<?= base_url() ?>">Brand<span>Square.</span></a><p>Strategic logo identities for ambitious businesses across India.</p></div>
    <div><span>CONTACT</span><a href="tel:<?= esc($phoneHref) ?>"><?= esc(
    $phoneDisplay,
) ?></a><a href="mailto:hello@brandsquare.com">hello@brandsquare.com</a></div>
    <div><span>EXPLORE</span><a href="<?= base_url() ?>">Home</a><a href="#industry-enquiry" data-scroll>Get a quote</a><a href="<?= base_url(
    "sitemap",
) ?>">Sitemap</a></div>
    <?php if ($socialLinks): ?><div><span>FOLLOW</span><?php foreach (
    $socialLinks
    as $socialLabel => $socialUrl
): ?><a href="<?= esc(
    $socialUrl,
) ?>" target="_blank" rel="noopener noreferrer"><?= esc(
    $socialLabel,
) ?> ↗</a><?php endforeach; ?></div><?php endif; ?>
    <small>© <?= date("Y") ?> BrandSquare. All rights reserved.</small>
</footer>
<script src="<?= base_url($assetBase . "js/landing.js") ?>"></script>
</body>
</html>
