<section class="cell fujiInspiring no-padding columns">
	<section class="grid-x">
		
		{% if page.special_offer_ending_date.format('Y-m-d H:i:s') < carbon() %}
		<div class="specialBanner nopaci heightMid columns small-12 cell">
			<img src="{{ image('theme::img/remove/specialbanner0.jpg').fit(1366, 750).url() }}" alt=""/>
			<div class="captionbanner">
				<div class="midleheight">
					<div class="sizeCenterElm">
						<div class="sizeCaption wordCenter">
							<h2 class="titleCaption">
								Get Instant Cashback 
							</h2>
							<p>
								For Every X-T20 Series Purchases.
							</p>
							<span class="notes">
								Valid through {{ page.special_offer_starting_date.format('d M Y') }} / {{ page.special_offer_ending_date.format('d M Y') }}
							</span>
							<a href="{{ url("special-offer/detail") }}"  class="link"> get it now</a>
						</div>
					</div>
				</div>
			</div>
			<div class="caption">
				<div class="sizeCenterElm">
					<div class="boxSize">
						
						<h2 class="titleCaption">
							X Tra Gifts
						</h2>
						<p>
							Get extra with product purchase
						</p>
					</div>
				</div>
			</div>
		</div>
		{% else %}
		<div class="specialBanner columns small-6 cell">
			<img src="{{ image("theme::img/remove/specialbanner1.jpg").fit(683, 750).url() }}" alt="FUJI FILM" />
			<div class="caption">
				{#  <span class="titlefeature">Feature Promo</span>#}
				<a href="{{ url("special-offer/detail") }}"><h2 class="titleCaption">
						X Tra Gifts
					</h2></a>
				<p>
					Get extra with product purchase
				</p>
			</div>
		</div>
		{# END specialBanner //Banner Pertama #} 
		<div class="columns small-6 cell">
			<section class="grid-x">
				<div class="specialBanner specialHighlight columns cell">
					<img src="{{ image("theme::img/remove/specialbanner2.jpg").fit(683, 375).url() }}" alt="FUJI FILM" />
					<div class="caption">
						<a href="{{ url("special-offer/detail") }}"><h2 class="titleCaption">
								Lens Series Promo
							</h2></a>
						<p>
							Proin gravida nibh vel velit auctor aliquet.
						</p>
					</div>
				</div>
				{# END specialBanner //Banner kedua #} 
				<div class="specialBanner columns cell">
					<img src="{{ image("theme::img/remove/specialbanner3.jpg").fit(683, 375).url() }}" alt="FUJI FILM" />
					<div class="caption">
						<a href="{{ url("special-offer/detail") }}"><h2 class="titleCaption">
								Techniques &amp; Insight
							</h2></a>
						<p>
							Proin gravida nibh vel velit auctor aliquet.
						</p>
					</div>
				</div>
				{# END specialBanner //Banner ketiga #} 
			</section>
		</div>
		{% endif %}
	</section>
</section>