Ümit Tunç
52 lines
3.1 KiB
PHP
52 lines
3.1 KiB
PHP
<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-300 !bg-fixed bg-no-repeat bg-[center_center] bg-cover relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.3)]" data-image-src="./assets/img/photos/bg16.webp" style="background-image: url('./assets/img/photos/bg16.webp');">
|
||
<div class="container pt-28 pb-36 xl:pt-32 lg:pt-32 md:pt-32 xl:pb-28 lg:pb-28 md:pb-28 !text-center">
|
||
<div class="flex flex-wrap mx-[-15px]">
|
||
<div class="lg:w-8/12 xl:w-7/12 xxl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto" data-cues="slideInDown" data-group="page-title" data-disabled="true">
|
||
<h1 class="xl:!text-[3rem] !text-[calc(1.425rem_+_2.1vw)] font-semibold !leading-[1.15] !text-white !mb-4 md:!px-20 lg:!px-0 xl:!px-0" data-cue="slideInDown" data-group="page-title" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 0ms; animation-direction: normal; animation-fill-mode: both;">
|
||
@if(app()->getLocale() == 'en')
|
||
We deliver solutions that <span class="hero-underline yellow">simplify</span> life
|
||
@else
|
||
Hayatı <span class="hero-underline yellow">kolaylaştıran</span> çözümler sunuyoruz
|
||
@endif
|
||
</h1>
|
||
<p class="lead !text-[1.2rem] !text-white !leading-[1.5] font-medium !mb-7 md:mx-[4rem] lg:mx-[2.5rem] xl:mx-[2.5rem]" data-cue="slideInDown" data-group="page-title" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 300ms; animation-direction: normal; animation-fill-mode: both;">{{ t('Hayatı kolaylaştıran uygulamaları insan odaklı, akılcı ve sade bir biçimde gerçekleştirmek için var gücümüzle çalışıyoruz.') }}</p>
|
||
<div data-cue="slideInDown" data-group="page-title" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 600ms; animation-direction: normal; animation-fill-mode: both;">
|
||
<a href="{{ route('page.show', ['slug' => 'neler-yapariz']) }}" class="btn btn-white !rounded-[50rem] !mb-10 xxl:!mb-5">{{ t('Daha Fazla Oku') }}</a>
|
||
<a href="{{ route('page.show', ['slug' => 'online-odeme']) }}" class="btn btn-white !rounded-[50rem] !mb-10 xxl:!mb-5 !ml-2 md:!ml-4">{{ t('Online Ödeme') }}</a>
|
||
</div>
|
||
</div>
|
||
<!-- /column -->
|
||
</div>
|
||
<!-- /.row -->
|
||
</div>
|
||
<!-- /.container -->
|
||
<div class="overflow-hidden">
|
||
<div class="divider !text-[#fefefe] mx-[-0.5rem]">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">
|
||
<path fill="currentColor" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z"></path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<style>
|
||
.hero-underline {
|
||
position: relative;
|
||
z-index: 2;
|
||
display: inline-block;
|
||
}
|
||
.hero-underline::after {
|
||
content: "";
|
||
position: absolute;
|
||
z-index: -1;
|
||
display: block;
|
||
background-repeat: no-repeat;
|
||
background-position: bottom center;
|
||
bottom: -0.15em;
|
||
width: 110%;
|
||
height: 0.35em;
|
||
left: 50%;
|
||
transform: translateX(-50%) !important;
|
||
}
|
||
</style>
|