<!-- Hero Start -->
<div class="section tech-hero-section">
{% if editmode %}
{{ pimcore_image("portal_banner_image" , {
"title": "Drag portal banner image here",
"width":500,
"height":300
})
}}
{% else %}
{% set image = pimcore_image('portal_banner_image').getThumbnail("portal_banner_thumb") %}
<img src="{{image}}" alt="" class="heroimg">
{% endif %}
<div class="shape-1"></div>
<div class="container">
<div class="row">
<div
class="col-xl-12">
<!-- Hero Content Start -->
<div class="hero-content">
{% if not editmode %}
<h3 class="sub-title" data-aos-delay="600" data-aos="fade-up">{{ pimcore_input("heading") }}</h3>
<h2 class="title" data-aos="fade-up" data-aos-delay="700">{{ pimcore_input("headline") }}</h2>
<!-- <p data-aos="fade-up" data-aos-delay="800">We provide the most responsive and functional IT design for companies and businesses worldwide.</p> -->
<div
class="hero-btn" data-aos="fade-up" data-aos-delay="900">
{# <a class="btn" href="#">Read More</a> #}
{{ pimcore_link('link') }}
</div>
{% endif %}
</div>
<!-- Hero Content End -->
</div>
</div>
</div>
</div>
{% if editmode %}
{# {{ pimcore_image("spotlight_banner" , {
"title": "Drag Spotlight banner image here",
"thumbnail": "spotlight_banner_thumb",
"width": "400",
"height": "400"
})
}} #}
<h3 class="sub-title">
{{ pimcore_input("heading" ,{placeholder:"Heading", width:'600'}) }}</h3>
<h2 class="title">{{ pimcore_input("headline" ,{placeholder:"Headline", width:'600'}) }}</h2>
<div class="hero-btn">{{ pimcore_link('link', {width:'400'}) }}</div>
{% endif %}
<!-- Hero End -->