@extends('layout/main')

@section('content')
    <!-- ======= Works Section ======= -->
    <section class="section site-portfolio">
        <div class="container">
            <div class="row mb-5 align-items-center">
                <div class="col-md-12 col-lg-6 mb-4 mb-lg-0" data-aos="fade-up">
                    <h2>Hey, Saya Andri Rizki Saputra</h2>
                    <p class="mb-0">Programmer Web &amp; Aplikasi Android Professional </p>
                </div>
                <div class="col-md-12 col-lg-6 text-start text-lg-end" data-aos="fade-up" data-aos-delay="100">
                    <div id="filters" class="filters">
                        <a href="javascript.void(0)" data-filter="*" class="active">Semua</a>
                        @foreach($category as $value)
                            <a href="javascript.void(0)" data-filter=".{{ $value->name }}">{{ $value->name }}</a>
                        @endforeach
                    </div>
                </div>
            </div>
            <div id="portfolio-grid" class="row no-gutter" data-aos="fade-up" data-aos-delay="200">
                @foreach($portofolio as $value)
                    <div class="item {{ $value->category->name }} col-sm-6 col-md-4 col-lg-4 mb-4">
                        <a target="_blank" href="{{ route('portofolioShow', ['slug' => $value->slug()]) }}" class="item-wrap fancybox">
                            <div class="work-info">
                                <h3>{{ $value->title }}</h3>
                                <span>{{ $value->category->name }}</span>
                            </div>
                            <img class="img-fluid" src="{{ asset('assets/img/portofolio/' . $value->upload->filename) }}">
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End  Works Section -->

    <!-- ======= Clients Section ======= -->
    <section class="section">
        <div class="container">
            <div class="row justify-content-center text-center mb-4">
                <div class="col-12">
                    <h3 class="h3 heading">Klien Saya</h3>
                    <p>Kami menghargai keunikannya dan menyesuaikan pendekatan kami untuk setiap klien, memastikan solusi yang kami tawarkan sepenuhnya sesuai dengan visi dan tujuan mereka. Bersama-sama, kami membangun hubungan jangka panjang yang didasarkan pada kepercayaan dan keberhasilan bersama.</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-4 col-sm-4 col-md-2">
                    <a href="https://opeo.id/" class="client-logo" target="_blank"><img src="{{ asset('assets/img/logo/opeo.png') }}" alt="opeo" class="img-fluid w-75"></a>
                </div>
                <div class="col-4 col-sm-4 col-md-2">
                    <a href="https://play.google.com/store/apps/details?id=com.koszy" class="client-logo" target="_blank"><img src="{{ asset('assets/img/logo/kostzy.png') }}" alt="kostzy" class="img-fluid w-75"></a>
                </div>
                <div class="col-4 col-sm-4 col-md-2">
                    <a href="https://epoin.com/" class="client-logo" target="_blank"><img src="{{ asset('assets/img/logo/epoin.png') }}" alt="epoin" class="img-fluid w-100"></a>
                </div>
                <div class="col-4 col-sm-4 col-md-2">
                    <a href="https://showus.biz/" class="client-logo" target="_blank"><img src="{{ asset('assets/img/logo/showus.png') }}" alt="showus" class="img-fluid w-100"></a>
                </div>
                <div class="col-4 col-sm-4 col-md-2">
                    <a href="https://pintukeluar.id/" class="client-logo" target="_blank"><img src="{{ asset('assets/img/logo/pintukeluar.png') }}" alt="Image" class="img-fluid w-50"></a>
                </div>
            </div>
        </div>
    </section>
    <!-- End Clients Section -->

    <!-- ======= Services Section ======= -->
    <section class="section services">
        <div class="container">
            <div class="row justify-content-center text-center mb-4">
                <div class="col-12">
                    <h3 class="h3 heading">Layanan</h3>
                    <p>Dapatkan website dan aplikasi yang sepenuhnya disesuaikan dengan merek dan visi bisnis Anda, untuk menonjol di tengah keramaian digital.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-sm-6 col-md-6 col-lg-6">
                    <i class="bi bi-card-checklist"></i>
                    <h4 class="h4 mb-2">Website</h4>
                    <p>Siap mengurus seluruh proses pembuatan website, dari desain hingga peluncuran, agar Anda dapat fokus pada pekerjaan Anda.</p>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-6">
                    <i class="bi bi-binoculars"></i>
                    <h4 class="h4 mb-2">Mobile Aplikasi</h4>
                    <p>Menghadirkan aplikasi yang responsif dan kompatibel dengan berbagai platform, termasuk iOS dan Android, untuk mencapai audiens yang lebih luas. Dengan fokus pada keamanan dan performa, aplikasi yang kami hasilkan memberikan pengalaman yang mulus dan andal.</p>
                </div>
            </div>
        </div>
    </section>
    <!-- End Services Section -->
@endsection