@layout('layouts.landing')

@section('page-title')
Seepur | Shared story time
@endsection
@section('hero')
<section class="hero is-large is-primary hero-bg-landing0{{bgIndex}}">
  @!component('components.nav.nav', isLanding = true, auth=auth)
  <div class="hero-body">
    <div class="container">
      <h1 class="title">
        Seepur
      </h1>
      <h2 class="subtitle">
        A Shared Story Time Experience
      </h2>
      <div class="buttons">
        <a class="button is-primary" href="/register">Sign Up</a>
        <a class="button is-link" href='/login'>Log In</a>
      </div>
    </div>
  </div>
</section>
@endsection
@section('content')

<div class="columns">
  <div class="column">
    <div class="card">
      <div class="card-header">
        <div class="card-header-title">Open Source</div>
        <div class="card-header-icon"><i class="fa fa-code"></i></div>
      </div>
      <div class="card-content">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illo officiis totam architecto odio tenetur aliquam magnam dolores quaerat. Minima, ad.
      </div>
    </div>
  </div>
  <div class="column">
    <div class="card">
      <div class="card-header">
        <div class="card-header-title">Easy To Use</div>
        <div class="card-header-icon"><div class="fa fa-hand-pointer-o"></div></div>
      </div>
      <div class="card-content">
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit numquam quas facere saepe aliquid blanditiis dolore, amet totam assumenda in consequatur ipsa optio officia illum excepturi quia reprehenderit quis nihil qui, iste obcaecati aut eius doloremque vero. Saepe, cum accusantium.
      </div>
    </div>
  </div>
    <div class="column">
      <div class="card">
        <div class="card-header">
          <div class="card-header-title">Happy Family</div>
          <div class="card-header-icon"><div class="fa fa-smile-o"></div></div>
        </div>
        <div class="card-content">
          Lorem ipsum, dolor sit amet consectetur adipisicing elit. Impedit itaque facilis dolore, voluptatibus asperiores magni adipisci repudiandae ex provident nisi.
        </div>
      </div>
  </div>
</div>



@endsection