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

@section('main')
<section class="service pt-5 pb-5 bg-light">
    <div class="container">
        <div class="text-center">
            <div class="badge bg-badge-primary text-primary mb-3">Layanan Kami</div>
            <h2 class=""><b>Apa yang kami lakukan untuk <br><label class="text-primary"> mendukung bisnis Anda? </label></b></h2>
        </div>
        <div class="service-content mt-5">
            <div class="row">
                <div class="col-md-4 mb-3">
                    <div class="card card-body border-0 shadow-sm">
                        <div class="align-items-center text-center mb-3">
                            <img src="{{ asset('assets/landing-page/images/service/web.svg') }}" width="60%" alt="">
                            <h5><b>Web Development</b></h5>
                        </div>
                        <p>Membangun website modern, responsif, dan cepat dengan teknologi terkini untuk meningkatkan presence online bisnis Anda.</p>
                        <ul>
                            <li>Website Company Profile</li>
                            <li>E-Commerce</li>
                            <li>Web Application</li>
                            <li>CMS Custom</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="card card-body border-0 shadow-sm">
                        <div class="align-items-center text-center mb-3">
                            <img src="{{ asset('assets/landing-page/images/service/mobile.svg') }}" width="60%" alt="">
                            <h5><b>Mobile Development</b></h5>
                        </div>
                        <p>Aplikasi mobile native dan cross-platform yang user-friendly untuk Android dan iOS dengan performa optimal.</p>
                        <ul>
                            <li>Android Apps</li>
                            <li>iOS Apps</li>
                            <li>Web Application</li>
                            <li>CMS Custom</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="card card-body border-0 shadow-sm">
                        <div class="align-items-center text-center mb-3">
                            <img src="{{ asset('assets/landing-page/images/service/design.svg') }}" width="60%" alt="">
                            <h5><b>UI/UX Design</b></h5>
                        </div>
                        <p>Desain antarmuka yang menarik dan pengalaman pengguna yang intuitif untuk meningkatkan engagement dan konversi.</p>
                        <ul>
                            <li>UI Design</li>
                            <li>UX Research</li>
                            <li>Prototyping</li>
                            <li>User Testing</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="work-system bg-light pb-5">
    <div class="container">
        <div class="card card-body shadow-sm border-0">
            <div class="text-center pt-3">
                <h2><b>Proses Kerja Kami </b></h2>
            </div>
            <div class="row p-5">
                <div class="col-md-3">
                    <h1 class="text-primary"><b>01</b></h1>
                    <h6><b>Konsultasi</b></h6>
                    <small>Diskusi kebutuhan dan tujuan proyek</small>
                </div>
                <div class="col-md-3">
                    <h1 class="text-primary"><b>02</b></h1>
                    <h6><b>Perencanaan</b></h6>
                    <small>Desain dan strategi pengembangan</small>
                </div>
                <div class="col-md-3">
                    <h1 class="text-primary"><b>03</b></h1>
                    <h6><b>Pengembangan</b></h6>
                    <small>Implementasi dan testing berkala</small>
                </div>
                <div class="col-md-3">
                    <h1 class="text-primary"><b>04</b></h1>
                    <h6><b>Peluncuran & Dukungan</b></h6>
                    <small>Deploy & maintenance berkelanjutan</small>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('styles')
@endpush

@push('scripts')
@endpush


    