@extends('site.layout')
@section('content')

    <section class="services-style1-area spec-page">
        <div class="container">
            <div class="sec-title max-width text-center">
                <h3>Tratamentos Odontológicos</h3>
                <h1>Cuide de seu sorriso conosco!</h1>
                <p>Somos uma Clínica Odontológica com Profissionais capacitados em diversas áreas da odontologia para te ajudar!</p>
            </div>
            <div class="row">
                @foreach($tratamentos as $t)
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                    <div class="single-solution-style1 wow fadeInUp" data-wow-delay="300ms">
                        <div class="img-holder">
                            <img src="{{ asset("storage/tratamentos/{$t["imagem"]}") }}" alt="{{ $t["titulo"] }}">
                        </div>
                        <div class="text-holder">
                            <h3>{{ $t["titulo"] }}</h3>
                            <p>{!! $t["descricao"] !!}</p>
                            <div class="readmore">
                                <a href="#"><span class="flaticon-next"></span></a>
                                <div class="overlay-button">
                                    <a href="{{ route('site_tratamento', $t["id"]) }}">Saiba Mais</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>

@endsection