File: /var/www/html/wp-content/themes/thegem-elementor/template-industry-page.php
<?php
get_header();
$context = function_exists( 'ethnic_industry_pages_current_context' ) ? ethnic_industry_pages_current_context() : array();
if ( empty( $context ) ) :
?>
<div id="main-content" class="main-content">
<div class="container">
<section class="ethnic-industry-page__fallback">
<h1>Industries</h1>
<p>The requested industry page is not available right now.</p>
</section>
</div>
</div>
<?php
get_footer();
return;
endif;
$is_archive = ! empty( $context['is_archive'] );
$page_classes = $is_archive ? 'ethnic-industry-page ethnic-industry-page--archive' : 'ethnic-industry-page ethnic-industry-page--single';
$accent = ! empty( $context['accent'] ) ? $context['accent'] : '#4e74ff';
$contact_url = ! empty( $context['contact_url'] ) ? $context['contact_url'] : ( ! empty( $context['cta_primary_url'] ) ? $context['cta_primary_url'] : home_url( '/contact-us/' ) );
$case_studies_url = ! empty( $context['case_studies_url'] ) ? $context['case_studies_url'] : home_url( '/case-studies/' );
$apps_before_workflow = ! empty( $context['apps_before_workflow'] );
$render_app_use_cases_section = static function( $context ) {
?>
<section class="ethnic-industry-page__section ethnic-industry-page__section--contrast">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['apps_section_kicker'] ) ? $context['apps_section_kicker'] : 'Mobile Apps' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['apps_section_title'] ) ? $context['apps_section_title'] : 'Mobile app experiences for industry growth.' ); ?></h2>
</div>
</div>
<div class="ethnic-industry-page__service-grid">
<?php foreach ( (array) $context['app_use_cases'] as $app_use_case ) : ?>
<article class="ethnic-industry-page__service-card">
<div>
<h3><?php echo esc_html( $app_use_case['title'] ); ?></h3>
<p><?php echo esc_html( $app_use_case['copy'] ); ?></p>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php
};
?>
<div id="main-content" class="main-content">
<div class="<?php echo esc_attr( $page_classes ); ?>" style="--ethnic-industry-accent: <?php echo esc_attr( $accent ); ?>;">
<?php if ( $is_archive ) : ?>
<section class="ethnic-industry-page__hero ethnic-industry-page__hero--archive">
<div class="container">
<div class="ethnic-industry-page__hero-shell">
<div class="ethnic-industry-page__hero-copy">
<span class="ethnic-industry-page__eyebrow">Industry Expertise</span>
<h1><?php echo esc_html( $context['hero_title'] ); ?></h1>
<p><?php echo esc_html( $context['hero_subtitle'] ); ?></p>
<div class="ethnic-industry-page__hero-actions">
<a class="ethnic-industry-page__button ethnic-industry-page__button--primary" href="<?php echo esc_url( $context['hero_primary_url'] ); ?>"><?php echo esc_html( $context['hero_primary_label'] ); ?></a>
<a class="ethnic-industry-page__button ethnic-industry-page__button--ghost" href="<?php echo esc_url( $context['hero_secondary_url'] ); ?>"><?php echo esc_html( $context['hero_secondary_label'] ); ?></a>
</div>
<ul class="ethnic-industry-page__micro-points">
<?php foreach ( (array) $context['hero_points'] as $point ) : ?>
<li><?php echo esc_html( $point ); ?></li>
<?php endforeach; ?>
</ul>
</div>
<div class="ethnic-industry-page__hero-visual" aria-hidden="true">
<div class="ethnic-industry-page__archive-visual-grid">
<?php foreach ( array_slice( (array) $context['cards'], 0, 4 ) as $index => $card ) : ?>
<div class="ethnic-industry-page__archive-visual-card ethnic-industry-page__archive-visual-card--<?php echo esc_attr( $index + 1 ); ?>">
<span><?php echo esc_html( $card['name'] ); ?></span>
<strong><?php echo esc_html( $card['title'] ); ?></strong>
</div>
<?php endforeach; ?>
</div>
<div class="ethnic-industry-page__hero-badge ethnic-industry-page__hero-badge--primary">Industry-led delivery</div>
<div class="ethnic-industry-page__hero-badge ethnic-industry-page__hero-badge--secondary">SEO and conversion focused</div>
</div>
</div>
</div>
</section>
<?php if ( ! empty( $context['editor_content'] ) ) : ?>
<section class="ethnic-industry-page__section ethnic-industry-page__section--editor">
<div class="container">
<div class="ethnic-industry-page__editor-content">
<?php echo $context['editor_content']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
</div>
</div>
</section>
<?php endif; ?>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker">Industry Overview</span>
<h2>Industry solutions shaped around sector context, delivery priorities, and operational reality.</h2>
</div>
</div>
<div class="ethnic-industry-page__prose">
<?php foreach ( (array) $context['overview'] as $paragraph ) : ?>
<p><?php echo esc_html( $paragraph ); ?></p>
<?php endforeach; ?>
</div>
<div class="ethnic-industry-page__industry-grid">
<?php foreach ( (array) $context['cards'] as $card ) : ?>
<article class="ethnic-industry-page__industry-card">
<span class="ethnic-industry-page__industry-accent" style="background: <?php echo esc_attr( $card['accent'] ); ?>;"></span>
<h3><a href="<?php echo esc_url( $card['url'] ); ?>"><?php echo esc_html( $card['name'] ); ?></a></h3>
<p><?php echo esc_html( $card['copy'] ); ?></p>
<a class="ethnic-industry-page__link" href="<?php echo esc_url( $card['url'] ); ?>"><?php echo esc_html( $card['cta_label'] ); ?></a>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ethnic-industry-page__section ethnic-industry-page__section--contrast">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker">Common Challenges</span>
<h2>Commercial and operational problems we help teams solve across sectors.</h2>
</div>
</div>
<div class="ethnic-industry-page__challenge-grid">
<?php foreach ( (array) $context['challenges'] as $challenge ) : ?>
<article class="ethnic-industry-page__challenge-card">
<span class="ethnic-industry-page__challenge-badge"><?php echo esc_html( $challenge['badge'] ); ?></span>
<h3><?php echo esc_html( $challenge['title'] ); ?></h3>
<p><?php echo esc_html( $challenge['copy'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker">Solutions And Services</span>
<h2>Services adapted to industry-specific workflows, customer needs, and growth plans.</h2>
</div>
</div>
<div class="ethnic-industry-page__service-grid">
<?php foreach ( (array) $context['services'] as $service ) : ?>
<article class="ethnic-industry-page__service-card">
<div>
<h3><?php echo esc_html( $service['title'] ); ?></h3>
<p><?php echo esc_html( $service['copy'] ); ?></p>
</div>
<a class="ethnic-industry-page__link" href="<?php echo esc_url( $service['url'] ); ?>"><?php echo esc_html( $service['cta_label'] ); ?></a>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ethnic-industry-page__section ethnic-industry-page__section--tech">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker">Relevant Technologies</span>
<h2>Technology stacks shaped around workflows, integrations, and long-term scalability.</h2>
</div>
</div>
<div class="ethnic-industry-page__tech-intro">
<p><?php echo esc_html( $context['technologies_intro'] ); ?></p>
</div>
<div class="ethnic-industry-page__tech-grid">
<?php foreach ( (array) $context['technology_groups'] as $group ) : ?>
<article class="ethnic-industry-page__tech-card">
<h3><?php echo esc_html( $group['label'] ); ?></h3>
<div class="ethnic-industry-page__tech-tags">
<?php foreach ( (array) $group['items'] as $item ) : ?>
<span class="ethnic-industry-page__tech-tag"><?php echo esc_html( $item ); ?></span>
<?php endforeach; ?>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker">Case Studies</span>
<h2>Proof of delivery across commerce, applications, integrations, and operational platforms.</h2>
</div>
<a class="ethnic-industry-page__link ethnic-industry-page__link--head" href="<?php echo esc_url( $case_studies_url ); ?>">View All Case Studies</a>
</div>
<div class="ethnic-industry-page__case-grid">
<?php foreach ( (array) $context['case_studies'] as $case_study ) : ?>
<article class="ethnic-industry-page__case-card">
<a class="ethnic-industry-page__case-media" href="<?php echo esc_url( $case_study['url'] ); ?>" aria-label="<?php echo esc_attr( 'View case study: ' . $case_study['title'] ); ?>">
<img src="<?php echo esc_url( $case_study['image_url'] ); ?>" alt="<?php echo esc_attr( $case_study['image_alt'] ); ?>" loading="lazy" decoding="async" />
</a>
<div class="ethnic-industry-page__case-body">
<div class="ethnic-industry-page__case-tags" aria-label="<?php echo esc_attr( $case_study['title'] . ' tags' ); ?>">
<span class="ethnic-industry-page__tag ethnic-industry-page__tag--industry"><?php echo esc_html( $case_study['industry'] ); ?></span>
<?php foreach ( (array) $case_study['services'] as $service ) : ?>
<span class="ethnic-industry-page__tag"><?php echo esc_html( $service ); ?></span>
<?php endforeach; ?>
<?php foreach ( (array) $case_study['platforms'] as $platform ) : ?>
<span class="ethnic-industry-page__tag ethnic-industry-page__tag--platform"><?php echo esc_html( $platform ); ?></span>
<?php endforeach; ?>
</div>
<h3><a href="<?php echo esc_url( $case_study['url'] ); ?>"><?php echo esc_html( $case_study['title'] ); ?></a></h3>
<p><?php echo esc_html( $case_study['summary'] ); ?></p>
<a class="ethnic-industry-page__link" href="<?php echo esc_url( $case_study['url'] ); ?>"><?php echo esc_html( $case_study['cta_label'] ); ?></a>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ethnic-industry-page__section ethnic-industry-page__section--faq">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker">FAQs</span>
<h2>Questions we hear from teams comparing sector-specific digital services.</h2>
</div>
</div>
<div class="ethnic-industry-page__faq-list">
<?php foreach ( (array) $context['faqs'] as $index => $faq ) : ?>
<details class="ethnic-industry-page__faq-item" <?php echo 0 === $index ? 'open' : ''; ?>>
<summary><?php echo esc_html( $faq['question'] ); ?></summary>
<div class="ethnic-industry-page__faq-answer">
<p><?php echo esc_html( $faq['answer'] ); ?></p>
</div>
</details>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ethnic-industry-page__section ethnic-industry-page__section--cta">
<div class="container">
<div class="ethnic-industry-page__cta">
<div>
<span class="ethnic-industry-page__section-kicker">Next Step</span>
<h2><?php echo esc_html( $context['cta_title'] ); ?></h2>
<p><?php echo esc_html( $context['cta_text'] ); ?></p>
</div>
<div class="ethnic-industry-page__cta-actions">
<a class="ethnic-industry-page__button ethnic-industry-page__button--primary" href="<?php echo esc_url( $context['cta_primary_url'] ); ?>"><?php echo esc_html( $context['cta_primary_label'] ); ?></a>
<a class="ethnic-industry-page__button ethnic-industry-page__button--ghost" href="<?php echo esc_url( $context['cta_secondary_url'] ); ?>"><?php echo esc_html( $context['cta_secondary_label'] ); ?></a>
</div>
</div>
</div>
</section>
<?php else : ?>
<section class="ethnic-industry-page__hero">
<div class="container">
<div class="ethnic-industry-page__hero-shell">
<div class="ethnic-industry-page__hero-copy">
<span class="ethnic-industry-page__eyebrow"><?php echo esc_html( ! empty( $context['eyebrow_label'] ) ? $context['eyebrow_label'] : $context['name'] . ' Industry Solutions' ); ?></span>
<h1><?php echo esc_html( $context['hero_title'] ); ?></h1>
<p><?php echo esc_html( $context['hero_subtitle'] ); ?></p>
<div class="ethnic-industry-page__hero-actions">
<a class="ethnic-industry-page__button ethnic-industry-page__button--primary" href="<?php echo esc_url( ! empty( $context['hero_primary_url'] ) ? $context['hero_primary_url'] : $contact_url ); ?>"><?php echo esc_html( ! empty( $context['hero_primary_label'] ) ? $context['hero_primary_label'] : 'Book a Free Consultation' ); ?></a>
<a class="ethnic-industry-page__button ethnic-industry-page__button--ghost" href="<?php echo esc_url( ! empty( $context['hero_secondary_url'] ) ? $context['hero_secondary_url'] : $case_studies_url ); ?>"><?php echo esc_html( ! empty( $context['hero_secondary_label'] ) ? $context['hero_secondary_label'] : 'View Case Studies' ); ?></a>
</div>
<ul class="ethnic-industry-page__micro-points">
<?php foreach ( (array) $context['hero_points'] as $point ) : ?>
<li><?php echo esc_html( $point ); ?></li>
<?php endforeach; ?>
</ul>
</div>
<div class="ethnic-industry-page__hero-visual">
<div class="ethnic-industry-page__visual-frame">
<div class="ethnic-industry-page__visual-main">
<img src="<?php echo esc_url( $context['visual_image_url'] ); ?>" alt="<?php echo esc_attr( $context['visual_image_alt'] ); ?>" loading="eager" decoding="async" />
</div>
<div class="ethnic-industry-page__visual-note">
<span><?php echo esc_html( $context['hero_visual_note'] ); ?></span>
<strong><?php echo esc_html( $context['hero_visual_caption'] ); ?></strong>
</div>
<div class="ethnic-industry-page__visual-stack">
<span>Relevant delivery focus</span>
<?php foreach ( array_slice( (array) $context['services'], 0, 3 ) as $service ) : ?>
<strong><?php echo esc_html( $service['title'] ); ?></strong>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['overview_section_kicker'] ) ? $context['overview_section_kicker'] : 'Industry Overview' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['overview_section_title'] ) ? $context['overview_section_title'] : 'How digital delivery supports modern ' . strtolower( $context['name'] ) . ' businesses.' ); ?></h2>
</div>
</div>
<div class="ethnic-industry-page__overview-grid">
<div class="ethnic-industry-page__prose">
<?php foreach ( (array) $context['overview'] as $paragraph ) : ?>
<p><?php echo esc_html( $paragraph ); ?></p>
<?php endforeach; ?>
</div>
<div class="ethnic-industry-page__highlight-grid">
<?php foreach ( (array) $context['highlights'] as $highlight ) : ?>
<article class="ethnic-industry-page__highlight-card">
<h3><?php echo esc_html( $highlight['title'] ); ?></h3>
<p><?php echo esc_html( $highlight['copy'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
</div>
</div>
</section>
<?php if ( ! empty( $context['editor_content'] ) ) : ?>
<section class="ethnic-industry-page__section ethnic-industry-page__section--editor">
<div class="container">
<div class="ethnic-industry-page__editor-content">
<?php echo $context['editor_content']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
</div>
</div>
</section>
<?php endif; ?>
<section class="ethnic-industry-page__section ethnic-industry-page__section--contrast">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['challenges_section_kicker'] ) ? $context['challenges_section_kicker'] : 'Challenges' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['challenges_section_title'] ) ? $context['challenges_section_title'] : 'Common digital challenges for ' . strtolower( $context['name'] ) . ' teams.' ); ?></h2>
</div>
</div>
<div class="ethnic-industry-page__challenge-grid">
<?php foreach ( (array) $context['challenges'] as $challenge ) : ?>
<article class="ethnic-industry-page__challenge-card">
<span class="ethnic-industry-page__challenge-badge"><?php echo esc_html( $challenge['badge'] ); ?></span>
<h3><?php echo esc_html( $challenge['title'] ); ?></h3>
<p><?php echo esc_html( $challenge['copy'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['services_section_kicker'] ) ? $context['services_section_kicker'] : 'Solutions And Services' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['services_section_title'] ) ? $context['services_section_title'] : 'Services we tailor for ' . strtolower( $context['name'] ) . ' organizations.' ); ?></h2>
</div>
</div>
<div class="ethnic-industry-page__service-grid">
<?php foreach ( (array) $context['services'] as $service ) : ?>
<article class="ethnic-industry-page__service-card">
<div>
<h3><?php echo esc_html( $service['title'] ); ?></h3>
<p><?php echo esc_html( $service['copy'] ); ?></p>
<?php if ( ! empty( $service['tags'] ) ) : ?>
<div class="ethnic-industry-page__tech-tags">
<?php foreach ( (array) $service['tags'] as $tag ) : ?>
<span class="ethnic-industry-page__tech-tag"><?php echo esc_html( $tag ); ?></span>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
<a class="ethnic-industry-page__link" href="<?php echo esc_url( $service['url'] ); ?>"><?php echo esc_html( $service['cta_label'] ); ?></a>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php if ( $apps_before_workflow && ! empty( $context['app_use_cases'] ) ) : ?>
<?php $render_app_use_cases_section( $context ); ?>
<?php endif; ?>
<?php if ( ! empty( $context['workflow_intro'] ) || ! empty( $context['workflow_points'] ) ) : ?>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['workflow_section_kicker'] ) ? $context['workflow_section_kicker'] : 'Operational Workflows' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['workflow_section_title'] ) ? $context['workflow_section_title'] : 'Structured digital workflows for internal teams.' ); ?></h2>
</div>
</div>
<div class="ethnic-industry-page__overview-grid">
<div class="ethnic-industry-page__prose">
<?php foreach ( (array) $context['workflow_intro'] as $paragraph ) : ?>
<p><?php echo esc_html( $paragraph ); ?></p>
<?php endforeach; ?>
</div>
<div class="ethnic-industry-page__highlight-grid">
<?php foreach ( (array) $context['workflow_points'] as $point ) : ?>
<article class="ethnic-industry-page__highlight-card">
<h3><?php echo esc_html( $point['title'] ); ?></h3>
<p><?php echo esc_html( $point['copy'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( ! empty( $context['omnichannel_intro'] ) || ! empty( $context['omnichannel_points'] ) ) : ?>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['omnichannel_section_kicker'] ) ? $context['omnichannel_section_kicker'] : 'Omnichannel Commerce' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['omnichannel_section_title'] ) ? $context['omnichannel_section_title'] : 'Connected commerce experiences across touchpoints.' ); ?></h2>
</div>
</div>
<div class="ethnic-industry-page__overview-grid">
<div class="ethnic-industry-page__prose">
<?php foreach ( (array) $context['omnichannel_intro'] as $paragraph ) : ?>
<p><?php echo esc_html( $paragraph ); ?></p>
<?php endforeach; ?>
</div>
<div class="ethnic-industry-page__highlight-grid">
<?php foreach ( (array) $context['omnichannel_points'] as $point ) : ?>
<article class="ethnic-industry-page__highlight-card">
<h3><?php echo esc_html( $point['title'] ); ?></h3>
<p><?php echo esc_html( $point['copy'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( ! $apps_before_workflow && ! empty( $context['app_use_cases'] ) ) : ?>
<?php $render_app_use_cases_section( $context ); ?>
<?php endif; ?>
<?php if ( ! empty( $context['ai_intro'] ) || ! empty( $context['ai_use_cases'] ) ) : ?>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['ai_section_kicker'] ) ? $context['ai_section_kicker'] : 'AI Use Cases' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['ai_section_title'] ) ? $context['ai_section_title'] : 'Practical AI support for digital delivery.' ); ?></h2>
</div>
</div>
<?php if ( ! empty( $context['ai_intro'] ) ) : ?>
<div class="ethnic-industry-page__tech-intro">
<?php foreach ( (array) $context['ai_intro'] as $paragraph ) : ?>
<p><?php echo esc_html( $paragraph ); ?></p>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="ethnic-industry-page__service-grid">
<?php foreach ( (array) $context['ai_use_cases'] as $ai_use_case ) : ?>
<article class="ethnic-industry-page__service-card">
<div>
<h3><?php echo esc_html( $ai_use_case['title'] ); ?></h3>
<p><?php echo esc_html( $ai_use_case['copy'] ); ?></p>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( ! empty( $context['support_intro'] ) || ! empty( $context['support_services'] ) ) : ?>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['support_section_kicker'] ) ? $context['support_section_kicker'] : 'Technical Support' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['support_section_title'] ) ? $context['support_section_title'] : 'Technical operations, integrations, and support services.' ); ?></h2>
</div>
</div>
<?php if ( ! empty( $context['support_intro'] ) ) : ?>
<div class="ethnic-industry-page__tech-intro">
<?php foreach ( (array) $context['support_intro'] as $paragraph ) : ?>
<p><?php echo esc_html( $paragraph ); ?></p>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="ethnic-industry-page__service-grid">
<?php foreach ( (array) $context['support_services'] as $support_service ) : ?>
<article class="ethnic-industry-page__service-card">
<div>
<h3><?php echo esc_html( $support_service['title'] ); ?></h3>
<p><?php echo esc_html( $support_service['copy'] ); ?></p>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( ! empty( $context['technology_groups'] ) ) : ?>
<section class="ethnic-industry-page__section ethnic-industry-page__section--tech">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['technologies_section_kicker'] ) ? $context['technologies_section_kicker'] : 'Relevant Technologies' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['technologies_section_title'] ) ? $context['technologies_section_title'] : 'Technology choices shaped around real ' . strtolower( $context['name'] ) . ' workflows.' ); ?></h2>
</div>
</div>
<?php if ( ! empty( $context['technologies_intro'] ) ) : ?>
<div class="ethnic-industry-page__tech-intro">
<p><?php echo esc_html( $context['technologies_intro'] ); ?></p>
</div>
<?php endif; ?>
<div class="ethnic-industry-page__tech-grid">
<?php foreach ( (array) $context['technology_groups'] as $group ) : ?>
<article class="ethnic-industry-page__tech-card">
<h3><?php echo esc_html( $group['label'] ); ?></h3>
<div class="ethnic-industry-page__tech-tags">
<?php foreach ( (array) $group['items'] as $item ) : ?>
<span class="ethnic-industry-page__tech-tag"><?php echo esc_html( $item ); ?></span>
<?php endforeach; ?>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( ! empty( $context['case_studies'] ) ) : ?>
<section class="ethnic-industry-page__section">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['case_studies_section_kicker'] ) ? $context['case_studies_section_kicker'] : 'Case Studies' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['case_studies_section_title'] ) ? $context['case_studies_section_title'] : 'Relevant delivery proof for ' . strtolower( $context['name'] ) . ' projects.' ); ?></h2>
</div>
<a class="ethnic-industry-page__link ethnic-industry-page__link--head" href="<?php echo esc_url( $case_studies_url ); ?>">View All Case Studies</a>
</div>
<div class="ethnic-industry-page__case-grid">
<?php foreach ( (array) $context['case_studies'] as $case_study ) : ?>
<article class="ethnic-industry-page__case-card">
<a class="ethnic-industry-page__case-media" href="<?php echo esc_url( $case_study['url'] ); ?>" aria-label="<?php echo esc_attr( 'View case study: ' . $case_study['title'] ); ?>">
<img src="<?php echo esc_url( $case_study['image_url'] ); ?>" alt="<?php echo esc_attr( $case_study['image_alt'] ); ?>" loading="lazy" decoding="async" />
</a>
<div class="ethnic-industry-page__case-body">
<div class="ethnic-industry-page__case-tags" aria-label="<?php echo esc_attr( $case_study['title'] . ' tags' ); ?>">
<span class="ethnic-industry-page__tag ethnic-industry-page__tag--industry"><?php echo esc_html( $case_study['industry'] ); ?></span>
<?php foreach ( (array) $case_study['services'] as $service ) : ?>
<span class="ethnic-industry-page__tag"><?php echo esc_html( $service ); ?></span>
<?php endforeach; ?>
<?php foreach ( (array) $case_study['platforms'] as $platform ) : ?>
<span class="ethnic-industry-page__tag ethnic-industry-page__tag--platform"><?php echo esc_html( $platform ); ?></span>
<?php endforeach; ?>
</div>
<h3><a href="<?php echo esc_url( $case_study['url'] ); ?>"><?php echo esc_html( $case_study['title'] ); ?></a></h3>
<p><?php echo esc_html( $case_study['summary'] ); ?></p>
<a class="ethnic-industry-page__link" href="<?php echo esc_url( $case_study['url'] ); ?>"><?php echo esc_html( $case_study['cta_label'] ); ?></a>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( ! empty( $context['faqs'] ) ) : ?>
<section class="ethnic-industry-page__section ethnic-industry-page__section--faq">
<div class="container">
<div class="ethnic-industry-page__section-head">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['faq_section_kicker'] ) ? $context['faq_section_kicker'] : 'FAQs' ); ?></span>
<h2><?php echo esc_html( ! empty( $context['faq_section_title'] ) ? $context['faq_section_title'] : 'Questions we hear from ' . strtolower( $context['name'] ) . ' teams.' ); ?></h2>
</div>
</div>
<div class="ethnic-industry-page__faq-list">
<?php foreach ( (array) $context['faqs'] as $index => $faq ) : ?>
<details class="ethnic-industry-page__faq-item" <?php echo 0 === $index ? 'open' : ''; ?>>
<summary><?php echo esc_html( $faq['question'] ); ?></summary>
<div class="ethnic-industry-page__faq-answer">
<p><?php echo esc_html( $faq['answer'] ); ?></p>
</div>
</details>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<section class="ethnic-industry-page__section ethnic-industry-page__section--cta">
<div class="container">
<div class="ethnic-industry-page__cta">
<div>
<span class="ethnic-industry-page__section-kicker"><?php echo esc_html( ! empty( $context['cta_section_kicker'] ) ? $context['cta_section_kicker'] : 'Next Step' ); ?></span>
<h2><?php echo esc_html( $context['cta_title'] ); ?></h2>
<p><?php echo esc_html( $context['cta_text'] ); ?></p>
</div>
<div class="ethnic-industry-page__cta-actions">
<a class="ethnic-industry-page__button ethnic-industry-page__button--primary" href="<?php echo esc_url( $context['cta_primary_url'] ); ?>"><?php echo esc_html( $context['cta_primary_label'] ); ?></a>
<a class="ethnic-industry-page__button ethnic-industry-page__button--ghost" href="<?php echo esc_url( $context['cta_secondary_url'] ); ?>"><?php echo esc_html( $context['cta_secondary_label'] ); ?></a>
</div>
</div>
</div>
</section>
<?php endif; ?>
</div>
</div>
<?php
get_footer();