Muhammet Güler
38 lines
1.9 KiB
PHP
38 lines
1.9 KiB
PHP
<section class="wrapper relative overflow-hidden text-white" style="background: linear-gradient(120deg, #8b5cf6 0%, #d946ef 50%, #f97316 100%) !important;">
|
||
|
||
{{-- Moving Shapes Overlay --}}
|
||
<div class="absolute inset-0 overflow-hidden pointer-events-none">
|
||
<div class="absolute top-[-20%] right-[-10%] w-[600px] h-[600px] bg-white/10 rounded-full blur-[80px] mix-blend-overlay animate-pulse duration-[8s]"></div>
|
||
<div class="absolute bottom-[-20%] left-[-10%] w-[500px] h-[500px] bg-blue-500/20 rounded-full blur-[100px] mix-blend-overlay"></div>
|
||
</div>
|
||
|
||
{{-- Pattern --}}
|
||
<div class="absolute inset-0 opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.8) 1.5px, transparent 1.5px); background-size: 40px 40px;"></div>
|
||
|
||
<div class="container relative z-10 pt-32 pb-40 xl:pt-48 lg:pt-44 md:pt-40 xl:pb-[10rem] lg:pb-[10rem] md:pb-[10rem] !text-center">
|
||
<div class="flex flex-col items-center justify-center animate-fade-in-up">
|
||
|
||
{{-- Badge --}}
|
||
<div class="mb-8">
|
||
<span class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-white/20 border border-white/30 backdrop-blur-md text-xs font-bold tracking-[0.2em] uppercase text-white shadow-xl hover:bg-white/30 transition-colors">
|
||
<i class="uil uil-star"></i> {{ t('Koleksiyon') }}
|
||
</span>
|
||
</div>
|
||
|
||
{{-- Main Title --}}
|
||
<h1 class="display-1 !text-[4rem] md:!text-[6rem] font-black text-white leading-none mb-6 tracking-tight drop-shadow-lg">
|
||
{{ t('Kitaplarımız') }}
|
||
</h1>
|
||
|
||
{{-- Divider --}}
|
||
<div class="w-24 h-2 bg-white rounded-full mb-8 shadow-sm opacity-90"></div>
|
||
|
||
{{-- Subtitle --}}
|
||
<p class="text-xl md:text-2xl text-white font-medium max-w-3xl mx-auto leading-relaxed drop-shadow-md">
|
||
{{ t('Gökkuşağı tadında bir bilgi yolculuğuna hazır olun.') }}
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|