24-1: public design foundation (stylesheet, script, fonts, layout) — implemented, QA Review

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-10-31 18:41:12 +02:00
parent 3d1fe40be6
commit bcabb2ad2d
22 changed files with 245 additions and 15 deletions
@@ -9,8 +9,9 @@ new #[Layout('components.layouts.public')] class extends Component
}; ?>
<div>
<div class="wrap py-8">
{{-- Hero Section --}}
<section class="bg-background py-10 sm:py-[60px] lg:py-20 -mx-4 sm:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8">
<section class="bg-background py-10 sm:py-[60px] lg:py-20">
<div class="container mx-auto px-4 text-center">
{{-- Page Title --}}
<h1 class="text-[2rem] sm:text-[2.5rem] lg:text-[3rem] font-bold text-text mb-2">
@@ -292,3 +293,4 @@ new #[Layout('components.layouts.public')] class extends Component
</section>
</div>
</div>
@@ -8,6 +8,7 @@ new #[Layout('components.layouts.public')] class extends Component
//
}; ?>
<div class="wrap py-8">
<div class="max-w-2xl mx-auto py-16 px-4 text-center">
<flux:icon name="check-circle" class="w-16 h-16 mx-auto text-green-500 mb-6" />
@@ -23,3 +24,4 @@ new #[Layout('components.layouts.public')] class extends Component
{{ __('navigation.home') }}
</flux:button>
</div>
</div>
@@ -192,6 +192,7 @@ new #[Layout('components.layouts.public')] class extends Component
}
}; ?>
<div class="wrap py-8">
<div class="max-w-4xl mx-auto py-8 px-4">
<flux:heading size="xl" class="mb-6 text-body">
{{ __('booking.request_consultation') }}
@@ -367,3 +368,4 @@ new #[Layout('components.layouts.public')] class extends Component
@endif
@endif
</div>
</div>
@@ -18,6 +18,7 @@ new #[Layout('components.layouts.public')] class extends Component
}; ?>
<div>
<div class="wrap py-8">
{{-- Hero Section --}}
<section class="bg-background py-8 sm:py-12 lg:py-16">
<div class="container mx-auto px-4 text-center">
@@ -235,3 +236,4 @@ new #[Layout('components.layouts.public')] class extends Component
</section>
@endif
</div>
</div>
@@ -55,6 +55,7 @@ new #[Layout('components.layouts.public')] class extends Component
}
}; ?>
<div class="wrap py-8">
<div class="max-w-4xl mx-auto px-0">
<flux:heading size="xl" class="text-body text-xl sm:text-2xl lg:text-3xl">{{ __('posts.posts') }}</flux:heading>
@@ -141,3 +142,4 @@ new #[Layout('components.layouts.public')] class extends Component
{{ $posts->links() }}
</div>
</div>
</div>
@@ -18,6 +18,7 @@ new #[Layout('components.layouts.public')] class extends Component
}
}; ?>
<div class="wrap py-8">
<article class="max-w-3xl mx-auto">
<header class="mb-8">
<flux:heading size="xl" class="text-body">{{ $post->getTitle() }}</flux:heading>
@@ -37,3 +38,4 @@ new #[Layout('components.layouts.public')] class extends Component
</a>
</footer>
</article>
</div>