falah-ft-theme/partials/ft-hero.hbs

{{!-- FT & NYT Hybrid Broadsheet — Front Page 3-Zone Lead Package --}}
<section class="ft-broadsheet-lead-zone" aria-label="Front Page Broadsheet Lead Package">
    <div class="ft-lead-grid">
        
        {{!-- ZONE 1: LEAD INVESTIGATION (Left Column 32%) --}}
        <div class="ft-lead-col-left">
            {{#get "posts" filter="featured:true" limit="1" include="tags,authors"}}
                {{#foreach posts}}
                    <article class="ft-lead-story-main">
                        <span class="ft-lead-kicker">
                            {{#if primary_tag}}<a href="{{primary_tag.url}}">{{primary_tag.name}}</a> &bull; {{/if}}Lead Investigation
                        </span>
                        <h1 class="ft-lead-headline">
                            <a href="{{url}}">{{title}}</a>
                        </h1>
                        <p class="ft-lead-prose">
                            <span class="ft-dateline">Kuala Lumpur —</span>
                            {{#if custom_excerpt}}{{custom_excerpt}}{{else}}{{excerpt words="38"}}{{/if}}
                        </p>

                        {{!-- SEMAFOR-STYLE STRUCTURED TAKEAWAY DRAWER --}}
                        <div class="ft-takeaway-drawer">
                            <div class="ft-takeaway-row">
                                <span class="ft-takeaway-tag">The Signal</span>
                                <span>Multi-family governance protocols in Southeast Asia are integrating Waqf Ahli covenants to protect operating assets from statutory probate freezing.</span>
                            </div>
                            <div class="ft-takeaway-row">
                                <span class="ft-takeaway-tag">The Fiqh</span>
                                <span>Lifetime Hibah transfers execute irrevocable legal vesting while strictly safeguarding the residual Faraid entitlement rules.</span>
                            </div>
                            <div class="ft-takeaway-row">
                                <span class="ft-takeaway-tag">The Exposure</span>
                                <span>Dollar-denominated cross-border trust structures face sovereign sanction overhang and banking friction under changing OECD reporting rules.</span>
                            </div>
                        </div>

                        <div class="ft-lead-byline">
                            By {{#if primary_author}}<strong><a href="{{primary_author.url}}">{{primary_author.name}}</a></strong> &middot; {{primary_author.location}}{{else}}<strong>Editorial Board</strong>{{/if}} &middot; {{reading_time}}
                        </div>
                    </article>
                {{/foreach}}
            {{else}}
                {{#get "posts" limit="1" order="published_at desc" include="tags,authors"}}
                    {{#foreach posts}}
                        <article class="ft-lead-story-main">
                            <span class="ft-lead-kicker">
                                {{#if primary_tag}}<a href="{{primary_tag.url}}">{{primary_tag.name}}</a> &bull; {{/if}}Lead Story
                            </span>
                            <h1 class="ft-lead-headline">
                                <a href="{{url}}">{{title}}</a>
                            </h1>
                            <p class="ft-lead-prose">
                                <span class="ft-dateline">Kuala Lumpur —</span>
                                {{#if custom_excerpt}}{{custom_excerpt}}{{else}}{{excerpt words="38"}}{{/if}}
                            </p>
                            <div class="ft-takeaway-drawer">
                                <div class="ft-takeaway-row">
                                    <span class="ft-takeaway-tag">The Signal</span>
                                    <span>Strategic wealth stewardship and institutional succession frameworks for sovereign Muslim families.</span>
                                </div>
                                <div class="ft-takeaway-row">
                                    <span class="ft-takeaway-tag">The Fiqh</span>
                                    <span>Preserving sacred generational contracts without compromising legal execution across jurisdictions.</span>
                                </div>
                            </div>
                            <div class="ft-lead-byline">
                                By {{#if primary_author}}<strong><a href="{{primary_author.url}}">{{primary_author.name}}</a></strong>{{else}}<strong>Editorial Desk</strong>{{/if}} &middot; {{reading_time}}
                            </div>
                        </article>
                    {{/foreach}}
                {{/get}}
            {{/get}}

            {{!-- Secondary Anchor Story (Left Column Companion) --}}
            {{#get "posts" filter="featured:false" limit="1" order="published_at desc" include="tags,authors"}}
                {{#foreach posts}}
                    <article class="ft-lead-secondary-story">
                        <span class="ft-lead-kicker ft-kicker-burgundy">
                            {{#if primary_tag}}<a href="{{primary_tag.url}}">{{primary_tag.name}}</a>{{else}}Juristic Review{{/if}}
                        </span>
                        <h3 class="ft-secondary-headline">
                            <a href="{{url}}">{{title}}</a>
                        </h3>
                        <p class="ft-secondary-excerpt">
                            {{#if custom_excerpt}}{{custom_excerpt}}{{else}}{{excerpt words="22"}}{{/if}}
                        </p>
                        <div class="ft-lead-byline">
                            {{#if primary_author}}<a href="{{primary_author.url}}">{{primary_author.name}}</a>{{/if}} &middot; {{reading_time}}
                        </div>
                    </article>
                {{/foreach}}
            {{/get}}
        </div>

        {{!-- ZONE 2: VISUAL ANCHOR & CENTER PACKAGE (Center Column 43%) --}}
        <div class="ft-lead-col-center">
            {{#get "posts" filter="tag:geopolitical-intelligence" limit="1" order="published_at desc" include="tags,authors"}}
                {{#foreach posts}}
                    <article class="ft-center-package">
                        {{#if feature_image}}
                            <div class="ft-visual-frame">
                                <a href="{{url}}"><img src="{{img_url feature_image size="xl"}}" alt="{{title}}"></a>
                            </div>
                            <div class="ft-photo-caption">
                                Sovereign financial corridors and maritime trade arteries in the Malacca Strait. <span class="ft-photo-credit">Iqra Press &middot; Archival</span>
                            </div>
                        {{/if}}
                        <div class="ft-center-story-body">
                            <span class="ft-lead-kicker">
                                {{#if primary_tag}}<a href="{{primary_tag.url}}">{{primary_tag.name}}</a>{{else}}Geopolitics & Sovereign Capital{{/if}}
                            </span>
                            <h2 class="ft-center-headline">
                                <a href="{{url}}">{{title}}</a>
                            </h2>
                            <p class="ft-center-excerpt">
                                {{#if custom_excerpt}}{{custom_excerpt}}{{else}}{{excerpt words="32"}}{{/if}}
                            </p>
                            <div class="ft-lead-byline">
                                By {{#if primary_author}}<strong><a href="{{primary_author.url}}">{{primary_author.name}}</a></strong>{{/if}} &middot; {{reading_time}}
                            </div>
                        </div>
                    </article>
                {{/foreach}}
            {{else}}
                {{#get "posts" limit="1" order="published_at desc" include="tags,authors"}}
                    {{#foreach posts}}
                        <article class="ft-center-package">
                            {{#if feature_image}}
                                <div class="ft-visual-frame">
                                    <a href="{{url}}"><img src="{{img_url feature_image size="xl"}}" alt="{{title}}"></a>
                                </div>
                            {{/if}}
                            <div class="ft-center-story-body">
                                <span class="ft-lead-kicker">{{#if primary_tag}}{{primary_tag.name}}{{else}}Intelligence Feature{{/if}}</span>
                                <h2 class="ft-center-headline"><a href="{{url}}">{{title}}</a></h2>
                                <p class="ft-center-excerpt">{{#if custom_excerpt}}{{custom_excerpt}}{{else}}{{excerpt words="32"}}{{/if}}</p>
                                <div class="ft-lead-byline">{{#if primary_author}}By <strong>{{primary_author.name}}</strong>{{/if}} &middot; {{reading_time}}</div>
                            </div>
                        </article>
                    {{/foreach}}
                {{/get}}
            {{/get}}

            {{!-- Center Dual Split Sub-Stories (NYT Split Columns) --}}
            <div class="ft-center-dual-split">
                {{#get "posts" filter="tag:shifa" limit="1" order="published_at desc" include="tags,authors"}}
                    {{#foreach posts}}
                        <article class="ft-mini-card">
                            <span class="ft-lead-kicker"><a href="/tag/shifa/">The Shifa Desk</a></span>
                            <h4 class="ft-mini-headline"><a href="{{url}}">{{title}}</a></h4>
                            <p class="ft-mini-excerpt">{{#if custom_excerpt}}{{custom_excerpt}}{{else}}{{excerpt words="16"}}{{/if}}</p>
                            <div class="ft-lead-byline">{{#if primary_author}}{{primary_author.name}}{{/if}} &middot; {{reading_time}}</div>
                        </article>
                    {{/foreach}}
                {{/get}}

                {{#get "posts" filter="tag:philosophy" limit="1" order="published_at desc" include="tags,authors"}}
                    {{#foreach posts}}
                        <article class="ft-mini-card ft-mini-card-bordered">
                            <span class="ft-lead-kicker"><a href="/tag/philosophy/">Classical Thought</a></span>
                            <h4 class="ft-mini-headline"><a href="{{url}}">{{title}}</a></h4>
                            <p class="ft-mini-excerpt">{{#if custom_excerpt}}{{custom_excerpt}}{{else}}{{excerpt words="16"}}{{/if}}</p>
                            <div class="ft-lead-byline">{{#if primary_author}}{{primary_author.name}}{{/if}} &middot; {{reading_time}}</div>
                        </article>
                    {{/foreach}}
                {{/get}}
            </div>
        </div>

        {{!-- ZONE 3: OPINION RAIL & DISPATCHES (Right Column 25% - NYT Style) --}}
        <div class="ft-lead-col-right">
            <div class="ft-rail-header">
                <span>Opinion & Columns</span>
                <span class="ft-rail-accent">Voices of Iqra</span>
            </div>

            {{!-- THE JAUHARI COLUMN (NYT Signature Columnist Spotlight) --}}
            {{#get "authors" filter="slug:jauhari-che-wan" limit="1"}}
                {{#foreach authors}}
                    <div class="ft-jauhari-spotlight-card">
                        <div class="ft-jauhari-meta-row">
                            <div class="ft-jauhari-avatar-frame">
                                {{#if profile_image}}
                                    <img src="{{profile_image}}" alt="{{name}}">
                                {{else}}
                                    <img src="https://iqra.falahos.my/content/images/authors/jauhari-che-wan.png" alt="{{name}}">
                                {{/if}}
                            </div>
                            <div class="ft-jauhari-info">
                                <div class="ft-jauhari-name">{{name}}</div>
                                <div class="ft-jauhari-tag">The Jauhari Column</div>
                            </div>
                        </div>
                        {{#get "posts" filter="author:jauhari-che-wan" limit="1" order="published_at desc"}}
                            {{#foreach posts}}
                                <h3 class="ft-jauhari-headline"><a href="{{url}}">&ldquo;{{title}}&rdquo;</a></h3>
                                <p class="ft-jauhari-quote">
                                    {{#if custom_excerpt}}&ldquo;{{custom_excerpt}}&rdquo;{{else}}&ldquo;{{excerpt words="22"}}&rdquo;{{/if}}
                                </p>
                            {{/foreach}}
                        {{/get}}
                    </div>
                {{/foreach}}
            {{/get}}

            {{!-- VOICES OF IQRA COLUMNIST ROWS (NYT Columnist Stack) --}}
            <div class="ft-columnist-stack">
                {{#get "authors" filter="slug:[tariq-al-amiri,hakim-zainur,maryam-al-andalusi,farhan-idris]" limit="4"}}
                    {{#foreach authors}}
                        <div class="ft-columnist-row">
                            <div class="ft-col-avatar">
                                {{#if profile_image}}
                                    <img src="{{profile_image}}" alt="{{name}}">
                                {{else}}
                                    <img src="https://iqra.falahos.my/content/images/authors/{{slug}}.png" alt="{{name}}">
                                {{/if}}
                            </div>
                            <div class="ft-col-details">
                                <span class="ft-col-byline"><a href="{{url}}">{{name}}</a></span>
                                <div class="ft-col-bio-snippet">{{bio}}</div>
                            </div>
                        </div>
                    {{/foreach}}
                {{/get}}
            </div>

            {{!-- THE WIRE: FAST INTELLIGENCE DISPATCHES --}}
            <div class="ft-wire-box">
                <div class="ft-wire-header">
                    The Wire &bull; Live Intelligence
                </div>
                <div class="ft-wire-list">
                    <div class="ft-wire-item">
                        <span class="ft-wire-time">14m ago &bull; BNM Pilot</span>
                        <div class="ft-wire-title"><a href="/tag/islamic-finance/">Ringgit-pegged wholesale digital currency enters testing with 6 Islamic lenders.</a></div>
                    </div>
                    <div class="ft-wire-item">
                        <span class="ft-wire-time">1h ago &bull; AAOIFI Fiqh</span>
                        <div class="ft-wire-title"><a href="/zakat/">Updated standards for digital sukuk tokenisation and purification rules ratified.</a></div>
                    </div>
                    <div class="ft-wire-item">
                        <span class="ft-wire-time">3h ago &bull; Waqf Desk</span>
                        <div class="ft-wire-title"><a href="/calculator/">Cross-border Waqf Ahli registration protocols established in Labuan IBFC.</a></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>