File: /var/www/stg-everycred.com/wp-content/themes/everycred/templates/page-home-v2.php
<?php
/**
* Template Name: Home V2
*
* New homepage design — pixel-perfect implementation of the Figma spec.
* Uses the global header/footer. All sections are static HTML with inline
* content so the page is immediately viewable without ACF field setup.
*/
get_header(); ?>
<div class="hv2" style="padding-top:72px;">
<!-- ============================================================
1. HERO
============================================================ -->
<?php
// ACF fields with hardcoded fallbacks
$hv2_bg_image = get_field('hv2_hero_bg_image');
$hv2_badge = get_field('hv2_hero_badge') ?: 'DIGITAL TRUST PLATFORM';
$hv2_heading = get_field('hv2_hero_heading') ?: "You build strategy.\nWe build trust.";
$hv2_subheading = get_field('hv2_hero_subheading') ?: 'EveryCRED is the production-grade digital trust infrastructure for governments and enterprises. Any use case. Any sector. Sovereign deployment.';
$hv2_cta_primary = get_field('hv2_hero_cta_primary');
$hv2_cta_sec_label = get_field('hv2_hero_cta_secondary_label') ?: 'See our product stack';
$hv2_cta_sec_url = get_field('hv2_hero_cta_secondary_url') ?: '#hv2-stack';
$hv2_trusted_label = get_field('hv2_hero_trusted_label') ?: 'Trusted by';
$hv2_logos = get_field('hv2_hero_logos');
$primary_href = !empty($hv2_cta_primary['url']) ? esc_url($hv2_cta_primary['url']) : '#contact';
$primary_label = !empty($hv2_cta_primary['title']) ? esc_html($hv2_cta_primary['title']) : 'Book a 30-minute call';
$primary_target = !empty($hv2_cta_primary['target']) ? ' target="' . esc_attr($hv2_cta_primary['target']) . '"' : '';
$sec_href = strncmp($hv2_cta_sec_url, '#', 1) === 0
? esc_attr($hv2_cta_sec_url)
: esc_url($hv2_cta_sec_url);
?>
<section class="hv2-hero" <?php if (!empty($hv2_bg_image['url'])) : ?> style="background-image:url('<?php echo esc_url($hv2_bg_image['url']); ?>')" <?php endif; ?>>
<!-- SVG wave background (rendered behind any optional BG image) -->
<svg class="hv2-hero__wave" viewBox="0 0 1440 800" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" aria-hidden="true">
<defs>
<radialGradient id="wg1" cx="50%" cy="55%" r="55%">
<stop offset="0%" stop-color="#1a4da8" stop-opacity=".55" />
<stop offset="100%" stop-color="#05070f" stop-opacity="0" />
</radialGradient>
<radialGradient id="wg2" cx="20%" cy="60%" r="40%">
<stop offset="0%" stop-color="#0d2860" stop-opacity=".6" />
<stop offset="100%" stop-color="#05070f" stop-opacity="0" />
</radialGradient>
<radialGradient id="wg3" cx="80%" cy="60%" r="40%">
<stop offset="0%" stop-color="#0d2860" stop-opacity=".6" />
<stop offset="100%" stop-color="#05070f" stop-opacity="0" />
</radialGradient>
</defs>
<rect width="1440" height="800" fill="#05070f" />
<ellipse cx="720" cy="480" rx="900" ry="260" fill="url(#wg1)" />
<ellipse cx="180" cy="520" rx="520" ry="200" fill="url(#wg2)" />
<ellipse cx="1260" cy="520" rx="520" ry="200" fill="url(#wg3)" />
<path d="M-100 420 Q200 320 500 440 Q720 520 940 440 Q1200 340 1540 420" fill="none" stroke="rgba(79,142,247,.18)" stroke-width="1.5" />
<path d="M-100 460 Q200 360 500 480 Q720 560 940 480 Q1200 380 1540 460" fill="none" stroke="rgba(79,142,247,.12)" stroke-width="1" />
<path d="M-100 380 Q200 280 500 400 Q720 480 940 400 Q1200 300 1540 380" fill="none" stroke="rgba(79,142,247,.1)" stroke-width="1" />
</svg>
<div class="hv2-hero__inner">
<div class="hv2-hero__badge">
<span class="hv2-hero__badge-dot"></span>
<?php echo esc_html($hv2_badge); ?>
</div>
<h1 class="hv2-hero__h1"><?php echo nl2br(esc_html(strip_tags($hv2_heading))); ?></h1>
<p class="hv2-hero__sub"><?php echo esc_html(strip_tags($hv2_subheading)); ?></p>
<div class="hv2-hero__ctas">
<a href="<?php echo $primary_href; ?>" <?php echo $primary_target; ?> class="hv2-btn-primary">
<?php echo $primary_label; ?>
<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M8.3 10.94L7.11 9.75 11.01 5.84H-0.27V4.16H11.01L7.11 0.25 8.3-.94 14.25 5 8.3 10.94Z" fill="#fff" />
</svg>
</a>
<button class="hv2-btn-ghost" onclick="document.getElementById('<?php echo ltrim(esc_js($sec_href), '#'); ?>') && document.getElementById('<?php echo ltrim(esc_js($sec_href), '#'); ?>').scrollIntoView({behavior:'smooth'})">
<span class="hv2-btn-play" aria-hidden="true">
<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0L10 6L0 12V0Z" fill="#fff" />
</svg>
</span>
<?php echo esc_html($hv2_cta_sec_label); ?>
</button>
</div>
</div>
<!-- Trusted by -->
<div class="hv2-hero__trusted">
<div class="hv2-hero__trusted-label"><?php echo esc_html($hv2_trusted_label); ?></div>
<div class="hv2-hero__logos">
<?php if (!empty($hv2_logos)) :
foreach ($hv2_logos as $logo) :
$img = !empty($logo['logo_image']) ? $logo['logo_image'] : null;
if (empty($img['url'])) continue;
$name = esc_attr($logo['logo_name']); ?>
<div class="hv2-logo-pill">
<img src="<?php echo esc_url($img['url']); ?>" alt="<?php echo $name; ?>" loading="lazy">
</div>
<?php endforeach;
else : ?>
<div class="hv2-logo-pill hv2-logo-pill--placeholder"></div>
<div class="hv2-logo-pill hv2-logo-pill--placeholder"></div>
<div class="hv2-logo-pill hv2-logo-pill--placeholder"></div>
<div class="hv2-logo-pill hv2-logo-pill--placeholder"></div>
<div class="hv2-logo-pill hv2-logo-pill--placeholder"></div>
<div class="hv2-logo-pill hv2-logo-pill--placeholder"></div>
<?php endif; ?>
</div>
</div>
</section>
<!-- ============================================================
2. HOW WE ENGAGE — Engagement Shape
============================================================ -->
<?php
$engage_bg = get_field('hv2_engage_bg_image');
$engage_eyebrow = get_field('hv2_engage_eyebrow') ?: 'How We Engage';
$engage_heading = get_field('hv2_engage_heading') ?: "Pick the engagement shape\nthat fits you.";
$engage_countries = get_field('hv2_engage_countries') ?: [];
$engage_fallback = [
[
'country_name' => 'India',
'country_flag_emoji' => '🇮🇳',
'public_sector_title' => 'Public Sector',
'public_sector_desc' => 'You have DigiLocker and established identity infrastructure. You need verifiable digital credentials issued directly to citizen wallets — without rebuilding identity from scratch.',
'public_sector_bullets' => "EveryCRED on sovereign infra\nDigiLocker issuer\nOn-prem deployment\nAny govt use case",
'enterprise_title' => 'Enterprise',
'enterprise_desc' => 'You have HR systems, compliance workflows, and vendor networks. You need a trust layer that makes every credential — workforce, supply chain, partner — tamper-proof and instantly verifiable.',
'enterprise_bullets' => "Bulk issuance API\nVerifier portal\nWhitelabel SaaS\nAudit trail",
],
[
'country_name' => 'USA',
'country_flag_emoji' => '🇺🇸',
'public_sector_title' => 'Public Sector',
'public_sector_desc' => 'You have state licensing systems and regulatory mandates. You need a W3C VC layer that makes government credentials portable, cross-agency verifiable, and instantly revocable.',
'public_sector_bullets' => "Firearms licensing\nCross-agency VC\nTextile DPP\nGovRAMP roadmap",
'enterprise_title' => 'Enterprise',
'enterprise_desc' => 'You have a growing per-credential bill and no control over your credential infrastructure. You need a custom SaaS you own — not rent — built on open W3C VC standards.',
'enterprise_bullets' => "Custom SaaS build\n100% whitelabel\nWorkflow pricing\nW3C VC + DID",
],
];
$countries = !empty($engage_countries) ? $engage_countries : $engage_fallback;
$engage_bg_url = !empty($engage_bg['url'])
? 'background-image:url(\'' . esc_url($engage_bg['url']) . '\')'
: 'background-image:url(\'' . esc_url(get_template_directory_uri() . '/assets/images/how_we_engage_bg.webp') . '\')';
?>
<section class="hv2-engage" style="<?php echo $engage_bg_url; ?>">
<div class="container">
<div data-aos="fade-up" data-aos-duration="400">
<p class="hv2-section-eyebrow"><?php echo esc_html($engage_eyebrow); ?></p>
<h2 class="hv2-section-h2"><?php echo nl2br(esc_html(strip_tags($engage_heading))); ?></h2>
</div>
<?php foreach ($countries as $ci => $country) :
$flag = esc_html($country['country_flag_emoji'] ?? '');
$name = esc_html($country['country_name'] ?? '');
$pub_title = esc_html($country['public_sector_title'] ?? 'Public Sector');
$pub_desc = esc_html(strip_tags($country['public_sector_desc'] ?? ''));
$pub_bulls = array_filter(array_map('trim', explode("\n", $country['public_sector_bullets'] ?? '')));
$ent_title = esc_html($country['enterprise_title'] ?? 'Enterprise');
$ent_desc = esc_html(strip_tags($country['enterprise_desc'] ?? ''));
$ent_bulls = array_filter(array_map('trim', explode("\n", $country['enterprise_bullets'] ?? '')));
?>
<div class="hv2-country-block" data-aos="fade-up" data-aos-delay="<?php echo $ci * 100; ?>" data-aos-duration="400">
<div class="hv2-country-label">
<?php if ($flag) : ?><span class="hv2-flag-emoji" aria-hidden="true"><?php echo $flag; ?></span><?php endif; ?>
<?php echo $name; ?>
</div>
<div class="hv2-engage-cards">
<div class="hv2-engage-card">
<h3 class="hv2-engage-card__title"><?php echo $pub_title; ?></h3>
<p class="hv2-engage-card__desc"><?php echo $pub_desc; ?></p>
<?php if (!empty($pub_bulls)) : ?>
<ul class="hv2-engage-card__bullets">
<?php foreach ($pub_bulls as $b) : ?><li><?php echo esc_html($b); ?></li><?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<div class="hv2-engage-card">
<h3 class="hv2-engage-card__title"><?php echo $ent_title; ?></h3>
<p class="hv2-engage-card__desc"><?php echo $ent_desc; ?></p>
<?php if (!empty($ent_bulls)) : ?>
<ul class="hv2-engage-card__bullets">
<?php foreach ($ent_bulls as $b) : ?><li><?php echo esc_html($b); ?></li><?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div><!-- /.container -->
</section>
<!-- ============================================================
3. INTEGRATIONS
============================================================ -->
<?php
$integ_bg = get_field('hv2_integ_bg_image');
$integ_logo = get_field('hv2_integ_center_logo');
$integ_eyebrow = get_field('hv2_integ_eyebrow') ?: 'Integrations';
$integ_heading = get_field('hv2_integ_heading') ?: 'One platform. Every standard that matters.';
$integ_nodes_raw = get_field('hv2_integ_nodes') ?: [];
$integ_nodes_default = [
['node_label' => 'Blockchain'],
['node_label' => 'SSI'],
['node_label' => 'Wallet'],
['node_label' => 'Integrity'],
['node_label' => 'DID'],
['node_label' => 'W3C'],
];
$integ_nodes = !empty($integ_nodes_raw) ? $integ_nodes_raw : $integ_nodes_default;
?>
<section class="hv2-integrations">
<div class="hv2-integrations__inner" <?php if (!empty($integ_bg['url'])) : ?> style="background-image:url('<?php echo esc_url($integ_bg['url']); ?>')" <?php endif; ?>>
<div class="hv2-integrations__text container" data-aos="fade-up" data-aos-duration="500">
<p class="hv2-section-eyebrow"><?php echo esc_html($integ_eyebrow); ?></p>
<h2 class="hv2-section-h2"><?php echo esc_html(strip_tags($integ_heading)); ?></h2>
</div>
<?php if (!empty($integ_nodes)) : ?>
<div class="hv2-integ-nodes-mobile container" aria-hidden="true">
<?php foreach ($integ_nodes as $i => $node) :
$label = esc_html($node['node_label'] ?? '');
if (!$label) continue;
?>
<?php if ($i > 0) : ?><span class="hv2-integ-node-line"></span><?php endif; ?>
<span class="hv2-integ-node-pill"><?php echo $label; ?></span>
<?php endforeach; ?>
</div>
<?php endif; ?>
<?php if (!empty($integ_logo['url'])) : ?>
<div class="hv2-integrations__logo" aria-hidden="true">
<img src="<?php echo esc_url($integ_logo['url']); ?>"
alt="<?php echo esc_attr($integ_logo['alt'] ?? 'EveryCRED'); ?>">
</div>
<?php endif; ?>
</div>
</section>
<!-- ============================================================
4. PRODUCT STACK
============================================================ -->
<?php
$stack_eyebrow = get_field('hv2_stack_eyebrow') ?: 'Product Stack';
$stack_heading = get_field('hv2_stack_heading') ?: "Nine components. Each scoped to a layer\nof the trust lifecycle.";
$stack_items = get_field('hv2_stack_items') ?: [];
?>
<section class="hv2-stack" id="hv2-stack">
<div class="container">
<div data-aos="fade-up" data-aos-duration="400">
<p class="hv2-section-eyebrow"><?php echo esc_html($stack_eyebrow); ?></p>
<h2 class="hv2-section-h2"><?php echo nl2br(esc_html(strip_tags($stack_heading))); ?></h2>
</div>
<?php if (!empty($stack_items)) : ?>
<div class="hv2-stack-grid">
<?php foreach ($stack_items as $loop_i => $item) :
$num = esc_html($item['component_number'] ?? '');
$name = esc_html($item['component_name'] ?? '');
$desc = esc_html($item['component_desc'] ?? '');
$link = esc_url($item['component_link'] ?? '');
$icon = $item['component_icon'] ?? null;
?>
<div class="hv2-stack-cell" data-aos="fade-up" data-aos-delay="<?php echo ($loop_i % 3) * 100; ?>" data-aos-duration="400">
<?php if (!empty($icon['url'])) : ?>
<div class="hv2-stack-icon" aria-hidden="true">
<img src="<?php echo esc_url($icon['url']); ?>" alt="" loading="lazy">
</div>
<?php endif; ?>
<p class="hv2-stack-num"><?php echo $num ? $num . '. ' . $name : $name; ?></p>
<?php if ($desc) : ?><p class="hv2-stack-desc"><?php echo $desc; ?></p><?php endif; ?>
<?php if ($link) : ?><a href="<?php echo $link; ?>" class="hv2-stack-learn">Learn more</a><?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</section>
<!-- ============================================================
5. WHY EVERYCRED
============================================================ -->
<?php
$why_bg = get_field('hv2_why_bg_image');
$why_eyebrow = get_field('hv2_why_eyebrow') ?: 'Why EveryCRED';
$why_heading = get_field('hv2_why_heading') ?: "Most stop at issuance. EveryCRED\ndelivers the full stack.";
$why_cards = get_field('hv2_why_cards') ?: [];
$why_bg_style = !empty($why_bg['url'])
? ' style="background-image:url(\'' . esc_url($why_bg['url']) . '\')"'
: '';
?>
<section class="hv2-why" <?php echo $why_bg_style; ?>>
<div class="container">
<div data-aos="fade-up" data-aos-duration="400">
<p class="hv2-section-eyebrow"><?php echo esc_html($why_eyebrow); ?></p>
<h2 class="hv2-section-h2"><?php echo nl2br(esc_html(strip_tags($why_heading))); ?></h2>
</div>
<?php if (!empty($why_cards)) : ?>
<div class="hv2-why-grid">
<?php foreach ($why_cards as $wi => $card) :
$label = esc_html($card['card_label'] ?? '');
$sublabel = esc_html($card['card_sublabel'] ?? '');
$body = esc_html($card['card_body'] ?? '');
?>
<div class="hv2-why-card" data-aos="fade-up" data-aos-delay="<?php echo $wi * 100; ?>" data-aos-duration="400">
<?php if ($label) : ?><p class="hv2-why-card__label"><?php echo $label; ?></p><?php endif; ?>
<?php if ($sublabel) : ?><p class="hv2-why-card__sub"><?php echo $sublabel; ?></p><?php endif; ?>
<?php if ($body) : ?><p class="hv2-why-card__body"><?php echo $body; ?></p><?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</section>
<!-- ============================================================
6. OUR WORK
============================================================ -->
<?php
$work_eyebrow = get_field('hv2_work_eyebrow') ?: 'Our Work';
$work_heading = get_field('hv2_work_heading') ?: "Three implementations. The full stack lives\ninside each one.";
$work_cards = get_field('hv2_work_cards') ?: [];
?>
<section class="hv2-work">
<div class="container">
<div data-aos="fade-up" data-aos-duration="400">
<p class="hv2-section-eyebrow"><?php echo esc_html($work_eyebrow); ?></p>
<h2 class="hv2-section-h2"><?php echo nl2br(esc_html(strip_tags($work_heading))); ?></h2>
</div>
<?php if (!empty($work_cards)) : ?>
<div class="hv2-work-grid">
<?php foreach ($work_cards as $wci => $card) :
$tag_icon = $card['card_tag_icon'] ?? null;
$tag_cat = esc_html($card['card_tag_category'] ?? '');
$title = esc_html($card['card_title'] ?? '');
$desc = esc_html($card['card_desc'] ?? '');
$comps = esc_html($card['card_components_used'] ?? '');
$result = esc_html($card['card_result'] ?? '');
$cta_label = esc_html($card['card_cta_label'] ?? 'Read the implementation →');
$cta_url = esc_url($card['card_cta_url'] ?? '#');
?>
<div class="hv2-work-card" data-aos="fade-up" data-aos-delay="<?php echo $wci * 100; ?>" data-aos-duration="400">
<div class="hv2-work-card__tag">
<div class="hv2-work-card__tag-icon" aria-hidden="true">
<?php if (!empty($tag_icon['url'])) : ?>
<img src="<?php echo esc_url($tag_icon['url']); ?>" alt="" loading="lazy">
<?php endif; ?>
</div>
<?php if ($tag_cat) : ?><span class="hv2-work-card__tag-text"><?php echo $tag_cat; ?></span><?php endif; ?>
</div>
<?php if ($title) : ?><h3 class="hv2-work-card__title"><?php echo $title; ?></h3><?php endif; ?>
<?php if ($desc) : ?><p class="hv2-work-card__desc"><?php echo $desc; ?></p><?php endif; ?>
<?php if ($comps || $result) : ?>
<div class="hv2-work-card__components">
<?php if ($comps) : ?>
<p class="hv2-work-card__comp-label">COMPONENTS USED</p>
<p class="hv2-work-card__comp-items"><?php echo $comps; ?></p>
<?php endif; ?>
<?php if ($result) : ?><p class="hv2-work-card__comp-result"><?php echo $result; ?></p><?php endif; ?>
</div>
<?php endif; ?>
<a href="<?php echo $cta_url; ?>" class="hv2-btn-dark"><?php echo $cta_label; ?></a>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</section>
<!-- ============================================================
7. THREE STAGES
============================================================ -->
<?php
$stg_eyebrow = get_field('hv2_stg_eyebrow') ?: 'How We Engage';
$stg_heading = get_field('hv2_stg_heading') ?: "Three stages.\nScoped by outcome.";
$stg_bg = get_field('hv2_stg_bg_image');
$stages = get_field('hv2_stages') ?: [];
?>
<section class="hv2-stages">
<?php
$deco_src = !empty($stg_bg['url'])
? esc_url($stg_bg['url'])
: get_template_directory_uri() . '/assets/images/three-stages.webp';
?>
<img class="hv2-stages__deco" src="<?php echo $deco_src; ?>" alt="" aria-hidden="true" loading="lazy">
<div class="container">
<div class="row align-items-start">
<div class="col-12 col-lg-4 mb-5 mb-lg-0 hv2-stages__left" data-aos="fade-right" data-aos-duration="500">
<p class="hv2-stages__eyebrow"><?php echo esc_html($stg_eyebrow); ?></p>
<h2 class="hv2-stages__h2"><?php echo nl2br(esc_html(strip_tags($stg_heading))); ?></h2>
</div>
<div class="col-12 col-lg-8">
<?php foreach ($stages as $si => $stage) :
$num = esc_html($stage['stage_number'] ?? '');
$tag = esc_html($stage['stage_tag'] ?? '');
$title = esc_html($stage['stage_title'] ?? '');
$desc = esc_html($stage['stage_desc'] ?? '');
?>
<div class="hv2-stage-item" data-aos="fade-up" data-aos-delay="<?php echo $si * 100; ?>" data-aos-duration="400">
<div class="hv2-stage-item__head">
<div class="hv2-stage-item__meta">
<?php if ($tag) : ?><p class="hv2-stage-item__tag"><?php echo $tag; ?></p><?php endif; ?>
<?php if ($title) : ?><h3 class="hv2-stage-item__title"><?php echo $title; ?></h3><?php endif; ?>
</div>
<?php if ($num) : ?><span class="hv2-stage-item__num"><?php echo $num; ?></span><?php endif; ?>
</div>
<?php if ($desc) : ?><p class="hv2-stage-item__desc"><?php echo $desc; ?></p><?php endif; ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</section>
<!-- ============================================================
8. SECTORS
============================================================ -->
<?php
$sec_eyebrow = get_field('hv2_sec_eyebrow') ?: 'Sectors';
$sec_heading = get_field('hv2_sec_heading') ?: "Regulated sectors where trust\nprogrammes need to ship.";
$sec_cards = get_field('hv2_sector_cards') ?: [];
?>
<section class="hv2-sectors">
<div class="container">
<div data-aos="fade-up" data-aos-duration="400">
<p class="hv2-section-eyebrow"><?php echo esc_html($sec_eyebrow); ?></p>
<h2 class="hv2-section-h2"><?php echo nl2br(esc_html(strip_tags($sec_heading))); ?></h2>
</div>
<?php if (!empty($sec_cards)) : ?>
<div class="hv2-sector-cards">
<?php foreach ($sec_cards as $sci => $card) :
$icon_normal = $card['sector_icon_normal'] ?? null;
$icon_hover = $card['sector_icon_hover'] ?? null;
$primary = esc_html($card['sector_primary_label'] ?? 'Primary');
$title = esc_html($card['sector_title'] ?? '');
$desc = esc_html($card['sector_desc'] ?? '');
?>
<div class="hv2-sector-card" data-aos="fade-up" data-aos-delay="<?php echo ($sci % 4) * 80; ?>" data-aos-duration="400">
<div class="hv2-sector-card__icon" aria-hidden="true">
<?php if (!empty($icon_normal['url'])) : ?>
<img class="icon-default" src="<?php echo esc_url($icon_normal['url']); ?>" alt="" loading="lazy">
<?php endif; ?>
<?php if (!empty($icon_hover['url'])) : ?>
<img class="icon-hover" src="<?php echo esc_url($icon_hover['url']); ?>" alt="" loading="lazy">
<?php endif; ?>
</div>
<?php if ($primary) : ?><p class="hv2-sector-card__primary"><?php echo $primary; ?></p><?php endif; ?>
<?php if ($title) : ?><h3 class="hv2-sector-card__title"><?php echo $title; ?></h3><?php endif; ?>
<?php if ($desc) : ?><p class="hv2-sector-card__desc"><?php echo $desc; ?></p><?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</section>
<!-- ============================================================
9. STATS BAR
============================================================ -->
<?php
$stats_items = get_field('hv2_stats_items') ?: [];
$stats_fallback = [
['stat_value' => '9', 'stat_label' => 'Modular components — one coherent trust platform'],
['stat_value' => 'W3C', 'stat_label' => 'Open standard — globally interoperable credentials'],
['stat_value' => '3+', 'stat_label' => 'Countries with live deployments'],
['stat_value' => '∞', 'stat_label' => 'Use cases — any trusted digital interaction'],
['stat_value' => '0', 'stat_label' => 'Paper — fully digital, tamper-proof, instantly verifiable'],
];
$stats = !empty($stats_items) ? $stats_items : $stats_fallback;
?>
<div class="hv2-stats">
<div class="container">
<div class="hv2-stats-row" data-aos="fade-up" data-aos-duration="400">
<?php foreach ($stats as $stat) :
$stat_num = esc_html($stat['stat_value'] ?? '');
$stat_label = esc_html($stat['stat_label'] ?? '');
?>
<div class="hv2-stat">
<div class="hv2-stat__num"><?php echo $stat_num; ?></div>
<p class="hv2-stat__label"><?php echo $stat_label; ?></p>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<!-- ============================================================
10. BOOK A CALL / CONTACT
============================================================ -->
<?php
$con_heading = get_field('hv2_con_heading') ?: 'Book a 30-minute call';
$con_desc = get_field('hv2_con_desc') ?: "Tell us what you're building, deploying, or fixing. We'll map it to the right EveryCRED components and tell you honestly whether we're the fit.";
$con_bg = get_field('hv2_con_bg_image');
$con_bg_style = !empty($con_bg['url'])
? ' style="background-image:url(\'' . esc_url($con_bg['url']) . '\')"'
: '';
?>
<section class="hv2-contact" id="contact">
<div class="container">
<div class="hv2-contact-wrap">
<!-- Left panel -->
<div class="hv2-contact__left" data-aos="fade-right" data-aos-duration="500"<?php echo $con_bg_style; ?>>
<div>
<h2 class="hv2-contact__h2"><?php echo esc_html($con_heading); ?></h2>
<p class="hv2-contact__desc"><?php echo esc_html($con_desc); ?></p>
</div>
</div>
<!-- Right panel — Contact Form 7 -->
<div class="hv2-contact__right" data-aos="fade-left" data-aos-delay="100" data-aos-duration="500">
<?php echo do_shortcode('[contact-form-7 id="65aa207" title="Contact form 1"]'); ?>
</div>
</div>
</div>
</section>
</div><!-- /.hv2 -->
<?php get_footer(); ?>