feat: add localization keys and update header template for "What We Do" section, enhancing multilingual support and UI structure

This commit is contained in:
Ümit Tunç
2026-05-21 00:29:23 +03:00
parent 34f790cc10
commit 0ca112b28d
4 changed files with 178 additions and 33 deletions
@@ -0,0 +1,75 @@
{{-- demo26.html: center-nav transparent navbar-light, !bg-[#f0f0f8] --}}
<header class="relative wrapper !bg-[#f0f0f8]">
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
<div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
<div class="navbar-brand w-full">
<a href="{{ url('/') }}">
<img src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="{{ setting('site_name', config('app.name')) }}" loading="lazy">
</a>
</div>
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
<div class="offcanvas-header xl:!hidden lg:!hidden flex items-center justify-between flex-row p-6">
<a href="{{ url('/') }}">
<img class="!h-[2.2rem]" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="{{ setting('site_name', config('app.name')) }}" loading="lazy">
</a>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="{{ __('Close') }}"></button>
</div>
<div class="offcanvas-body xl:!ml-auto lg:!ml-auto flex flex-col !h-full">
@include('components.custom.menu')
<div class="offcanvas-footer xl:!hidden lg:!hidden !mt-auto">
<div>
<a href="mailto:{{ setting('contact_email') }}" class="link-inverse">{{ setting('contact_email') }}</a>
<br>
<a href="tel:{{ setting('contact_phone') }}">{{ setting('contact_phone') }}</a>
<br>
@php $social_media = json_decode(setting('social_links'), true) ?? []; @endphp
<nav class="nav social social-white !mt-4">
@if(!empty($social_media['Twitter']))
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Twitter'] }}" target="_blank" rel="noopener"><i class="uil uil-twitter before:content-['\ed59'] !text-white text-[1rem]"></i></a>
@endif
@if(!empty($social_media['Facebook']))
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Facebook'] }}" target="_blank" rel="noopener"><i class="uil uil-facebook-f before:content-['\eae2'] !text-white text-[1rem]"></i></a>
@endif
@if(!empty($social_media['Instagram']))
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Instagram'] }}" target="_blank" rel="noopener"><i class="uil uil-instagram before:content-['\eb9c'] !text-white text-[1rem]"></i></a>
@endif
@if(!empty($social_media['Youtube']))
<a class="!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="{{ $social_media['Youtube'] }}" target="_blank" rel="noopener"><i class="uil uil-youtube before:content-['\edb5'] !text-white text-[1rem]"></i></a>
@endif
</nav>
</div>
</div>
</div>
</div>
<div class="navbar-other w-full !flex !ml-auto">
<ul class="navbar-nav !flex-row !items-center !ml-auto">
<li class="nav-item hidden xl:block lg:block md:block">
@include('components.custom.language-selector')
</li>
<li class="nav-item hidden xl:block lg:block md:block">
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-sm btn-grape !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">{{ t('neler-yapariz.hero.cta_contact') }}</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
<button class="hamburger offcanvas-nav-btn" type="button" data-bs-toggle="offcanvas" data-bs-target=".offcanvas-nav"><span></span></button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<script>
document.addEventListener('DOMContentLoaded', function () {
var offcanvases = document.querySelectorAll('.offcanvas-nav');
var hamburgers = document.querySelectorAll('.hamburger.offcanvas-nav-btn');
if (offcanvases.length > 0 && hamburgers.length > 0) {
offcanvases.forEach(function (oc) {
oc.addEventListener('show.bs.offcanvas', function () {
hamburgers.forEach(function (h) { h.classList.add('is-active'); });
});
oc.addEventListener('hide.bs.offcanvas', function () {
hamburgers.forEach(function (h) { h.classList.remove('is-active'); });
});
});
}
});
</script>
@@ -1,10 +1,32 @@
<?php $headerTemplate = 'Blog Header'; ?>
@extends('layouts.site', ['header' => 'partials.header', 'footer' => 'partials.footer'])
@extends('layouts.site', ['header' => 'partials.header-demo26', 'footer' => 'partials.footer'])
@section('title', 'Anasayfa')
@section('title', t('neler-yapariz.page_title'))
@push('styles')
<style>
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
background: #e31e24 !important;
border-color: #e31e24 !important;
color: #ffffff !important;
}
.navbar.center-nav .nav-link {
font-weight: 700;
letter-spacing: -0.01rem;
}
.navbar.center-nav .nav-link:hover,
.navbar.center-nav .nav-link:focus {
color: #e31e24 !important;
}
@media (max-width: 991.98px) {
.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
color: #ffffff !important;
}
}
</style>
@endpush
@section('content')
@include('templates.neler-yapariz.hero')
@include('templates.home.contact')
@endsection
@@ -1,20 +1,30 @@
<section class="wrapper !bg-[#edf2fc]">
<div class="container pt-10 pb-36 xl:pt-[4.5rem] lg:pt-[4.5rem] md:pt-[4.5rem] xl:pb-40 lg:pb-40 md:pb-40 !text-center">
<div class="flex flex-wrap mx-[-15px]">
<div class="md:w-8/12 lg:w-7/12 xl:w-6/12 xxl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mb-12">
<h1 class="!text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-3">{{ t('neler-yapariz.hero.title') }}</h1>
<p class="lead !leading-[1.65] text-[0.9rem] font-medium lg:!px-7 xl:!px-7 xxl:!px-6">{{ t('neler-yapariz.hero.subtitle') }} </p>
<section class="wrapper !bg-[#f0f0f8]">
<div class="container pt-10 lg:pt-14 xl:!pt-14 xxl:!pt-10 lg:pb-10 xl:pb-10 xxl:pb-0">
<div class="flex flex-wrap mx-[-15px] md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] !mt-[-50px] items-center text-center lg:text-left xl:text-left">
<div class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px]" data-cues="slideInDown" data-group="page-title" data-delay="900">
<h1 class="xl:!text-[2.5rem] !text-[calc(1.375rem_+_1.5vw)] !leading-[1.15] font-semibold !mb-4 xl:!mr-5 xl:!mt-[-2.5rem] lg:!mt-[-2.5rem]">
{{ t('neler-yapariz.hero.title') }}<br class="hidden md:block xl:!hidden lg:!hidden">
<span class="!text-[#e31e24]">{{ t('neler-yapariz.hero.title_highlight') }}</span>
</h1>
<p class="lead !text-[1.2rem] !leading-[1.5] !mb-7 xxl:!pr-20">{{ t('neler-yapariz.hero.subtitle') }}</p>
<div class="inline-flex !mr-2">
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-lg btn-grape !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">{{ t('neler-yapariz.hero.cta_primary') }}</a>
</div>
<div class="inline-flex">
<a href="{{ route('page.show', ['slug' => 'urunlerimiz']) }}" class="btn btn-lg btn-outline-grape !text-[#e31e24] bg-[#e31e24] !border-[#e31e24] !border-[2px] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] focus:shadow-[rgba(96,93,186,1)] active:!text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:!text-white disabled:bg-transparent disabled:border-[#e31e24] rounded">{{ t('neler-yapariz.hero.cta_secondary') }}</a>
</div>
<!-- /column -->
</div>
<!-- /.row -->
<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">
</div>
</div>
<!-- /.container -->
</section>
<section class="wrapper !bg-[#ffffff] angled upper-end !relative border-0 before:top-[-4rem] before:border-l-transparent before:border-r-[100vw] before:border-t-[4rem] before:border-[#fefefe] before:content-[''] before:block before:absolute before:z-0 before:!border-y-transparent before:border-0 before:border-solid before:right-0 after:top-[-4rem] after:border-l-transparent after:border-r-[100vw] after:border-t-[4rem] after:border-[#fefefe] after:content-[''] after:block after:absolute after:z-0 after:!border-y-transparent after:border-0 after:border-solid after:right-0">
<div class="container !pb-[4.5rem] xl:!pb-24 lg:!pb-24 md:!pb-24">
</div>
<figure class="m-0 p-0"><img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/clouds.png') }}" alt="" loading="lazy"></figure>
</section>
<section class="wrapper bg-[rgba(255,255,255)] opacity-100">
<div class="container pt-20 pb-20 xl:pb-28 lg:pb-28 md:pb-28 !pb-[4.5rem] xl:!pb-24 lg:!pb-24 md:!pb-24">
<div class="flex flex-wrap mx-[-15px] !mb-8">
<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[-10rem]">
<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full">
<figure class="rounded-[0.4rem]"><img loading="lazy" class="rounded-[0.4rem]" src="{{ asset('assets/img/Truncgil Technology Architecting the Digital Future.png') }}" alt="{{ t('neler-yapariz.image_alt') }}"></figure>
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
@@ -85,13 +95,14 @@
</div>
<!--/column -->
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[20px] lg:!px-[20px] !px-[15px] !mt-[40px] max-w-full">
<h2 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-3">{{ t('neler-yapariz.what_we_do.title') }}</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">{{ t('neler-yapariz.what_we_do.highlight') }}</h2>
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] !leading-[1.25] font-semibold !mb-3">{{ t('neler-yapariz.what_we_do.title') }}</h3>
<p class="lead !mb-8 xxl:!pr-2 !text-[1.05rem] !leading-[1.6]">{{ t('neler-yapariz.what_we_do.description') }} </p>
<div class="flex flex-wrap mx-[-15px] xl:mx-[-25px] !mt-[-30px]">
<div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
<div class="flex flex-row">
<div>
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ec50'] uil uil-phone-volume"></i> </div>
<div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ec50'] uil uil-phone-volume"></i> </div>
</div>
<div>
<h4 class="!mb-1">{{ t('neler-yapariz.services.support_24_7.title') }}</h4>
@@ -103,7 +114,7 @@
<div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
<div class="flex flex-row">
<div>
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ecb3'] uil uil-shield-exclamation"></i> </div>
<div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ecb3'] uil uil-shield-exclamation"></i> </div>
</div>
<div>
<h4 class="!mb-1">{{ t('neler-yapariz.services.secure_payments.title') }}</h4>
@@ -115,7 +126,7 @@
<div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
<div class="flex flex-row">
<div>
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ebb2'] uil uil-laptop-cloud"></i> </div>
<div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\ebb2'] uil uil-laptop-cloud"></i> </div>
</div>
<div>
<h4 class="!mb-1">{{ t('neler-yapariz.services.daily_updates.title') }}</h4>
@@ -127,7 +138,7 @@
<div class="md:w-6/12 lg:w-full xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[25px] !px-[15px] max-w-full !mt-[30px]">
<div class="flex flex-row">
<div>
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\e9d3'] uil uil-chart-line"></i> </div>
<div class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mr-5 xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none p-0 !rounded-[100%]"> <i class="!text-[calc(1.255rem_+_0.06vw)] before:content-['\e9d3'] uil uil-chart-line"></i> </div>
</div>
<div>
<h4 class="!mb-1">{{ t('neler-yapariz.services.market_research.title') }}</h4>
@@ -142,25 +153,26 @@
<!--/column -->
</div>
<!--/.row -->
<h2 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-3">{{ t('neler-yapariz.how_we_do_it.title') }}</h2>
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">{{ t('neler-yapariz.how_we_do_it.highlight') }}</h2>
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] !leading-[1.25] font-semibold !mb-3">{{ t('neler-yapariz.how_we_do_it.title') }}</h3>
<p class="lead !mb-8 !text-[1.05rem] !leading-[1.6]">{{ t('neler-yapariz.how_we_do_it.description') }}</p>
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-30px] process-wrapper line">
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">01</span></span>
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">01</span></span>
<h4 class="!mb-1">{{ t('neler-yapariz.process.step_1.title') }}</h4>
<p>{{ t('neler-yapariz.process.step_1.description') }}</p>
</div>
<!--/column -->
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">02</span></span>
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">02</span></span>
<h4 class="!mb-1">{{ t('neler-yapariz.process.step_2.title') }}</h4>
<p>{{ t('neler-yapariz.process.step_2.description') }}</p>
</div>
<!--/column -->
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">03</span></span>
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full !relative after:w-full after:absolute after:content-[''] after:h-px after:z-[1] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:left-[3rem] after:top-6 after:bg-inherit max-lg:after:!hidden"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">03</span></span>
<h4 class="!mb-1">{{ t('neler-yapariz.process.step_3.title') }}</h4>
<p>{{ t('neler-yapariz.process.step_3.description') }}</p>
</div>
<!--/column -->
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full"> <span class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">04</span></span>
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[30px] max-w-full"> <span class="icon btn btn-circle btn-lg !bg-[rgba(227,30,36,0.1)] !text-[#e31e24] pointer-events-none !mb-4 !relative z-[2] xl:!text-[1.3rem] w-12 h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !p-0 !rounded-[100%]"><span class="number">04</span></span>
<h4 class="!mb-1">{{ t('neler-yapariz.process.step_4.title') }}</h4>
<p>{{ t('neler-yapariz.process.step_4.description') }}</p>
</div>
+42 -6
View File
@@ -5582,15 +5582,45 @@
"en": ""
},
{
"id": 279,
"key": "neler-yapariz.hero.title",
"id": 278,
"key": "neler-yapariz.page_title",
"tr": "Neler Yaparız",
"en": "What We Do"
},
{
"id": 279,
"key": "neler-yapariz.hero.title",
"tr": "Hayatı kolaylaştıran",
"en": "We deliver solutions that"
},
{
"id": 2791,
"key": "neler-yapariz.hero.title_highlight",
"tr": "çözümler sunuyoruz",
"en": "simplify life"
},
{
"id": 2792,
"key": "neler-yapariz.hero.cta_primary",
"tr": "İletişime Geç",
"en": "Contact Us"
},
{
"id": 2793,
"key": "neler-yapariz.hero.cta_secondary",
"tr": "Ürünlerimizi Keşfet",
"en": "Explore Our Products"
},
{
"id": 2794,
"key": "neler-yapariz.hero.cta_contact",
"tr": "İletişim",
"en": "Contact"
},
{
"id": 280,
"key": "neler-yapariz.hero.subtitle",
"tr": "Müşterilerimizle uzun vadeli ilişkiler kuran hayat boyu destek ve öğrenme süreçlerini benimseyen yenilikçi bir şirketiz.",
"tr": "Müşterilerimizle uzun vadeli ilişkiler kuran hayat boyu destek ve öğrenme süreçlerini benimseyen yenilikçi bir şirketiz.",
"en": "We are an innovative company that builds long-term relationships with our customers and embraces lifelong support and learning processes."
},
{
@@ -5679,10 +5709,16 @@
},
{
"id": 299,
"key": "neler-yapariz.how_we_do_it.title",
"key": "neler-yapariz.how_we_do_it.highlight",
"tr": "Nasıl Yapıyoruz?",
"en": "How We Do It?"
},
{
"id": 301,
"key": "neler-yapariz.how_we_do_it.title",
"tr": "Fikirlerinizi dijital dünyaya taşıyoruz",
"en": "We bring your ideas into the digital world"
},
{
"id": 300,
"key": "neler-yapariz.how_we_do_it.description",
@@ -5794,8 +5830,8 @@
{
"id": 320,
"key": "neler-yapariz.what_we_do.highlight",
"tr": "neler-yapariz.what_we_do.highlight",
"en": ""
"tr": "Neler Yaparız?",
"en": "What We Do?"
},
{
"id": 321,