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

resources/views/blog/show.blade.php

@@ -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

@@ -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>