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

refactor: replace AI service hero content with networking template and update header layout

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-23 23:59:26 +03:00
parent 1da2e3771a
commit 6abec883c5
2 changed files with 8 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/partials/header-yapay-zeka.blade.php
+2 -2
View File
@@ -1,6 +1,6 @@
{{-- Yapay Zeka sayfası: center-nav transparent position-absolute navbar-light caret-none --}}
<header>
<nav class="navbar navbar-expand-lg center-nav transparent position-absolute navbar-light caret-none">
<header class="relative wrapper">
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light caret-none">
<div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
<div class="navbar-brand w-full">
<a href="{{ url('/') }}">
resources/views/templates/services/yapay-zeka.blade.php
+6 -13
View File
@@ -198,25 +198,18 @@
{{-- Hero Section --}}
<section class="wrapper !bg-[#ffffff]">
<div class="container-card">
<div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 !mt-2 !mb-5 [background-size:100%] bg-[center_center] bg-no-repeat !bg-scroll 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(255,255,255,.5)] xxl:!rounded-[.8rem] rounded-0" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
<div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 !mt-2 !mb-5 [background-size:100%] bg-[center_center] bg-no-repeat !bg-scroll 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(255,255,255,.5)] xxl:!rounded-[.8rem] rounded-0" data-image-src="{{ asset('assets/img/photos/bg22.png') }}" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
<div class="card-body py-[4.5rem] px-0">
<div class="container">
<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] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full" data-cues="slideInDown" data-group="page-title" data-delay="900">
<h1 class="xl:!text-[2.3rem] !text-[calc(1.355rem_+_1.26vw)] font-bold !leading-[1.2] !tracking-[normal] !mb-4 xl:!mr-5 xxl:!mr-0">
{!! t('Yapay Zeka ve Derin Öğrenme ile') !!} <br/><span class="text-gradient gradient-1">{!! t('Geleceği Şekillendirin') !!}</span>
</h1>
<p class="lead !text-[1.15rem] !leading-[1.55] font-medium !mb-7 xxl:!pr-20">
{!! t('Karmaşık verilerinizi saniyeler içinde anlamlı kararlara ve akıllı otomasyon sistemlerine dönüştürüyoruz. PyTorch ve TensorFlow motorları ile işletmenize özel Yapay Zeka çözümleri sunuyoruz.') !!}
</p>
<div class="flex flex-wrap justify-center lg:justify-start gap-3">
<a href="#detaylar" class="btn btn-lg btn-gradient gradient-1 rounded-full text-white font-semibold transition-all duration-300 shadow-md">{!! t('Teknolojileri İnceleyin') !!}</a>
<a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-primary !text-[#e31e24] !bg-white border-[#e31e24] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] rounded-full font-semibold transition-all duration-300 shadow-sm">{!! t('Bize Ulaşın') !!}</a>
</div>
<div class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full" data-cues="slideInDown" data-group="page-title" data-delay="900" data-disabled="true">
<h1 class="xl:!text-[2.3rem] !text-[calc(1.355rem_+_1.26vw)] font-semibold !leading-[1.2] !tracking-[normal] !mb-4 xl:!mr-5 xxl:!mr-0" data-cue="slideInDown" data-group="page-title" data-delay="900" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 900ms; animation-direction: normal; animation-fill-mode: both;">{!! t('Networking') !!} <span class="text-gradient gradient-1">{!! t('solutions') !!}</span> {!! t('for worldwide communication') !!}</h1>
<p class="lead !text-[1.15rem] !leading-[1.5] font-medium !mb-7 xxl:!pr-20" data-cue="slideInDown" data-group="page-title" data-delay="900" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 1200ms; animation-direction: normal; animation-fill-mode: both;">{!! t("We're a company that focuses on establishing long-term relationships with customers.") !!}</p>
<div data-cue="slideInDown" data-group="page-title" data-delay="900" data-show="true" style="animation-name: slideInDown; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 1500ms; animation-direction: normal; animation-fill-mode: both;"><a href="#" class="btn btn-lg btn-gradient gradient-1 rounded">{!! t('Explore Now') !!}</a></div>
</div>
<!--/column -->
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full">
<img class="max-w-full h-auto !mb-[-8rem] rounded-lg shadow-3xl" src="{{ asset('assets/img/gsap/yapay-zeka.webp') }}" data-cue="fadeIn" data-delay="300" alt="{{ t('Yapay Zeka ve Derin Öğrenme') }}">
<img class="max-w-full h-auto !mb-[-8rem]" src="{{ asset('assets/img/illustrations/3d6.png') }}" data-cue="fadeIn" data-delay="300" alt="image" data-show="true" style="animation-name: fadeIn; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 300ms; animation-direction: normal; animation-fill-mode: both;">
</div>
<!--/column -->
</div>