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

@section('metadata')
@if (app()->getLocale() == 'en')
<link rel="canonical" href="{{  url('') }}/governance" />
@else
<link rel="canonical" href="{{  url('') }}/{{app()->getLocale()}}/governance" />
@endif
  <title>{{ __('Governance') }} | 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">
@endsection

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

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

  <div class="panel first">
      <div class="pre-glide2">
        <span class="title">{{ __('Governance') }}</span><br>
        <span class="subtitle arrowincenter">{{ __('Participate in our DAO') }}</span>
      </div>
      <div class="glide2">
        <div class="glide__track" data-glide-el="track">
          <ul class="glide__slides">
            <li class="glide__slide buygmm" data-index="1">
              <span class="cardtitlegv">{{ __('Buy GMM') }}</span>
              <div class="gvcardsbuttondiv">
                <div class="cardtitlegvhover">{{ __('Buy GMM') }}</div>
                <a href="#" target="_blank"><button type="button" class="gvcardsbutton">{{ __('Visit now') }}</button></a>
                <br>
                <span class="gvcardstext">{{ __('Buy $GMM and be part of Gamiums ecosystem') }}</span>
              </div>
            </li>
            <li class="glide__slide stahegmm" data-index="1">
              <span class="cardtitlegv">{{ __('Stake GMM') }}</span>
              <div class="gvcardsbuttondiv">
                <div class="cardtitlegvhover">{{ __('Stake GMM') }}</div>
                <a href="https://staking.gamium.world" target="_blank"><button type="button" class="gvcardsbutton">{{ __('Visit now') }}</button></a>
                <br>
                <span class="gvcardstext">{{ __('Stake $GMM and earn exclusive rewards') }}</span>
              </div>
            </li>
            <li class="glide__slide voteonproposals" data-index="2">
              <span class="cardtitlegv">{{ __('Vote on proposals') }}</span>
              <div class="gvcardsbuttondiv">
                <div class="cardtitlegvhover">{{ __('Vote on proposals') }}</div>
                <a href="https://vote.gamium.world" target="_blank"><button type="button" class="gvcardsbutton">{{ __('Visit now') }}</button></a>
                <br>
                <span class="gvcardstext">{{ __('Use your $GMM to vote on Gamium DAOs proposals') }}</span>
              </div>
            </li>
            <li class="glide__slide documentation" data-index="3">
              <span class="cardtitlegv">{{ __('Documentation') }}</span>
              <div class="gvcardsbuttondiv">
                <div class="cardtitlegvhover">{{ __('Documentation') }}</div>
                <a href="/documentation" target="_blank"><button type="button" class="gvcardsbutton">{{ __('Visit now') }}</button></a>
                <br>
                <span class="gvcardstext">{{ __('Learn everything about the Gamium DAO') }}</span>
              </div>
            </li>
          </ul>
        </div>
        <div class="glide__arrows" data-glide-el="controls">
          <button class="glide__arrow glide__arrow--left" data-glide-dir="<"><img src="{{ Vite::asset('resources/images/chevron-left.svg') }}"></button>
          <button class="glide__arrow glide__arrow--right" data-glide-dir=">"><img src="{{ Vite::asset('resources/images/chevron-right.svg') }}"></button>
        </div>
        <div class="shadow-left"></div>
        <div class="shadow-right"></div>
      </div>

    </div>

    <div class="panel">
      <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-gv.js'])
@endsection