Page errors on the Our Books page have been corrected.

resources/views/templates/books/sections/hero.blade.php

@@ -1,37 +1,15 @@
-<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>
-
+<section class="wrapper" style="background-color: #1e293b;">
+    <div class="container pt-10 pb-10 xl:pt-14 lg:pt-14 md:pt-14 xl:pb-12 lg:pb-12 md:pb-12 text-center">
+        <div class="row">
+            <div class="col-md-10 col-lg-8 col-xl-7 col-xxl-6 mx-auto">
+                <h1 class="display-1 !mb-3 !text-[2.5rem] font-bold tracking-tight" style="color: #ffffff;">{!! t('Kitaplarımız') !!}</h1>
+                <p class="lead !text-[1.1rem] !leading-[1.6] font-medium mb-0 max-w-2xl mx-auto" style="color: #cbd5e1;">
+                    {!! t('Geleceği şekillendiren teknolojileri, uzman kalemlerden derinlemesine öğrenin.') !!}
+                </p>
+            </div>
+            <!-- /column -->
+        </div>
+        <!-- /.row -->
     </div>
-  </div>
+    <!-- /.container -->
 </section>