@extends('layouts.home_panel')

@section('content')
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
          <h3 style="color: white;">Grow Your Online Presence By Leveraging The Power Of Guest Posts</h3>
          <p style="color: white;">99Outreach simplifies the process of guest posting on top-notch websites. Do you want to publish a guest post? Consider it done. Eager to sell a guest post slot on your website? With 99Outreach, it’s as easy as cracking an egg.</p>
          <div class="d-lg-flex">
            <a href="{{ URL('/register') }}" class="btn-get-started scrollto">Sign Up Free</a>
          </div>
        </div>
        <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
          <img src="{{ URL::asset('front/assets/img/hero-img.png') }}" class="img-fluid animated" alt="">
        </div>
      </div>
    </div>

  </section><!-- End Hero -->
  <main id="main">
    <!-- ======= Services Section ======= -->
    <section id="services" class="services section-bg">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>Designed For Seo Agencies</h2>          
        </div>

        <div class="row">
          <div class="col-xl-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-file"></i></div>
              <h4><a href="">Native Writers</a></h4>
              <p>Our native writers create quality content, with images, outbound links and proper formatting.</p>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-tachometer"></i></div>
              <h4><a href="">Manually Approved Blogs</a></h4>
              <p>All Blogs in our database manually checked to make this list of 100% natural websites.</p>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0" data-aos="zoom-in" data-aos-delay="300">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-layer"></i></div>
              <h4><a href="">Multiple Parameters</a></h4>
              <p>Need any help regarding buying or selling guest posts, our experts ready to help you 24/7.</p>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0" data-aos="zoom-in" data-aos-delay="400">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-layer"></i></div>
              <h4><a href="">Direct With Owners</a></h4>
              <p>No 3rth person involved when buying guest post from a blog. You will be communicating directly with blogger.</p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Services Section -->

    <!-- ======= Pricing Section ======= -->
    <section id="pricing" class="pricing">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>Pricing</h2>
          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
        </div>

        <div class="row">

          <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
            <div class="box">
              <h3>Basic Plan</h3>
              <h4><sup>$</sup>75<span>per month</span></h4>
              <ul>
                <li><i class="bx bx-check"></i> Number of posts - 3</li>
                <li><i class="bx bx-check"></i> DA - 20+</li>
                <li><i class="bx bx-check"></i> Hand-written content</li>
                <li><i class="bx bx-check"></i> High quality posts</li>
                <li><i class="bx bx-check"></i> 7-14 Days Delivery</li>                
              </ul>
              <a href="{{ URL('/login') }}" class="buy-btn">Get Started</a>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="200">
            <div class="box featured">
              <h3>Premium Plan</h3>
              <h4><sup>$</sup>350<span>per month</span></h4>
              <ul>
                <li><i class="bx bx-check"></i> Number of posts - 10</li>
                <li><i class="bx bx-check"></i> DA - 30+</li>
                <li><i class="bx bx-check"></i> Hand-written content</li>
                <li><i class="bx bx-check"></i> High quality posts</li>
                <li><i class="bx bx-check"></i> 7-14 Days Delivery</li>
              </ul>
              <a href="{{ URL('/login') }}" class="buy-btn">Get Started</a>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="300">
            <div class="box">
              <h3>Standard Plan</h3>
              <h4><sup>$</sup>150<span>per month</span></h4>
              <ul>
                <li><i class="bx bx-check"></i> Number of posts - 5</li>
                <li><i class="bx bx-check"></i> DA - 25+</li>
                <li><i class="bx bx-check"></i> Hand-written content</li>
                <li><i class="bx bx-check"></i> High quality posts</li>
                <li><i class="bx bx-check"></i> 7-14 Days Delivery</li>
              </ul>
              <a href="{{ URL('/login') }}" class="buy-btn">Get Started</a>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Pricing Section -->

  </main><!-- End #main -->
@endsection