@extends('layouts.app')
@section('title', 'page-template')
@section('idname', 'home')


@section('content')
<div class="hero 169">
      <div class="hero-bg">
        <!--<img loading="lazy" class="hero-logo-neu-white" src="https://abacuos.com/storage/pages/logo-branco.png" alt="White Logo Background">-->
        <div class="hero-frame">
          <div class="hero-video">
            <p><iframe src="{{setting('site.h_video_url')}}" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
          </div>
        </div>
      </div>
      <div class="hero-messaging">
       <div class="hero-header">
<h6>{{ __('messages.music_distribuition') }}</h6>
</div>
<div class="hero-slogan">
<h2>&amp; {{ __('messages.and_digital') }}<br />
{{ __('messages.network') }}</h2>
<h5>{{ __('messages.unleash_your_creativity_with_abacuos') }}</h5>
</div>
      </div>
      <div class="hero-stats">
      
              <div class="hero-stat">
          <h2>{{setting('homepage.hero_stat_1')}}<strong>+</strong></h2>
          <h6>{{ __('messages.monthly_views') }}</h6>
        </div>
                <div class="hero-stat">
          <h2>{{setting('homepage.hero_stat_2')}}<strong>+</strong></h2>
          <h6>{{ __('messages.freelancers') }}</h6>
        </div>
                <div class="hero-stat">
          <h2>{{setting('homepage.hero_stat_3')}}<strong>+</strong></h2>
          <h6>{{ __('messages.creators') }}</h6>
        </div>
              </div>
    </div>
    <div class="features">
      <div class="features-bg">
        <div class="diagonal-right">
          <div class="wallpaper" src="https://abacuos.com/wp-content/uploads/2022/05/poly-red-grain-1.jpg"
            alt="Polygon Red Texture"></div>
        </div>
        <div class="fx-flair-down">
          <div></div>
        </div>
      </div>
      <div class="features-cards">
               <a class="features-card creators" href="https://abacuos.com/pages/music">
          <img loading="lazy" class="features-card-image" src="{{url('/storage/'.setting('homepage.distribution_image'))}}" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">@lang('messages.distribution')</h4>
          <p class="features-card-messaging">@lang('messages.distribution_description')</p>
          <div class="features-card-hover"></div>
        </a>
                 <a class="features-card creators" href="https://abacuos.com/pages/music">
          <img loading="lazy" class="features-card-image" src="{{url('/storage/'.setting('homepage.creator_image'))}}" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">@lang('messages.creators2')</h4>
          <p class="features-card-messaging">@lang('messages.creators_description')</p>
          <div class="features-card-hover"></div>
        </a>
                 <a class="features-card creators" href="{{ route('page.show', ['slug' => 'brand']) }}">
          <img loading="lazy" class="features-card-image" src="{{url('/storage/'.setting('homepage.brand_image'))}}" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">@lang('messages.brands')</h4>
          <p class="features-card-messaging">@lang('messages.brands_description')</p>
          <div class="features-card-hover"></div>
        </a>
                 <a class="features-card creators" href="{{ route('page.show', ['slug' => 'studio']) }}">
          <img loading="lazy" class="features-card-image" src="{{url('/storage/'.setting('homepage.studio_image'))}}" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">@lang('messages.studio')</h4>
          <p class="features-card-messaging">@lang('messages.studio_description')</p>
          <div class="features-card-hover"></div>
        </a>
               </div>
    </div>
    <div class="call-to-action">
      <div class="cta-bg">
        <div class="fx-gradient-red"></div>
        <div class="fx-box-inner-shadow"></div>
        <div class="fx-flair-down-right"></div>
        <div class="fx-flair-up-right"></div>

      </div>
      <div class="cta-panel">
              <a class="btn btn-display btn-white" href="{{setting('site.join_as_home')}}" target="_blank">@lang('messages.join_as_creator')</a>
<a class="btn btn-display btn-white" href="{{setting('site.contact_us')}}" target="_blank">@lang('messages.contact_us')</a>

              </div>
      <p class="cta-messaging display">@lang('messages.breaking_barriers')</p>
    </div>
@endsection