@extends('layout/main')

@section('content')
    <!-- Start Hero Section -->
    <div class="hero">
        <img src="{{ url('images/jasa.png') }}" class="d-block w-100 h-slider" alt="monggopro.com/images/daftar-harga.png">
    </div>
    <!-- End Hero Section -->
    <!-- Start Product Section -->
    <div class="product-section">
        <div class="container">
            <div class="col-md-12">
                <h2 class="mb-4 section-title">Daftar Jasa <b class="text-primary">Foto Wisuda</b></h2>
            </div>
            <div class="row">
                <!-- Start Column 1 -->
                <div class="col-12 col-md-4 col-lg-3 mb-5 mb-md-0">
                    <div class="product-item">
                        <img src="{{ url('images/products/wisuda.png') }}" class="img-fluid product-thumbnail">
                        <span class="icon-available">
                            <p class="mt-3"><b>Tersedia</b></p>
                        </span>
                        <h3 class="product-title">Foto Wisuda</h3>
                        <p>Kelengkapan</p>
                        <strong>
                            <p>
                                1 Fotografer |
                                1 Videografer
                            </p>
                        </strong>
                        <strong class="product-price">Rp. 300.000.,-</strong>
                        <p class="call mt-4">
                        <p class="mb-0">Hubungi</p>
                        <strong class="text-success">
                            <span class="fa fa-brands fa-whatsapp"></span>
                            <a class="text-success" href="https://wa.me/628112641104" target="_blank">+62 811-264-1104</a>
                        </strong>
                        </p>
                    </div>
                </div>
                <!-- End Column 1 -->
            </div>
        </div>
    </div>
    <!-- End Product Section -->
@endsection