@extends('layouts.master')

@section('title', 'Projets de s\'Architecturer')

@section('meta_description', "Découvrez les projets de s'Architecturer. Nous collaborons avec vous pour réaliser des projets en respectant vos valeurs et votre imagination. Contactez-nous pour en savoir plus.");

@section('content')

<!-- section start -->
<section class="layout-pt-pageHeader layout-pb-xs">
    <!-- container start -->
    <div class="container">
        <!-- row start -->
        <div class="row">
            <div class="col-xl-7 col-lg-8">
                <div class="sectionHeading -lg">
                    <p class="sectionHeading__subtitle">
                        Projets
                    </p>
                    <h1 class="sectionHeading__title">
                        Construire pour se construire.
                    </h1>
                </div>
            </div>
        </div>
        <!-- row end -->
    </div>
    <!-- container end -->
</section>
<!-- section end -->

<!-- section start -->
<section class="layout-pt-xs layout-pb-xl">
    <div class="container">
        <!-- row start -->
        <div class="fancy-grid -col-2 -reverse layout-pt-sm">

            @foreach ($projects as $project)
            <div class="fancy-grid__item">
                <a data-cursor-icon="arrow-right" class="portfolioCard -type-1 -hover" data-barba href="{{ route('project-single', ['single' => $project['slug_project']]) }}">
                    <div class="portfolioCard__img">
                        <div class="portfolioCard__img__inner">
                            <div class="ratio ratio-1:1 bg-image js-lazy" data-bg="{{ asset('img/projects/' . $project['link']) }}"></div>
                        </div>
                    </div>

                    <div class="portfolioCard__content pt-24">
                        <div>
                            <p class="portfolioCard__category leading-md text-dark">
                                {{ $project['category'] }}
                            </p>
                        </div>

                        <div>
                            <h3 class="portfolioCard__title leading-md fw-500 text-2xl mt-8">
                                {{ $project['title'] }}
                            </h3>
                        </div>
                    </div>
                </a>
            </div>
            @endforeach
        </div>
        <!-- row end -->
    </div>
</section>
<!-- section end -->

@endsection