@extends('layouts.app')
@section('body_class', 'bodyhome')

@section('metadata')
@if (app()->getLocale() == 'en')
<link rel="canonical" href="{{  url('') }}/about" />
@else
<link rel="canonical" href="{{  url('') }}/{{app()->getLocale()}}/about" />
@endif
  <title>{{ __('Documentation') }} | Gamium - {{ __('The center of the Metaverse') }}</title>
  <meta name="description"
      content="Gamium is building the first decentralized social metaverse and the digital identity of humans. Create your avatar, exchange NFTs, get a job, socialize and earn in the Gamium world.">
  <meta name="keywords" content="Gamium center of the Metaverse">
  <meta name="author" content="Gamium">
<!-- Lightbox -->
<link rel="stylesheet" href="{{ asset('plugins/lity/lity.css') }}">
<script src="{{ asset('plugins/lity/lity.js') }}"></script>
<!-- Masonry -->
<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>

@endsection

@section('content')
@include('flash::message')
<div class="container-fluid g-0" id="gcontainer">

<div class="preteam">
  <span class="preteamtitle">{{ __('All you need to know') }}</span>
  <span class="preteamsub">{{ __('Take a look to our official documentation and learn everything about us.') }}</span>
</div>    

<div class="row contentcentered1400 mx-auto hover14" data-masonry='{"percentPosition": true }' id="masonrygal">
    
    <div class="col-sm-6 col-lg-4 mb-4">
      <div class="aboutimagediv">
          <figure>
            <img src="{{ Vite::asset('resources/images/team/roberto-de-arquer-cmeo.jpg') }}" class="">
          </figure>
          <div class="docsbuttondiv">
            <div class="docstitlehover">{{ __('Executive Summary') }}</div>
            <a href="/pdf/executive-summary.pdf" target="_blank"><button type="button" class="gvcardsbutton">{{ __('View document') }}</button></a>
            <br>
            <span class="docshovertext">{{ __('document01text01') }}</span>
          </div>
          <p>{{ __('Executive Summary') }}</p>
      </div>
    </div>

    <div class="col-sm-6 col-lg-4 mb-4">
      <div class="aboutimagediv">
          <figure>
            <img src="{{ Vite::asset('resources/images/team/roberto-de-arquer-cmeo.jpg') }}" class="">
          </figure>
          <div class="docsbuttondiv">
            <div class="docstitlehover">{{ __('Identity Matrix Graph') }}</div>
            <a href="/pdf/identity-matrix-graph.pdf" target="_blank"><button type="button" class="gvcardsbutton">{{ __('View document') }}</button></a>
            <br>
            <span class="docshovertext">{{ __('document02text01') }}</span>
          </div>
          <p>{{ __('Identity Matrix Graph') }}</p>
      </div>
    </div>

    <div class="col-sm-6 col-lg-4 mb-4">
      <div class="aboutimagediv">
          <figure>
            <img src="{{ Vite::asset('resources/images/team/roberto-de-arquer-cmeo.jpg') }}" class="">
          </figure>
          <div class="docsbuttondiv">
            <div class="docstitlehover">{{ __('For Brands & Apps') }}</div>
            <a href="/pdf/for-brands-apps.pdf" target="_blank"><button type="button" class="gvcardsbutton">{{ __('View document') }}</button></a>
            <br>
            <span class="docshovertext">{{ __('document03text01') }}</span>
          </div>
          <p>{{ __('For Brands & Apps') }}</p>
      </div>
    </div>

    <div class="col-sm-6 col-lg-4 mb-4">
      <div class="aboutimagediv">
          <figure>
            <img src="{{ Vite::asset('resources/images/team/roberto-de-arquer-cmeo.jpg') }}" class="">
          </figure>
          <div class="docsbuttondiv">
            <div class="docstitlehover">{{ __('GMM Tokenomics') }}</div>
            <a href="/pdf/gmm-tokenomics.pdf" target="_blank"><button type="button" class="gvcardsbutton">{{ __('View document') }}</button></a>
            <br>
            <span class="docshovertext">{{ __('document04text01') }}</span>
          </div>
          <p>{{ __('GMM Tokenomics') }}</p>
      </div>
    </div>

    <div class="col-sm-6 col-lg-4 mb-4">
      <div class="aboutimagediv">
          <figure>
            <img src="{{ Vite::asset('resources/images/team/roberto-de-arquer-cmeo.jpg') }}" class="">
          </figure>
          <div class="docsbuttondiv">
            <div class="docstitlehover">{{ __('Gamiums Whitepaper') }}</div>
            <a href="/pdf/gamiums-whitepaper.pdf" target="_blank"><button type="button" class="gvcardsbutton">{{ __('View document') }}</button></a>
            <br>
            <span class="docshovertext">{{ __('document05text01') }}</span>
          </div>
          <p>{{ __('Gamiums Whitepaper') }}</p>
      </div>
    </div>

    <div class="col-sm-6 col-lg-4 mb-4">
      <div class="aboutimagediv">
          <figure>
            <img src="{{ Vite::asset('resources/images/team/roberto-de-arquer-cmeo.jpg') }}" class="">
          </figure>
          <div class="docsbuttondiv">
            <div class="docstitlehover">{{ __('What is Gamium Short') }}</div>
            <a href="https://www.youtube.com/watch?v=INAkZceTziI" data-lity><button type="button" class="gvcardsbutton">{{ __('View video') }}</button></a>
            <br>
            <span class="docshovertext">{{ __('document06text01') }}</span>
          </div>
          <p>{{ __('What is Gamium Short') }}</p>
      </div>
    </div>

    <div class="col-sm-6 col-lg-4 mb-4">
      <div class="aboutimagediv">
          <figure>
            <img src="{{ Vite::asset('resources/images/team/roberto-de-arquer-cmeo.jpg') }}" class="">
          </figure>
          <div class="docsbuttondiv">
            <div class="docstitlehover">{{ __('What is Gamium Long') }}</div>
            <a href="{{ Vite::asset('resources/videos/gamium-identity.mp4') }}" data-lity><button type="button" class="gvcardsbutton">{{ __('View video') }}</button></a>
            <br>
            <span class="docshovertext">{{ __('document07text01') }}</span>
          </div>
          <p>{{ __('What is Gamium Long') }}</p>
      </div>
    </div>

</div>

<div id="fadeinout01" style="position: relative; height: 100vh">

  <div class="panel first">
    <div class="proudly">{{ __('Powered by') }}</div>
    <div class="proudly-by">{{ __('$GMM & MST Tokens') }}</div>
  </div>

  @include('partnersandpress')

</div>

</div>

@include('footer')
@endsection
@section('bottomscripts')
@vite(['resources/js/scripts-ab.js'])
@endsection