truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update app development template to use new PNG images for devices, enhancing visual representation and consistency across the section

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-21 09:52:33 +03:00
parent b51cf5876f
commit a79d00a8dd
4 changed files with 9 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/templates/services/app-development.blade.php
+9 -14
View File
@@ -189,14 +189,9 @@
<p class="lead !text-[1.2rem] !leading-[1.5] !font-normal !mb-7">
{!! t('Trunçgil Teknoloji olarak Android ve iOS uygulamalarını fikirden mağaza yayınına kadar titizlikle hayata geçiriyoruz.') !!}
</p>
<div class="flex flex-wrap justify-center lg:!justify-start xl:!justify-start gap-3 items-center" data-cues="slideInDown" data-group="page-title-buttons" data-delay="1800">
<a href="{{ $contactUrl }}" class="btn btn-lg btn-primary !rounded-[0.8rem]">
{!! t('Projenizi Konuşalım') !!}
</a>
<div class="flex gap-2">
<img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="Google Play" loading="lazy">
<img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="App Store" loading="lazy">
</div>
<div class="flex flex-wrap justify-center lg:!justify-start xl:!justify-start gap-4 items-center" data-cues="slideInDown" data-group="page-title-buttons" data-delay="1800">
<img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[4rem] xl:!h-[4.25rem] !rounded-[0.8rem]" alt="Google Play" loading="lazy">
<img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[4rem] xl:!h-[4.25rem] !rounded-[0.8rem]" alt="App Store" loading="lazy">
</div>
</div>
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full !ml-auto !mb-[-10rem] xxl:!mb-[-15rem] !mt-[50px]" data-cues="slideInDown" data-delay="600">
@@ -263,7 +258,7 @@
<div class="flex flex-wrap mx-[-15px] !mt-[-50px] xl:!mt-0 lg:!mt-0 !text-center items-center">
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mb-[-2.5rem] lg:!mb-0 xl:!mb-0 !mt-[50px] xl:!mt-0 lg:!mt-0">
<figure class="mx-auto">
<img src="{{ asset('assets/img/photos/devices4.webp') }}" alt="{!! t('Trunçgil Teknoloji uygulama geliştirme süreci') !!}" loading="lazy">
<img src="{{ asset('assets/img/photos/devices4.png') }}" alt="{!! t('Trunçgil Teknoloji uygulama geliştirme süreci') !!}" loading="lazy">
</figure>
</div>
<div class="w-full xl:!hidden lg:!hidden !px-[15px] !mt-[50px]"></div>
@@ -364,7 +359,7 @@
<div class="flex-wrap mx-[-15px] flex items-start !mb-36">
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!sticky lg:!sticky" style="top: 8rem;">
<figure class="m-0 p-0">
<img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices5.webp') }}" alt="{!! t('Trunçgil Teknoloji mobil uygulamalar') !!}" loading="lazy">
<img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices5.png') }}" alt="{!! t('Trunçgil Teknoloji mobil uygulamalar') !!}" loading="lazy">
</figure>
</div>
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !ml-auto">
@@ -448,15 +443,15 @@
{!! t('Ücretsiz Danışmanlık Alın') !!}
<i class="uil uil-arrow-up-right !ml-[.3rem]"></i>
</a>
<div class="flex gap-2">
<img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="Google Play" loading="lazy">
<img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="App Store" loading="lazy">
<div class="flex gap-4 items-center">
<img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[4rem] xl:!h-[4.25rem] !rounded-[0.8rem]" alt="Google Play" loading="lazy">
<img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[4rem] xl:!h-[4.25rem] !rounded-[0.8rem]" alt="App Store" loading="lazy">
</div>
</div>
</div>
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full !ml-auto !mt-lg-n15 xl:!mt-[-10rem] lg:!mt-[-5rem] !mt-[50px]">
<figure class="m-0 p-0">
<img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices6.webp') }}" alt="{!! t('Trunçgil Teknoloji uygulama geliştirme') !!}" loading="lazy">
<img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices6.png') }}" alt="{!! t('Trunçgil Teknoloji uygulama geliştirme') !!}" loading="lazy">
</figure>
</div>
</div>