@extends('layouts.app')
@section('title', 'blog')
@section('idname', 'home')
@section('content')
    <div class="hero 169">
      <div class="hero-bg">
        <img class="hero-logo-neu-white" src="https://abacuos.com/wp-content/uploads/2022/05/logo-branco.png" alt="White Logo Background">
        <div class="hero-frame">
          <div class="hero-video">
            <p><iframe src="https://player.vimeo.com/video/430130624?autoplay=1&amp;muted=1&amp;background=1&amp;loop=1&amp;playsinline=1" 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; Digital<br />
Network</h2>
<h5>{{ __('messages.Unleash_your_creativity_with_ABACUOS') }}</h5>
</div>
      </div>
      <div class="hero-stats">
      
              <div class="hero-stat">
          <h2>1.9B<strong>+</strong></h2>
          <h6>monthly Views</h6>
        </div>
                <div class="hero-stat">
          <h2>25K<strong>+</strong></h2>
          <h6>freelancers</h6>
        </div>
                <div class="hero-stat">
          <h2>5K<strong>+</strong></h2>
          <h6>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://music.abacuos.com/">
          <img class="features-card-image" src="https://abacuos.com/wp-content/uploads/2023/01/Music-distribuion_abacuos.png" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">Distribuition</h4>
          <p class="features-card-messaging">Your music on all digital platforms</p>
          <div class="features-card-hover"></div>
        </a>
                 <a class="features-card creators" href="{{url('/')}}">
          <img class="features-card-image" src="https://abacuos.com/wp-content/uploads/2022/05/creators.jpg" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">Creators</h4>
          <p class="features-card-messaging">Stand out from the crowd and realize your potential.</p>
          <div class="features-card-hover"></div>
        </a>
                 <a class="features-card creators" href="{{ route('page.show', ['slug' => 'brand']) }}">
          <img class="features-card-image" src="https://abacuos.com/wp-content/uploads/2023/01/brand_home_finall.jpg" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">Brands</h4>
          <p class="features-card-messaging">Unleash your potential with influencer activations.</p>
          <div class="features-card-hover"></div>
        </a>
                 <a class="features-card creators" href="{{ route('page.show', ['slug' => 'studio']) }}">
          <img class="features-card-image" src="https://abacuos.com/wp-content/uploads/2022/05/studio.png" alt="Thumbnail of Creators">
          <div class="features-card-gradient"></div>
          <h4 class="features-card-header">Studio</h4>
          <p class="features-card-messaging">Top content creation abilities and the amplification of our talent.</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="https://music.abacuos.com/users/register" target="_blank">Join as a Creator</a>
                <a class="btn btn-display btn-white" href="https://music.abacuos.com/about/contact" target="_blank">Contact Us</a>
              </div>
      <p class="cta-messaging display">ALWAYS BREAKING BARRIERS. UNLEASH YOUR CREATIVITY WITH ABACUOS</p>
    </div>
@endsection