@extends('layouts.app')
@section('title', 'Plans de site - L\'unique Création')
@section('meta_description', $meta_description)

@section('content')

    <!--Section ======================-->
    <section class="full-width-section pt-60">
        <div class="section-title-wrapper position-relative">
            <div class="scroll-move">
                <span class="scrolling-text display-1 fw-extra-bold stroke-title text-stroke stroke-opacity-20 stroke-width-1 stroke-primary lh-1">Sitemap</span>
            </div>

            <div class="container">
                <div class="section-title section-separator">
                    <h1 class="fw-extra-bold heading-title separator lh-1 display-3">Plans de site</h1>
                </div>
            </div>
        </div>
        <!-- section-title-wrapper -->
    </section>
    <!--Section ======================-->

    <section class="pb-100">
        <div class="container">
            <div class="row mb-5">
                <div class="col-sm-12">
                    <h2 class="display-6">A propos de nous</h2>
                </div>
                <div class="col-sm-3">
                    <a href="/" class="position-relative">Accueil</a>
                </div>
                <div class="col-sm-3">
                    <a href="/qui-sommes-nous" class="position-relative">Qui-sommes-nous</a>
                </div>
            </div>
            <div class="row my-5">
                <div class="col-sm-12">
                    <hr>
                    <h2 class="display-6">Prestation de pose</h2>
                </div>

                <div class="col-sm-3">
                    <a href="/prestations/pose-verriere" class="position-relative">Pose de Verrière</a>
                </div>
                <div class="col-sm-3">
                    <a href="/prestations/pose-fenetre-toit" class="position-relative">Pose de Fenêtre de toit</a>
                </div>
                <div class="col-sm-3">
                    <a href="/prestations/pose-porte" class="position-relative">Pose de Porte</a>
                </div>
                <div class="col-sm-3">
                    <a href="/prestations/amenagement-interieur" class="position-relative">Aménagement Intérieur</a>
                </div>
                <div class="col-sm-3">
                    <a href="/prestations/charpente-toiture" class="position-relative">Charpente & Toiture</a>
                </div>

            </div>

            <div class="row my-5">
                <div class="col-sm-12">
                    <hr>
                    <h2 class="display-6">Projets réalisés</h2>
                </div>

                @foreach($projets as $projet)
                    <div class="col-sm-3">
                        <a href="/projets-realises/{{ $projet->url }}" class="position-relative">{{ $projet->nom }}</a>
                    </div>
                @endforeach
            </div>

            <div class="row my-5">
                <div class="col-sm-12">
                    <hr>
                    <h2 class="display-6">Services</h2>
                </div>

                <div class="col-sm-3">
                    <a href="{{ route('devis.form') }}" class="position-relative">Devis gratuit</a>
                </div>
                <div class="col-sm-3">
                    <a href="/contact" class="position-relative">Contact</a>
                </div>
                <div class="col-sm-3">
                    <a href="/mentions" class="position-relative">Mentions légales</a>
                    <br>
                </div>
            </div>

        </div>
    </section>

@endsection

@section('scripts')
    <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.29/bundled/lenis.min.js"></script>
    <script src="{{ asset('/assets/js/jquery-3.7.0.min.js') }}"></script>
    <script src="{{ asset('/assets/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('/assets/js/jquery.magnific-popup.min.js') }}"></script>
    <script src="{{ asset('/assets/js/wow.min.js') }}"></script>
    <script src="{{ asset('/assets/js/jquery.progressScroll.min.js') }}"></script>
    <script src="{{ asset('/assets/js/script.js') }}"></script>
@endsection