feat: kariyer formu, mobil offcanvas menu ve blog modulu iyilestirmeleri

resources/views/components/front/header.blade.php

@@ -140,3 +140,54 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
     </div>
   </nav>
 </header>
+
+@push('styles')
+<style>
+/* Smoother Offcanvas Menu Transition */
+.offcanvas {
+    transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0) !important;
+}
+.offcanvas-backdrop {
+    transition: opacity 0.4s ease !important;
+}
+
+/* Fluid Hamburger Animation */
+.hamburger {
+    transition: all 0.3s ease-in-out;
+}
+.hamburger span,
+.hamburger::before,
+.hamburger::after {
+    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
+}
+.hamburger.is-active span {
+    background-color: transparent !important;
+}
+.hamburger.is-active::before {
+    transform: translateY(6px) rotate(45deg) !important;
+}
+.hamburger.is-active::after {
+    transform: translateY(-6px) rotate(-45deg) !important;
+}
+</style>
+@endpush
+
+@push('scripts')
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    var offcanvases = document.querySelectorAll('.offcanvas-nav');
+    var hamburgers = document.querySelectorAll('.hamburger.offcanvas-nav-btn');
+    
+    if (offcanvases.length > 0 && hamburgers.length > 0) {
+        offcanvases.forEach(function(oc) {
+            oc.addEventListener('show.bs.offcanvas', function () {
+                hamburgers.forEach(function(h) { h.classList.add('is-active'); });
+            });
+            oc.addEventListener('hide.bs.offcanvas', function () {
+                hamburgers.forEach(function(h) { h.classList.remove('is-active'); });
+            });
+        });
+    }
+});
+</script>
+@endpush