<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="hero-header section panel overflow-hidden" id="hero_header">
<div class="section-outer min-h-screen py-9 lg:py-10" style="background-color: #dbf2ff">
<img alt="تصویر" class="position-absolute bottom-0" src="%%SHCD_IMG_i0%%"/>
<div class="container">
<div class="section-inner panel">
<div class="panel vstack items-center gap-2 lg:gap-3 xl:gap-4 max-w-md mx-auto text-center px-2 lg:px-0 mt-6 lg:mt-8 xl:mt-9" data-anime="targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});" data-uc-height-viewport="media: @xl;">
<h1 class="h2 xl:h1 mb-0 ls-0">
                                    %%SHCD_TEXT_t0%% <br class="d-none sm:d-block"/>
                                    %%SHCD_TEXT_t1%%
                                </h1>
<p class="fs-4 xl:fs-3">%%SHCD_TEXT_t2%%</p>
<div>
<a class="btn btn-md lg:btn-xl xl:btn-2xl btn-secondary px-3 mt-1 sm:mt-2 border border-2 border-black contrast-shadow-sm -rotate-2 hover:rotate-0" href="%%SHCD_LINK_l0%%">
<span>%%SHCD_TEXT_t3%%</span>
<span class="fs-4 mb-narrow">%%SHCD_TEXT_t4%%</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
