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

feat: add localized hero title and extract underline styles, fix schema JSON syntax

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-20 00:10:43 +03:00
parent 575fdad12c
commit 4168e1c8d4
2 changed files with 28 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/blog/show.blade.php
+1 -1
View File
@@ -409,7 +409,7 @@
@push('scripts')
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
resources/views/templates/home/hero.blade.php
+27 -1
View File
@@ -2,7 +2,13 @@
<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;">Hayatı <span class="!relative z-[2] after:content-[''] after:absolute after:z-[-1] after:block after:bg-no-repeat after:bg-bottom after:bottom-0 after:w-[110%] after:h-[0.3em] after:-translate-x-2/4 after:left-2/4 style-2 yellow">kolaylaştıran</span> çözümler sunuyoruz</h1>
<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>
@@ -23,3 +29,23 @@
</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>