Require login for consulting booking and add availability banner on products page

- Consulting booking now requires authentication upfront (shows login prompt to non-users)
- Added prominent consultation availability banner on products page when enabled
- Added debug logging to Layout component for branding troubleshooting
- Mobile Layout header shows responsive platform name sizing

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
dwindown
2025-12-25 00:53:51 +07:00
parent 428314d5bf
commit a8d91ee19b
3 changed files with 142 additions and 11 deletions

View File

@@ -97,7 +97,29 @@ export default function Products() {
<AppLayout>
<div className="container mx-auto px-4 py-8">
<h1 className="text-4xl font-bold mb-2">Produk</h1>
<p className="text-muted-foreground mb-8">Jelajahi konsultasi, webinar, dan bootcamp kami</p>
<p className="text-muted-foreground mb-4">Jelajahi konsultasi, webinar, dan bootcamp kami</p>
{/* Consulting Availability Banner */}
{!loading && consultingSettings?.is_consulting_enabled && (
<div className="mb-6 p-4 bg-primary/10 border-2 border-primary rounded-lg flex items-center justify-between">
<div className="flex items-center gap-3">
<div className="bg-primary text-primary-foreground p-2 rounded-full">
<Video className="w-5 h-5" />
</div>
<div>
<p className="font-semibold">Konsultasi Tersedia!</p>
<p className="text-sm text-muted-foreground">
Booking jadwal konsultasi 1-on-1 dengan mentor {formatIDR(consultingSettings.consulting_block_price)} / {consultingSettings.consulting_block_duration_minutes} menit
</p>
</div>
</div>
<Link to="/consulting">
<Button size="sm" className="shadow-sm">
Booking
</Button>
</Link>
</div>
)}
{loading ? (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">