@extends('front.layouts.main')

@section('title', 'Beranda')

@section('content')

  <!-- ======= Hero Section ======= -->
  <section id="hero" class="single-page">

    <div class="container">
    <div class="row justify-content-center">
       <div class="col-lg-10 pt-5 pt-lg-0 order-2 order-lg-1 d-flex justify-content-center">
          <div data-aos="zoom-out">
          <h1 class="text-center mt-0"><span>{{ $page->name }}</span></h1>
        
          </div>
       </div>

    </div>
    </div>

    <svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none">
    <defs>
       <path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
    </defs>
    <g class="wave1">
       <use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
    </g>
    <g class="wave2">
       <use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
    </g>
    <g class="wave3">
       <use xlink:href="#wave-path" x="50" y="9" fill="#fff">
    </g>
    </svg>

 </section><!-- End Hero -->

 <section id="form" class="faq section-bg d-flex content-page">
    <div class="container mt-100 ptb-100">
       <div class="row">
          <div id="p-form" class="card">
             <div class="card-body">
              <a class="content" href="#!">  {!! $page->content !!} </a>
             </div>
          </div>
         
       </div>
    </div>
</section>


@endsection