@extends('frontend::layouts.master')


@section('content')
    <main class="pt-[80px] sm:pt-[88px] bg-gradient-to-b from-white to-kru-light-strong min-h-screen">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
            {!! $detail['detail'] ?? '' !!}

            @livewire('frontend::sections.online')

            {{-- CTA to KruObb@Home --}}
            <div class="mt-12 text-center">
                <div
                    class="inline-flex flex-col sm:flex-row items-center gap-4 p-6 bg-gradient-to-r from-kru-blue/10 to-kru-purple/10 rounded-2xl">
                    <div class="text-4xl">🎓</div>
                    <div class="text-center sm:text-left">
                        {!! $detail['text'] ?? '' !!}
                    </div>