feat: add new illustration for truncgil overview timeline and update styles for improved visual consistency across blog and component views
This commit is contained in:
Ümit Tunç
@@ -54,7 +54,7 @@
|
||||
</div>
|
||||
@endif
|
||||
<div class="info p-0">
|
||||
<h5 class="!mb-0 text-[#1e293b] !font-bold !text-[1.05rem]">{{ $testimonial->name }}</h5>
|
||||
<p class="!mb-0 text-[#1e293b] !font-bold !text-[1.05rem]">{{ $testimonial->name }}</p>
|
||||
@if($testimonial->position)
|
||||
<p class="!mb-0 !text-[0.85rem] text-[#1e293b] opacity-70">{{ $testimonial->position }}</p>
|
||||
@endif
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
<p>"{!! $testimonial->content !!}"</p>
|
||||
<div class="flex items-center text-left">
|
||||
<div class="info !pl-0">
|
||||
<h5 class="!mb-1 text-[.95rem] !leading-[1.5]">{{ $testimonial->name }}</h5>
|
||||
<p class="!mb-1 text-[.95rem] !leading-[1.5] !font-semibold">{{ $testimonial->name }}</p>
|
||||
<p class="!mb-0 text-[.85rem]">{{ $testimonial->position }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="container pb-20 xl:pb-[7rem] lg:pb-[7rem] md:pb-[7rem]">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="md:w-10/12 md:!ml-[8.33333333%] lg:w-8/12 lg:!ml-[16.66666667%] xl:w-8/12 xl:!ml-[16.66666667%] w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
|
||||
<h2 class="!text-[0.8rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !mb-3 !leading-[1.35]">{{ t('Neden Trunçgil?') }}</h2>
|
||||
<h2 class="!text-[0.8rem] !tracking-[0.02rem] uppercase !text-[#74788d] !mb-3 !leading-[1.35]">{{ t('Neden Trunçgil?') }}</h2>
|
||||
<h3 class="xl:!text-[2.1rem] !text-[calc(1.335rem_+_1.02vw)] !leading-[1.2] font-semibold !mb-10 xl:!px-10 xxl:!px-20">{{ t('Müşterilerimizin Trunçgil\'i tercih etmesinin birkaç') }} <span class="!relative z-[2] after:content-[''] after:absolute after:z-[-1] after:block after:bg-no-repeat after:bg-bottom after:bottom-[-0.1em] after:w-[110%] after:h-[0.3em] after:-translate-x-2/4 after:left-2/4 style-2 yellow">{{ t('nedeni') }}</span> {{ t('burada.') }}</h3>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
@section('content')
|
||||
<div class="grow shrink-0">
|
||||
|
||||
<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 !text-white bg-no-repeat bg-[center_center] bg-cover relative z-0 !bg-fixed 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,.4)]" data-image-src="../assets/img/photos/bg4.webp" style="background-image: url("../assets/img/photos/bg4.jpg");">
|
||||
<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 !text-white bg-no-repeat bg-[center_center] bg-cover relative z-0 !bg-fixed 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,.4)]" data-image-src="{{ asset('assets/img/photos/bg4.webp') }}" style="background-image: url('{{ asset('assets/img/photos/bg4.webp') }}');">
|
||||
<div class="container pt-28 pb-40 xl:pt-36 lg:pt-36 md:pt-36 xl:pb-[12.5rem] lg:pb-[12.5rem] md:pb-[12.5rem] !text-center">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
@@ -141,7 +141,7 @@
|
||||
<!-- /column -->
|
||||
<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center">
|
||||
<input type="submit" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]" value="{{ t('Mesaj Gönder') }}">
|
||||
<p class="!text-[#aab0bc]"><strong>*</strong> {{ t('Bu alanlar zorunludur.') }}</p>
|
||||
<p class="!text-[#74788d]"><strong>*</strong> {{ t('Bu alanlar zorunludur.') }}</p>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
@@ -156,7 +156,7 @@
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper image-wrapper bg-auto no-overlay bg-image !text-center bg-map bg-[center_center] bg-no-repeat !bg-scroll relative z-[0]" data-image-src="../assets/img/map.webp" style="background-image: url("../assets/img/map.png");">
|
||||
<section class="wrapper image-wrapper bg-auto no-overlay bg-image !text-center bg-map bg-[center_center] bg-no-repeat !bg-scroll relative z-[0]" data-image-src="{{ asset('assets/img/map.webp') }}" style="background-image: url('{{ asset('assets/img/map.webp') }}');">
|
||||
<div class="container pt-0 pb-[4.5rem] xl:pt-24 lg:pt-24 md:pt-24 xl:pb-32 lg:pb-32 md:pb-32">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="lg:w-9/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<nav data-module="nav" class="nav-w">
|
||||
<div class="nav">
|
||||
<div class="logo-banner-w">
|
||||
<img class="logo-light" src="{{url("assets/img/truncgil-yatay.svg")}}" alt="image" loading="lazy">
|
||||
<img class="logo-light" src="{{url("assets/img/truncgil-yatay.svg")}}" alt="image" width="134" height="43" fetchpriority="high" decoding="async">
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-w">
|
||||
|
||||
@@ -15,7 +15,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-10/12 md:w-7/12 lg:w-6/12 xl:w-5/12 !mx-auto flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-5 md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px]">
|
||||
<img class="max-w-full h-auto !mb-[-3.5rem] md:!mb-[-4.5rem] lg:!mb-[-9rem] xl:!mb-[-9rem]" src="{{ asset('assets/img/illustrations/3d11.png') }}" data-cue="fadeIn" data-delay="300" alt="{{ t('neler-yapariz.image_alt') }}" loading="lazy">
|
||||
<picture>
|
||||
<source srcset="{{ asset('assets/img/illustrations/3d11.webp') }}" type="image/webp">
|
||||
<img class="max-w-full h-auto !mb-[-3.5rem] md:!mb-[-4.5rem] lg:!mb-[-9rem] xl:!mb-[-9rem]" src="{{ asset('assets/img/illustrations/3d11.png') }}" data-cue="fadeIn" data-delay="300" alt="{{ t('neler-yapariz.image_alt') }}" width="800" height="1080" fetchpriority="high" decoding="async">
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user