<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="main-contact section panel overflow-hidden" id="main-contact">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10 bg-secondary">
<div class="container sm:max-w-md">
<div class="section-inner panel" data-anime="onview: -300; translateY: [48, 0]; opacity: [0, 1]; delay: 200;">
<div class="section-header panel sm:max-w-500px xl:max-w-800px mx-auto mb-4 sm:mb-6 xl:mb-9 text-center">
<h2 class="h4 sm:h3 xl:h2 m-0 text-uppercase ls-0">%%SHCD_TEXT_t0%%</h2>
</div>
<div class="section-content panel">
<form class="vstack items-center gap-2 sm:gap-3">
<div class="w-full">
<div class="row child-cols-12 sm:child-cols-6 g-3">
<div>
<input class="form-control h-56px xl:h-64px fs-6 xl:fs-4 w-full border border-3 border-black contrast-shadow-sm text-black bg-white" placeholder="نام شما" required="" type="text"/>
</div>
<div>
<input class="form-control h-56px xl:h-64px fs-6 xl:fs-4 w-full border border-3 border-black contrast-shadow-sm text-black bg-white" placeholder="نشانی ایمیل" required="" type="email"/>
</div>
</div>
</div>
<input class="form-control h-56px xl:h-64px fs-6 xl:fs-4 w-full border border-3 border-black contrast-shadow-sm text-black bg-white" placeholder="موضوع" type="text"/>
<textarea class="form-control min-h-150px fs-6 xl:fs-4 w-full border border-3 border-black contrast-shadow-sm text-black bg-white" placeholder="پیام شما..." required=""></textarea>
<button class="btn btn-md sm:btn-xl xl:btn-2xl btn-primary px-3 mt-3 sm:mt-5 xl:mt-8 border border-3 border-black contrast-shadow-sm text-black hover:-rotate-2" type="submit">
<span class="text-secondary">%%SHCD_TEXT_t1%%</span>
<span class="fs-4 mb-narrow">%%SHCD_TEXT_t2%%</span>
</button>
</form>
</div>
<div class="section-footer panel mt-4 sm:mt-6 xl:mt-9">
<ul class="nav-x justify-center gap-4 xl:gap-6">
<li>
<a class="w-48px lg:w-56px xl:w-64px hover:-rotate-3" href="%%SHCD_LINK_l0%%"><img alt="توییتر" src="%%SHCD_IMG_i0%%"/></a>
</li>
<li>
<a class="w-48px lg:w-56px xl:w-64px hover:-rotate-3" href="%%SHCD_LINK_l1%%"><img alt="توییتر" src="%%SHCD_IMG_i1%%"/></a>
</li>
<li>
<a class="w-48px lg:w-56px xl:w-64px hover:-rotate-3" href="%%SHCD_LINK_l2%%"><img alt="توییتر" src="%%SHCD_IMG_i2%%"/></a>
</li>
<li>
<a class="w-48px lg:w-56px xl:w-64px hover:-rotate-3" href="%%SHCD_LINK_l3%%"><img alt="توییتر" src="%%SHCD_IMG_i3%%"/></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
