{% extends "base.html" %}

{% block title %}Tentang Kami | Albab Store{% endblock %}

{% block content %}

<!-- ============ JUDUL HALAMAN ============ -->
<section class="page-head">
    <div class="container">
        <h1>Tentang Albab Store</h1>
        <p>Layanan pembuatan website yang membantu bisnis, lembaga pendidikan, organisasi, UMKM, dan berbagai kebutuhan lainnya.</p>
    </div>
</section>

<!-- ============ CERITA SINGKAT ============ -->
<section class="section">
    <div class="container">
        <div class="about-story reveal">
            <div class="about-story-text">
                <span class="eyebrow">Siapa Kami</span>
                <h2>Website Profesional, Harga Bersahabat</h2>
                <p>Albab Store adalah layanan pembuatan website yang membantu sekolah, pondok, UMKM, organisasi, dan bisnis
                    memiliki website modern, responsive, profesional, dan mudah dikelola.</p>
                <p>Kami percaya setiap usaha dan lembaga berhak tampil profesional di dunia digital — tanpa perlu
                    ribet dengan teknis. Kami yang kerjakan, Anda tinggal pakai dan kelola.</p>
            </div>

            <!-- Visi & Misi -->
            <div class="about-vm">
                <div class="vm-card">
                    <h3>🌱 Visi</h3>
                    <p>Menjadi mitra digital terpercaya bagi sekolah, pondok, UMKM, dan organisasi dalam membangun
                        kehadiran online yang profesional.</p>
                </div>
                <div class="vm-card">
                    <h3>🎯 Misi</h3>
                    <ul>
                        <li>Menyediakan website berkualitas dengan harga terjangkau.</li>
                        <li>Mendampingi klien dari konsultasi hingga website selesai.</li>
                        <li>Membuat website yang mudah dikelola pemiliknya.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ============ KEUNGGULAN ============ -->
<section class="section section-soft">
    <div class="container">
        <div class="section-head reveal">
            <span class="eyebrow">Keunggulan</span>
            <h2>Kenapa Memilih Albab Store?</h2>
        </div>
        <div class="services-grid">
            <div class="service-card reveal">
                <span class="service-icon">🤝</span>
                <h3>Konsultasi Gratis</h3>
                <p>Ceritakan kebutuhan Anda, kami bantu tentukan solusi terbaik tanpa biaya.</p>
            </div>
            <div class="service-card reveal">
                <span class="service-icon">📱</span>
                <h3>Responsive</h3>
                <p>Website tampil rapi di HP, tablet, dan laptop — karena pengunjung mayoritas dari HP.</p>
            </div>
            <div class="service-card reveal">
                <span class="service-icon">✏️</span>
                <h3>Revisi Sesuai Paket</h3>
                <p>Setiap paket sudah termasuk revisi, sampai hasilnya sesuai keinginan Anda.</p>
            </div>
            <div class="service-card reveal">
                <span class="service-icon">🎓</span>
                <h3>Bimbingan Kelola</h3>
                <p>Website mudah dikelola dan kami ajarkan cara mengisinya sendiri.</p>
            </div>
            <div class="service-card reveal">
                <span class="service-icon">💬</span>
                <h3>Komunikasi Cepat</h3>
                <p>Semua komunikasi lewat WhatsApp — cepat, jelas, dan tanpa ribet.</p>
            </div>
            <div class="service-card reveal">
                <span class="service-icon">🔒</span>
                <h3>Mudah Dirawat</h3>
                <p>Bantuan perawatan dan update konten setelah website selesai.</p>
            </div>
        </div>
    </div>
</section>

<!-- Proses kerja (timeline) -->
{% include "partials/timeline.html" %}

<!-- Ajakan bertindak -->
{% include "partials/cta.html" %}

{% endblock %}