@extends('landing.layout')

@section('title', 'Pelatihan')

@section('content')
    <section class="relative py-16 lg:py-24">
        <div class="container relative mt-16 lg:mt-24">
            <div class="grid grid-cols-1 text-center">
                <h3 class="mb-6 text-2xl font-semibold leading-normal md:text-3xl md:leading-normal">Kontribusi Anda,
                    Kemajuan Pendidikan.</h3>
                <h3 class="mb-6 text-2xl font-semibold leading-normal md:text-3xl md:leading-normal">Daftar Menjadi
                    Kontributor di Pintar Kemenag.</h3>
                <p class="mx-auto max-w-xl text-slate-400">Dengan menjadi kontributor, Anda dapat membantu menciptakan materi
                    pelatihan yang inovatif dan pengetahuan yang bermanfaat bagi semua.</p>
                <div class="container relative mt-12">
                    <div class="flex justify-center">
                        <div
                            class="rounded-xl bg-white p-6 shadow-sm shadow-slate-100 md:w-11/12 lg:w-3/4 dark:bg-slate-900 dark:shadow-slate-800">
                            <form class="relative mx-auto">
                                <button
                                    class="absolute end-[1px] top-[1px] h-12 items-center justify-center rounded-full bg-violet-600 px-6 font-medium tracking-wide text-white"
                                    type="submit">Cek</button>
                                <input
                                    class="h-[50px] w-full rounded-full border border-slate-100 bg-white/70 pb-4 pe-40 ps-6 pt-4 text-slate-900 outline-none dark:border-slate-800 dark:bg-slate-900/70 dark:text-white"
                                    id="searchCourse" name="name" type="text" placeholder="Search...">
                                <button
                                    class="absolute end-[1px] top-[1px] h-12 items-center justify-center rounded-full bg-violet-600 px-6 font-medium tracking-wide text-white"
                                    type="submit">Cek</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection