complete story 9.9 with qa test

This commit is contained in:
Naser Mansour
2026-01-03 02:39:33 +02:00
parent 9abaa93a49
commit 9228921669
16 changed files with 968 additions and 194 deletions
+12 -12
View File
@@ -1,8 +1,8 @@
<footer class="bg-navy mt-auto" data-test="main-footer">
<div class="max-w-[1200px] mx-auto px-4 py-8">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<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 md:text-start">
<div class="text-center sm:text-start">
<x-logo size="small" />
<p class="mt-3 text-gold-light text-sm">
{{ __('footer.description') }}
@@ -10,23 +10,23 @@
</div>
<!-- Contact Information -->
<div class="text-center md:text-start">
<div class="text-center sm:text-start">
<h3 class="text-gold font-semibold mb-3">{{ __('footer.contact') }}</h3>
<address class="text-gold-light text-sm not-italic space-y-1">
<p>{{ __('footer.address') }}</p>
<p>{{ __('footer.phone') }}</p>
<p>{{ __('footer.email') }}</p>
<p class="ltr-content">{{ __('footer.phone') }}</p>
<p class="ltr-content">{{ __('footer.email') }}</p>
</address>
</div>
<!-- Legal Links -->
<div class="text-center md:text-start">
<div class="text-center sm:text-start sm:col-span-2 lg:col-span-1">
<h3 class="text-gold font-semibold mb-3">{{ __('footer.legal') }}</h3>
<ul class="space-y-2">
<ul class="space-y-2 flex flex-row sm:flex-col gap-4 sm:gap-0 justify-center sm:justify-start">
<li>
<a
href="{{ route('terms') }}"
class="text-gold-light hover:text-gold transition-colors text-sm"
class="text-gold-light hover:text-gold 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-gold-light hover:text-gold transition-colors text-sm"
class="text-gold-light hover:text-gold 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-8 pt-6 border-t border-gold/20 text-center">
<p class="text-gold-light text-sm" data-test="footer-copyright">
<div class="mt-6 sm:mt-8 pt-4 sm:pt-6 border-t border-gold/20 text-center">
<p class="text-gold-light text-xs sm:text-sm" data-test="footer-copyright">
&copy; {{ date('Y') }} {{ __('footer.copyright') }}
</p>
</div>