@extends('layouts.app')

@section('content')
<title>Home | Page</title>

<div class="section-header">
    <div class="container">
      <div class="row pb-5 pb-sm-0">
        <div class="col-12 col-lg-5">
          <h1>Your digital temptation</h1>
          <p>
            It’s a full service digital agency that lure every each
            creativity, business, and technology enthusiast.
          </p>

          <a href="/service" class="btn btn-danger mt-4">Our Service</a>
          <a href="/contact" class="btn btn-outline-danger ml-3 mt-4">Contact Us</a>
        </div>
        <div class="col-7 d-none d-md-block">
          <img src="{{url('pikat/img/home/New2.png')}}" alt="" width="100%" />
        </div>
      </div>


    </div>
  </div>

  <div class="section-allurement">
    <div class="container">
      <div class="row allurement">
        <div class="col-12 text-center">
          <h2>Our Allurement</h2>
        </div>
        <div class="col-6 mt-lg-5">
          <div class="card border-0">
            <div class="card-body text-center">
              <img src="{{url('pikat/img/home/all.png')}}" alt="" />
              <h4 class="pt-5">Application Design and Development</h4>
              <p>
                UI/UX Design <br />
                Development & Integration
              </p>
            </div>
          </div>
        </div>
        <div class="col-6 mt-lg-5">
          <div class="card border-0">
            <div class="card-body text-center">
              <img src="{{url('pikat/img/home/search.png')}}" alt="" />
              <h4 class="pt-5">Search Engine Optimization</h4>
              <p>
                Content Optimization <br />
                Full Website Audit <br />
                Natural Link Building
              </p>
            </div>
          </div>
        </div>
        <div class="col-6 mt-lg-5">
          <div class="card border-0">
            <div class="card-body text-center">
              <img src="{{url('pikat/img/home/social.png')}}" alt="" />
              <h4 class="pt-5">Social Media Optimization</h4>
              <p>
                Social Media Management <br />
                Digital Activation <br />
                Brand Strategy
              </p>
            </div>
          </div>
        </div>
        <div class="col-6 mt-lg-5">
          <div class="card border-0">
            <div class="card-body text-center">
              <img src="{{url('pikat/img/home/brand.png')}}" alt="" />
              <h4 class="pt-5">Brand Development</h4>
              <p>
                Visual Asset Creation <br />
                Brand Communication
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section-works">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center mt-5">
          <h2>Works</h2>
        </div>
      </div>

      <div
        id="carouselExampleControls"
        class="carousel slide"
        data-ride="carousel"
      >
        <div class="carousel-inner">
          <div class="carousel-item active">
            <div class="row mt-4 justify-content-center">
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/joox.png')}}" alt="" />
                  <div class="card-body">
                    <h5>JOOX - Sing Out Loud</h5>
                    <p>
                      Creative and Concept Development | Production | Event
                      Management Support
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-1.png')}}" alt="" />
                  <div class="card-body">
                    <h5>Mini Cooper - Printed Ads</h5>
                    <p>
                      Creative Development | Brand Communication
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-2.png')}}" alt="" />
                  <div class="card-body">
                    <h5>AYOTani - Farmer's Super Apps</h5>
                    <p>
                      Mobile Application Development | UIUX Design | API Integration
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="row mt-4 justify-content-center">
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/joox.png')}}" alt="" />
                  <div class="card-body">
                    <h5>JOOX - Sing Out Loud</h5>
                    <p>
                      Creative and Concept Development | Production | Event
                      Management Support
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-1.png')}}" alt="" />
                  <div class="card-body">
                    <h5>Mini Cooper - Printed Ads</h5>
                    <p>
                      Creative Development | Brand Communication
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-2.png')}}" alt="" />
                  <div class="card-body">
                    <h5>AYOTani - Farmer's Super Apps</h5>
                    <p>
                      Mobile Application Development | UIUX Design | API Integration
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="row mt-4 justify-content-center">
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/joox.png')}}" alt="" />
                  <div class="card-body">
                    <h5>JOOX - Sing Out Loud</h5>
                    <p>
                      Creative and Concept Development | Production | Event
                      Management Support
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-1.png')}}" alt="" />
                  <div class="card-body">
                    <h5>Mini Cooper - Printed Ads</h5>
                    <p>
                      Creative Development | Brand Communication
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-11 col-sm-11 col-md-6 col-lg-4 mt-2">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-2.png')}}" alt="" />
                  <div class="card-body">
                    <h5>AYOTani - Farmer's Super Apps</h5>
                    <p>
                      Mobile Application Development | UIUX Design | API Integration
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <button
          class="carousel-control-prev"
          type="button"
          data-target="#carouselExampleControls"
          data-slide="prev"
        >
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </button>
        <button
          class="carousel-control-next"
          type="button"
          data-target="#carouselExampleControls"
          data-slide="next"
        >
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </button>
      </div>

      <div class="row mt-5">
        <div class="col-12 text-center">
          <button class="btn btn-outline-danger">
            View All Works <i class="fa-solid fa-angle-right"></i>
          </button>
        </div>
      </div>
    </div>
  </div>

  <div class="why-pikat mt-5">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <h2>Why Pikat</h2>
        </div>
        <div class="col-12 mt-4">
          <p>
            Simply put, we are a full service marketing and sales agency
            working as your strategic partner. We are committed to using the
            best technology and staying up to date with the latest innovations
            in digital marketing, you will get an expert team of marketing
            strategists, web developers, writers, designer, SEO analysts, and
            many more who will collaborate, innovate, and push boundaries to
            get results.
          </p>

          <a href="/about" class="btn btn-danger mt-4 py-2 px-4">About Us</a>
        </div>
      </div>
    </div>
  </div>

  <div class="section-partner">
    <div class="container">
      <div class="row d-none d-md-block">
        <div class="col-12 text-center">
          <h2>Partners</h2>
        </div>
      </div>
      <div class="row mt-5 text-center justify-content-center">
        <div class="col-3 d-none d-md-block">
          <img src="{{url('pikat/img/home/fm.png')}}" alt="" />
        </div>
        <div class="col-3 d-none d-md-block">
          <img src="{{url('pikat/img/home/KBIJ.png')}}" alt="" />
        </div>
        <div class="col-2 d-none d-md-block">
          <img src="{{url('pikat/img/home/crif.png')}}" alt="" />
        </div>
        <div class="col-3 d-none d-md-block">
          <img src="{{url('pikat/img/home/privy.png')}}" alt="" />
        </div>
        <div class="col-3 mt-lg-5 d-none d-md-block">
          <img src="{{url('pikat/img/home/zipay.png')}}" alt="" />
        </div>
        <div class="col-2 mt-lg-5 d-none d-md-block">
          <img src="{{url('pikat/img/home/digisign.png')}}" alt="" />
        </div>
        <div class="col-2 mt-lg-5 d-none d-md-block">
          <img src="{{url('pikat/img/home/doku.png')}}" alt="" />
        </div>
        <div class="col-3 mt-lg-5 d-none d-md-block">
          <img src="{{url('pikat/img/home/asli.png')}}" alt="" />
        </div>
        <div class="col-2 mt-lg-5 d-none d-md-block">
          <img src="{{url('pikat/img/home/izi_data_indonesia.png')}}" alt="" />
        </div>
      </div>
    </div>
  </div>

  <div class="start-your-project">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-11 col-md-6 col-lg-5 text-center">
          <h5>
            Start your project and grow your business, before competitor do
            it.
          </h5>
          <p>
            We always deliver the best in our services, get us now, don't
            hesitate
          </p>

          <a href="/contact" class="btn btn-danger mt-4">Contact Us</a>
        </div>
      </div>
    </div>
  </div>

  <div class="section-certifications justify-content-center text-center">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12">
          <h3>Certifications</h3>
        </div>
        <div class="col-10 col-sm-10 col-md-6 col-lg-3">
          <div class="card border-0">
            <div class="card-body">
              <img src="{{url('pikat/img/home/bnsp.png')}}" alt="" />
              <p>
                <b
                  >Certified Digital Marketing and Assessor Digital
                  Marketing</b
                >
                BNSP (Badan Nasional Sertifikasi Profesi)
              </p>
            </div>
          </div>
        </div>
        <div class="col-10 col-sm-10 col-md-6 col-lg-3">
          <div class="card border-0">
            <div class="card-body">
              <img src="{{url('pikat/img/home/kominfo.png')}}" alt="" />
              <p>
                <b>Instructor Digital Marketing</b> KOMINFO (Kementrian
                Komunikasi dan Informatika Republik Indonesia)
              </p>
            </div>
          </div>
        </div>
        <div class="col-10 col-sm-10 col-md-6 col-lg-3">
          <div class="card border-0">
            <div class="card-body mt-lg-4">
              <img src="{{url('pikat/img/home/click-minded.png')}}" alt="" />
              <p><b>Certified Digital Marketing </b>clickminded.com</p>
            </div>
          </div>
        </div>
        <div class="col-10 col-sm-10 col-md-6 col-lg-3">
          <div class="card border-0">
            <div class="card-body mt-lg-3">
              <img src="{{url('pikat/img/home/cpm.png')}}" alt="" />
              <span><br>
                <b>Certified Professional Marketing</b> AMF (Asian Marketing
                Federation)
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section-news">
    <div class="container">
      <div class="row">
        <div class="col-6">
          <h3>News & Updates</h3>
        </div>
        <div class="col-6 text-right">
          <a href="" id="view-all">View All</a>
        </div>
      </div>

      <div
        id="carouselExampleInterval1"
        class="carousel slide"
        data-ride="carousel"
      >
        <div class="carousel-inner">
          <div class="carousel-item active" data-interval="10000">
            <div class="row mt-3">
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/news.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-4.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-3.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item" data-interval="2000">
            <div class="row mt-3">
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/news.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-4.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-3.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="row mt-3">
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/news.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-4.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div>
              <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
                <div class="card">
                  <img src="{{url('pikat/img/home/slide-3.png')}}" alt="" />
                  <div class="card-body">
                    <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
                    <p>
                      Pikat Media Kreatif adalah digital marketing agency yang
                      memiliki pengalaman dan wadah konsultasi untuk membantu
                      bisnis Anda menjangkau...
                    </p>
                    <a href="#" class="card-link"
                      >April 13, 2022 | 20 min read</a
                    >
                    <a href="#" class="card-link text-right" id="article"
                      >Read Article <i class="fa-solid fa-angle-right"></i
                    ></a>
                  </div>
                </div>
              </div
            </div>
          </div>
        </div>
        <button
          class="carousel-control-prev"
          type="button"
          data-target="#carouselExampleInterval1"
          data-slide="prev"
        >
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </button>
        <button
          class="carousel-control-next"
          type="button"
          data-target="#carouselExampleInterval1"
          data-slide="next"
        >
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </button>
      </div>
    </div>
  </div>
@endsection