complete story 12.3

This commit is contained in:
Naser Mansour
2026-01-04 00:38:55 +02:00
parent c855b7b159
commit 74eacd53ae
16 changed files with 167 additions and 119 deletions
+8 -8
View File
@@ -1,10 +1,10 @@
<footer class="bg-charcoal mt-auto" data-test="main-footer">
<footer class="bg-primary mt-auto" data-test="main-footer">
<div class="max-w-[1200px] mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
<!-- Logo & Description -->
<div class="text-center sm:text-start">
<x-logo size="lg" />
<p class="mt-3 text-warm-gray text-sm">
<x-logo size="lg" class="logo-badge" />
<p class="mt-3 text-accent text-sm">
{{ __('footer.description') }}
</p>
</div>
@@ -12,7 +12,7 @@
<!-- Contact Information -->
<div class="text-center sm:text-start">
<h3 class="text-off-white font-semibold mb-3">{{ __('footer.contact') }}</h3>
<address class="text-warm-gray text-sm not-italic space-y-1">
<address class="text-accent text-sm not-italic space-y-1">
<p>{{ __('footer.address') }}</p>
<p class="ltr-content">{{ __('footer.phone') }}</p>
<p class="ltr-content">{{ __('footer.email') }}</p>
@@ -26,7 +26,7 @@
<li>
<a
href="{{ route('terms') }}"
class="text-warm-gray hover:text-off-white transition-colors text-sm min-h-[44px] inline-flex items-center"
class="text-accent hover:text-off-white transition-colors text-sm min-h-[44px] inline-flex items-center"
data-test="footer-terms"
>
{{ __('footer.terms') }}
@@ -35,7 +35,7 @@
<li>
<a
href="{{ route('privacy') }}"
class="text-warm-gray hover:text-off-white transition-colors text-sm min-h-[44px] inline-flex items-center"
class="text-accent hover:text-off-white transition-colors text-sm min-h-[44px] inline-flex items-center"
data-test="footer-privacy"
>
{{ __('footer.privacy') }}
@@ -46,8 +46,8 @@
</div>
<!-- Copyright -->
<div class="mt-6 sm:mt-8 pt-4 sm:pt-6 border-t border-warm-gray/20 text-center">
<p class="text-warm-gray text-xs sm:text-sm" data-test="footer-copyright">
<div class="mt-6 sm:mt-8 pt-4 sm:pt-6 border-t border-accent/20 text-center">
<p class="text-accent text-xs sm:text-sm" data-test="footer-copyright">
&copy; {{ date('Y') }} {{ __('footer.copyright') }}
</p>
</div>