@extends('theme')
@section("title", __("Navegue Legal"))
@section('content')

    <main class="main top90">
        <div class="page-title dark-background" data-aos="fade" style="background-image: url({{ asset('images/banner3.jpg') }});">
            <div class="container position-relative">
                <h2>{{ __("Relações de Embarcações, Taxi Boats, Empresas e Guias de Turismo legalizados") }}</h2>
            </div>
        </div>

        <section id="features" class="features section">
            <div class="container">
                @include('tabs.tabs')  
                <div class="tab-content" data-aos="fade-up" data-aos-delay="200" style="margin-top: 50px;">

                    <div class="tab-pane fade active show" id="features-tab-1">
                        @include('tabs.embarcacoes')
                    </div>

                    <div class="tab-pane fade" id="features-tab-2">
                        @include('tabs.taxiBoats')
                    </div>

                    <div class="tab-pane fade" id="features-tab-3">
                        @include('tabs.empresas')
                    </div>

                    <div class="tab-pane fade" id="features-tab-4">
                        @include('tabs.guias')
                    </div>

                </div>
            </div>
        </section>
    </main>

@endsection