@extends('layouts.public')

@section('content')
    <section class="container-shell section-gap">
        <div class="max-w-3xl">
            <div class="eyebrow">{{ __('messages.patient_testimonials') }}</div>
            <h1 class="mt-5 text-4xl font-semibold tracking-[-0.04em] text-slate-950 dark:text-white sm:text-5xl">{{ __('messages.testimonials_page_title') }}</h1>
            <p class="mt-4 body-lg">{{ __('messages.testimonial_intro') }}</p>
        </div>
        <div class="mt-10">
            @livewire('public.testimonial-carousel', ['testimonials' => $testimonials, 'showAll' => true])
        </div>
    </section>
@endsection