@extends('layouts.app')

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


<div class="about-header">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-10 text-center">
          <img src="{{url('pikat/img/about/about-header.png')}}" alt="" class="d-none d-md-block d-md-inline-flex" width="100%" />
          <h2>Service</h2>
          <p>
            We start from the best experiences of being in a well-planned
            digital strategic planner by bringing digital strategy into story,
            emotion, and expression that will connect through shared values
            ​​and ideals, deliver value, and differentiate your brand among
            the human-being.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="application-design">
    <div class="container">
      <div class="row">
        <div class="col-12 col-sm-12 col-md-8 col-lg-6">
          <h4>Application Design and Development</h4>
        </div>
        <div class="col-11 col-sm-11 col-md-10 col-lg-12 my-5">
          <h1>
            From full-website to microsite, backend to frontend, we deliver a
            full package of web development
          </h1>
        </div>
        <div class="col-12">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-11 col-sm-11 col-md-6 col-lg-5 text-left">
                <hr />
                <h4>UI/UX Design</h4>
                <p>
                  We bring life to design. We enable users to enjoyably
                  interact with your platforms with a fine experience and a
                  great visual, then boost your product engagement.
                </p>
              </div>
              <div class="col-11 col-sm-11 col-md-6 col-lg-5 mt-lg-4">
                <h4>Development and Integration</h4>
                <p>
                  We deliver complete development solutions, discover the
                  opportunity with connection, build your entirely digital
                  business’ needs and objectives.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section-engine">
    <div class="container">
      <div class="row">
        <div class="col-12 col-sm-12 col-md-8 col-lg-6">
          <h4>Search Engine Optimization</h4>
        </div>
        <div class="col-12 mt-4">
          <h1>
            Increase your brand visibility, and obtain more leads into your
            website with our SEO strategy
          </h1>
        </div>
        <div class="col-12 mt-5">
          <div class="row justify-content-center">
            <div class="col-10 col-sm-6 col-md-12 col-lg-4 text-left">
              <hr />
              <h4>Content Optimization</h4>
              <p>
                Optimize your website from local searches, and internal side
                starting from meta, installing appropriate target keyword, and
                other Google standards.
              </p>
            </div>
            <div class="col-10 col-sm-6 col-md-12 col-lg-4 mt-lg-4">
              <h4>Full Website Audit</h4>
              <p>
                We do total website audit to see what needs to be improved and
                what can be improved to optimize your business website.
              </p>
            </div>
            <div class="col-10 col-sm-6 col-md-12 col-lg-4 mt-lg-4">
              <h4>Natural Link Building</h4>
              <p>
                We use a natural way according to google standards with high
                quality manual backlinks to maintain the consistency of your
                website ranking.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section-social-media">
    <div class="container">
      <div class="row">
        <div class="col-12 col-sm-12 col-md-8 col-lg-6">
          <h4>Social Media Optimization</h4>
        </div>
        <div class="col-12 mt-4">
          <h1>
            Boost your sales with valuable traffic, precise campaign, and
            creative content creation
          </h1>
        </div>
        <div class="col-12 mt-5">
          <div class="row justify-content-center">
            <div class="col-12 col-sm-10 col-md-6 col-lg-4 text-left">
              <hr />
              <h4>Social Media Management</h4>
              <p>
                We help you digitally activate your brand with concept,
                content creation, and precise marketing in your social media.
              </p>
            </div>
            <div class="col-12 col-sm-10 col-md-6 col-lg-4 mt-lg-4">
              <h4>Digital Activation</h4>
              <p>
                We bring valuable traffic with a precise campaign, boost the
                public awareness about your product, and meet your marketing
                goals.
              </p>
            </div>
            <div class="col-12 col-sm-10 col-md-6 col-lg-4 mt-lg-4">
              <h4>Brand Strategy</h4>
              <p>
                We do research on your targeted market. We analyze, plan, and
                provide the best solution to your branding decisions.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section-brand-development">
    <div class="container">
      <div class="row">
        <div class="col-12 col-sm-12 col-md-8 col-lg-6">
          <h4>Brand Development</h4>
        </div>
        <div class="col-12 mt-4">
          <h1>
            We help you to create, develop, and strengthen brand’s growth in
            market that fits your business
          </h1>
        </div>
        <div class="col-12 mt-5">
          <div class="row justify-content-center">
            <div class="col-12 col-sm-10 col-md-6 col-lg-4 mt-lg-5 text-left">
              <hr />
              <h4>Visual Asset Creation</h4>
              <p>
                Build up your typical brand identity through compelling
                visuals, strategic logo, extensive brand guideline, graphic
                theme, and possibly metaverse!
              </p>
            </div>
            <div class="col-12 col-sm-10 col-md-6 col-lg-4 mt-lg-5 mt-lg-4">
              <h4>Brand Communication</h4>
              <p>
                We help you to implement your brand strategy into physical
                representation and consistent application across visual and
                verbal media.
              </p>
            </div>
          </div>
        </div>

        <div class="col-12 mt-5 text-center">
          <button class="btn btn-outline-danger">
            Start Project With Pikat
            <i class="fa-solid fa-angle-right"></i>
          </button>
        </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