@extends('landing-page.layouts.index', ['title' => 'Portfolio'])

@section('main')
<section class="project mt-5 mb-5 py-5">
    <div class="container">
        <div class="text-center">
            <div class="badge bg-badge-primary text-primary mb-3">Proyek Kami</div>
            <h2 class=""><b>Temukan <label class="text-primary"> Karya Terbaik </label> Kami </b></h2>
        </div>
        <div class="row mt-5 mb-5">
            <div class="col-md-4">
                <div class="card project-item border-0 mb-3">
                    <div class="banner">
                        <img src="{{ asset('assets/landing-page/images/portofolio/suzuki.png') }}" alt="">
                    </div>
                    <div class="card-body p-4 content">
                        <h5><b> Website Profil Marketing Suzuki Jember </b></h5>
                        <p>
                            Website profil pribadi salah satu marketing Mobil Suzuki Jember. Website ini diharapkan mempermudah pengenalan produk Mobil Suzuki kepada public dan memperluas jangkauan pasar. 
                        </p>
                        <div class="label">
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Landing Page </small></div>&emsp;
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Web Profil </small></div>&emsp;
                        </div>
                        <small class="text-secondary"><i class="fa fa-home"></i> Mas Respati, Marketing Suzuki Jember</small>
                        <a href="https://suzuki.sembranidigital.com/" target="_blank" class="btn btn-outline-primary mt-3 w-100">LIhat Detail <i class="fa fa-paper-plane"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card project-item border-0 mb-3">
                    <div class="banner">
                        <img src="{{ asset('assets/landing-page/images/portofolio/trackdisaster.png') }}" alt="">
                    </div>
                    <div class="card-body p-4 content">
                        <h5><b>Track Disaster</b></h5>
                        <p>
                            Aplikasi yang berfungsi untuk membantu pendataan korban bencana dan sebagai pemantauan dilokasi pengungsian atau kejadian sehingga mendapatkan penanganan yang tepat.
                        </p>
                        <div class="label">
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Web App </small></div>&emsp;
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Emergency </small></div>&emsp;
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Real-time </small></div>&emsp;
                        </div>
                        <small class="text-secondary"><i class="fa fa-home"></i> Tugas Kelas Mahasiswa Universitas Muhammadiyah Jember</small>
                        <a href="https://trackdisaster.sembranidigital.com/" target="_blank" class="btn btn-outline-primary mt-3 w-100">LIhat Detail <i class="fa fa-paper-plane"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card project-item border-0 mb-3">
                    <div class="banner">
                        <img src="{{ asset('assets/landing-page/images/portofolio/kasir.png') }}" alt="">
                    </div>
                    <div class="card-body p-4 content">
                        <h5><b>Kasir Penjualan </b></h5>
                        <p>
                            Aplikasi kasir khusus untuk mencatat penjualan dan laporan penjualan. Aplikasi ini dibuat custom sesuai dengan permintaan klien untuk meningkatkan efisiensi operasional.
                        </p>
                        <div class="label">
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Web App </small></div>&emsp;
                            <div class="badge bg-badge-primary text-primary mb-3"><small> POS System </small></div>&emsp;
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Reporting </small></div>&emsp;
                        </div>
                        <small class="text-secondary"><i class="fa fa-home"></i> Toko Setia, Sukowono, Jember</small>
                        <a href="https://kasir.sembranidigital.com/" target="_blank" class="btn btn-outline-primary mt-3 w-100">LIhat Detail <i class="fa fa-paper-plane"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card project-item border-0 mb-3">
                    <div class="banner">
                        <img src="{{ asset('assets/landing-page/images/portofolio/material-database') }}-sistem.png" alt="">
                    </div>
                    <div class="card-body p-4 content">
                        <h5><b>Material Database Sistem </b></h5>
                        <p>
                            Aplikasi ini merupakah projek training dari salah satu karyawan Denso yang digunakan untuk mendeteksi bahan baku apa saja yang harus ada dalam 1 produk dan mendeteksi jika ada 1 produk yang tidak sesuai bahan bakunya.
                        </p>
                        <div class="label">
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Web App </small></div>&emsp;
                            <div class="badge bg-badge-primary text-primary mb-3"><small> ERP </small></div>&emsp;
                            <div class="badge bg-badge-primary text-primary mb-3"><small> Reporting </small></div>&emsp;
                        </div>
                        <small class="text-secondary"><i class="fa fa-home"></i> Projek Training Karyawan Denso</small>
                        <a href="https://material-database-system.sembranidigital.com/" target="_blank" class="btn btn-outline-primary mt-3 w-100">LIhat Detail <i class="fa fa-paper-plane"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="card card-body border-0 pt-5 pb-5 shadow bg-gradient-primary">
            <div class="text-center text-white">
                <h2><b>Punya proyek dalam pikiran?</b></h2>
                <p>Mari wujudkan ide Anda menjadi kenyataan bersama kami</p>
                <a href="" class="btn btn-light">Mulai Proyek Anda Sekarang !</a>
            </div>
        </div>
    </div>
</section>
@endsection

@push('styles')
@endpush

@push('scripts')
@endpush


    