@extends('core::layouts.master')

@section('title', $title . ' - ASETQU V.2')
@section('meta_description', $meta_description)

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/pages/explore.css') }}">
@endpush

@section('content')
{{-- Hero Section --}}
<section class="explore-hero achievement-hero">
    <div class="hero-bg-overlay"></div>
    <div class="hero-particles"></div>
    <div class="container">
        <div class="hero-content text-center">
            <h1 class="hero-title" data-aos="fade-up">
                <span class="text-gradient-pink-gold">Pencapaian AsetQu V.2</span>
            </h1>
            <p class="hero-subtitle" data-aos="fade-up" data-aos-delay="100">
                Pencapaian kami mencerminkan komitmen terhadap inovasi,<br>
                transparansi, dan keamanan
            </p>
        </div>
    </div>
</section>

{{-- Achievement Content Section --}}
<section class="achievement-section section">
    <div class="container">
        <div class="row g-4">
            {{-- Achievement 1 --}}
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="0">
                <div class="achievement-card">
                    <div class="achievement-icon">
                        <i class="fas fa-project-diagram"></i>
                    </div>
                    <h4>Meluncurkan Ekosistem AsetQuhub</h4>
                    <p>AsetQu V.2 berhasil merancang dan mempersiapkan platform AsetQuhub, sebuah ekosistem properti digital yang terintegrasi, menjembatani teknologi blockchain dengan dunia properti konvensional</p>
                </div>
            </div>

            {{-- Achievement 2 --}}
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                <div class="achievement-card">
                    <div class="achievement-icon">
                        <i class="fas fa-file-shield"></i>
                    </div>
                    <h4>Penyelesaian Audit Smart Contract InterFi</h4>
                    <p>Smart contract AsetQu V.2 telah berhasil melalui proses audit oleh InterFi, memastikan kode berjalan aman, bebas dari kerentanan, dan dapat dipercaya secara teknis</p>
                </div>
            </div>

            {{-- Achievement 3 --}}
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                <div class="achievement-card">
                    <div class="achievement-icon">
                        <i class="fas fa-lock"></i>
                    </div>
                    <h4>Launching & Penguncian Token (Token Lock)</h4>
                    <p>Sebanyak 9.999.999 token AsetQu telah dikunci melalui kontrak PinkLock V2 sampai tahun 2030, menunjukkan komitmen terhadap keamanan, transparansi, dan keberlanjutan ekosistem</p>
                </div>
            </div>

            {{-- Achievement 4 --}}
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
                <div class="achievement-card">
                    <div class="achievement-icon">
                        <i class="fas fa-users"></i>
                    </div>
                    <h4>Perluasan Komunitas</h4>
                    <p>Sebagai wadah komunitas digital dengan adanya edukasi, kegiatan interaktif, dan kegiatan komunitas lainnya</p>
                </div>
            </div>

            {{-- Achievement 5 --}}
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
                <div class="achievement-card">
                    <div class="achievement-icon">
                        <i class="fas fa-route"></i>
                    </div>
                    <h4>Masa Depan & Roadmap Terstruktur</h4>
                    <p>AsetQu V.2 memiliki roadmap yang jelas mencakup persiapan legal, verifikasi smart contract, listing token DEX & CEX, serta peluncuran fitur utama seperti AsetBid & AsetTrust Score di 2026</p>
                </div>
            </div>

            {{-- Achievement 6 --}}
            <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
                <div class="achievement-card">
                    <div class="achievement-icon">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <h4>Pengembangan Fitur Utama Ekosistem</h4>
                    <p class="mb-2">AsetQu mengembangkan fitur utama:</p>
                    <ul class="achievement-list">
                        <li>AsetBid - Properti berbasis smart contract</li>
                        <li>AsetTrust Score - Sistem reputasi digital</li>
                        <li>AsetAcademy - Edukasi properti & blockchain</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Add hover animation to achievement cards
    $('.achievement-card').hover(
        function() {
            $(this).find('.achievement-icon').addClass('bounce');
        },
        function() {
            $(this).find('.achievement-icon').removeClass('bounce');
        }
    );
});
</script>
@endpush