@extends('layouts.base')

@section('content')
  <section class="hero position-relative">
    <div class="container">
      <div class="grid pt-4 pt-lg-8">
        <div class="g-col-10 g-col-lg-6 g-start-2">
          <strong>Works_</strong>
          <h1 class="mb-3 ms-n1 gs-lin">My creations</h1>
          <p class="gs-lin" data-delay="0.65">
            A small selection of my (100+) projects created over the past 10 years. Varying from small personal websites to big e-commerce companies.
          </p>
        </div>
      </div>
    </div>
  </section>

  @include('components.works', ['animate' => true])

  <section class="nav my-9">
    <div class="container text-end">
      <a href="{{ URL::to('/contact') }}" class="d-inline-flex justify-content-end flex-column align-items-end p-3 mx-n3">
        <strong>CTA_</strong>
        <h2 class="h1 gs-lin">Looks interesting?</h2>
        <span class="likeabutton gs-fin">Yesssss &rarr;</span>
      </a>
    </div>
  </section>
@endsection