@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 roadmap-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-gold">Perencana StrategisASETQU V.2</span>
            </h1>
            <p class="hero-subtitle" data-aos="fade-up" data-aos-delay="100">
                Perencana Strategis AsetQu V2 menggambarkan tahapan pengembangan ekosistem secara bertahap dan berkelanjutan, mulai dari migrasi token dan peningkatan infrastruktur, hingga tokenisasi aset dunia nyata (RWA), dan ekspansi ekosistem. Setiap fase dirancang untuk memperkuat keamanan, meningkatkan utilitas token AsetQu V.2, serta menghadirkan transparansi dan efisiensi dalam ekosistem aset fisik maupun aset digital.
            </p>
        </div>
    </div>
</section>

{{-- Roadmap Content Section --}}
<section class="roadmap-page-section section">
    <div class="roadmap-bg-pattern"></div>
    <div class="container">
        <div class="section-header text-center" data-aos="fade-up" data-aos-once="false" data-aos-duration="800">
            <h2 class="section-title-gradient-gold">Perencana StrategisASETQU V.2</h2>
        </div>

        <div class="roadmap-timeline">
            {{-- Phase 1 --}}
            <div class="roadmap-item left" data-aos="fade-right" data-aos-once="false" data-aos-duration="800">
                <div class="roadmap-content">
                    <p>Q1 2026</p>
                    <h4 class="roadmap-title">Peluncuran AsetQu V.2</h4>
                    <ul>
                        <li>Migrasi token 1:1 dari versi sebelumnya</li>
                        <li>Pembaruan branding & identitas ekosistem</li>
                        <li>Rilis dashboard migrasi & pelacakan burn</li>
                        <li>Audit keamanan smart contract tahap 1</li>
                        <li>Pembangunan AsetBid (fundamental & UI/UX baru)</li>
                    </ul>
                </div>
                <div class="roadmap-dot"></div>
            </div>

            {{-- Phase 2 --}}
            <div class="roadmap-item right" data-aos="fade-left" data-aos-once="false" data-aos-duration="800">
                <div class="roadmap-content">
                    <p>Q2 2026</p>
                    <h4 class="roadmap-title">AsetBid On-Chain Auction</h4>
                    <ul>
                        <li>Implementasi sistem anti-manipulasi bidding</li>
                        <li>Aktivasi mekanisme burning otomatis dari transaksi</li>
                        <li>Rilis mode listing aset fisik and economy digital</li>
                        <li>Program staking V1 + reward periodik</li>
                        <li>Perluasan komunitas & edukasi blockchain aset</li>
                    </ul>
                </div>
                <div class="roadmap-dot"></div>
            </div>

            {{-- Phase 3 --}}
            <div class="roadmap-item left" data-aos="fade-right" data-aos-once="false" data-aos-duration="800">
                <div class="roadmap-content">
                    <p>Q3 2026</p>
                    <h4 class="roadmap-title">Governance DAO</h4>
                    <ul>
                        <li>Peningkatan utility staking (tier membership)</li>
                        <li>Smart contract treasury terdesentralisasi</li>
                        <li>Integrasi identitas pemilik aset on-chain</li>
                        <li>Kolaborasi lembaga legal verifikasi dokumen digital</li>
                        <li>Rilis analitik real-time: aktivitas lelang, burning, volume ekosistem</li>
                    </ul>
                </div>
                <div class="roadmap-dot"></div>
            </div>

            {{-- Phase 4 --}}
            <div class="roadmap-item right" data-aos="fade-left" data-aos-once="false" data-aos-duration="800">
                <div class="roadmap-content">
                    <p>Q4 2026</p>
                    <h4 class="roadmap-title">RWA & Tokenisasi Properti</h4>
                    <ul>
                        <li>Modul tokenisasi kepemilikan aset</li>
                        <li>Distribusi pendapatan otomatis via smart contract</li>
                        <li>Fitur lending berbasis aset tokenized</li>
                        <li>Registry dokumen aset on-chain</li>
                        <li>Onboarding aset fisik pertama ke ekosistem</li>
                        <li>Standarisasi legal & compliance RWA lintas negara</li>
                    </ul>
                </div>
                <div class="roadmap-dot"></div>
            </div>

            {{-- Phase 5 --}}
            <div class="roadmap-item left" data-aos="fade-right" data-aos-once="false" data-aos-duration="800">
                <div class="roadmap-content">
                    <p>Q1-Q2 2027</p>
                    <h4 class="roadmap-title">Ekspansi Ekosistem & Enterprise Integration</h4>
                    <ul>
                        <li>API enterprise untuk agen, notaris & institusi</li>
                        <li>Kolaborasi internasional untuk RWA lintas wilayah</li>
                        <li>Sistem scoring untuk aset & risk index on-chain</li>
                        <li>Mobile App AsetQuHub (Android/iOS) versi beta</li>
                        <li>Advanced staking utility</li>
                        <li>Aktivasi pool likuiditas lintas chain</li>
                    </ul>
                </div>
                <div class="roadmap-dot"></div>
            </div>

            {{-- Phase 6 --}}
            <div class="roadmap-item right" data-aos="fade-left" data-aos-once="false" data-aos-duration="800">
                <div class="roadmap-content">
                    <p>Q3-Q4 2027</p>
                    <h4 class="roadmap-title">Globalisasi & AI-Powered Property Network</h4>
                    <ul>
                        <li>Ekspansi global pasar RWA</li>
                        <li>Integrasi AI untuk valuasi aset, prediksi pasar & deteksi fraud</li>
                        <li>Smart Asset Contract generasi baru</li>
                        <li>AsetBid versi 2.0</li>
                        <li>Ekosistem sepenuhnya terdesentralisasi</li>
                        <li>Model ekonomi deflasi yang stabil & berkelanjutan</li>
                    </ul>
                </div>
                <div class="roadmap-dot"></div>
            </div>

            {{-- Timeline Line --}}
            <div class="timeline-line"></div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Add stagger animation to roadmap items
    $('.roadmap-item').each(function(index) {
        $(this).attr('data-aos-delay', index * 100);
    });
});
</script>
@endpush