@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 ecosystem-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">Ekosistem AsetQu V.2</span>
            </h1>
            <p class="hero-subtitle" data-aos="fade-up" data-aos-delay="100">
                Sebuah ekosistem terintegrasi di mana teknologi, trading, edukasi,<br>
                dan komunitas saling terhubung melalui token AsetQu V.2
            </p>
        </div>
    </div>
</section>

{{-- Ecosystem Content Section --}}
<section class="ecosystem-section section">
    <div class="container">
        <div class="ecosystem-card" data-aos="fade-up">
            <div class="row align-items-center">
                {{-- Ecosystem Diagram --}}
                <div class="col-lg-5" data-aos="fade-right">
                    <img src="{{ asset('assets/images/ekosistem-img.png') }}" alt="AsetQu V.2 Token" class="coin-image" onerror="handleImageError(this)">
                </div>

                {{-- Content --}}
                <div class="col-lg-7" data-aos="fade-left">
                    <div class="ecosystem-content">
                        <h2 class="eco-title">Menghubungkan Ekonomi Digital</h2>
                        <p class="eco-desc">
                            AsetQu V.2 adalah token utilitas dan investasi yang dibangun di atas blockchain Solana, dirancang untuk menghadirkan transparansi, efisiensi, dan nilai jangka panjang dalam ekosistem AsetQu V.2. Berbeda dari token yang berfokus pada spekulasi jangka pendek atau tren meme, AsetQu V.2 menitikberatkan pada penerapan nyata (real-world asset) yang berkelanjutan
                        </p>

                        {{-- Pillar Cards --}}
                        <div class="eco-pillars">
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <div class="pillar-card">
                                        <div class="pillar-icon">
                                            <i class="fas fa-gavel"></i>
                                        </div>
                                        <h5>AsetBid</h5>
                                        <p>Platform lelang aset fisik yang berjalan di atas smart contract. Transparan, aman, dan terverifikasi dengan menggunakan token AsetQu V.2 untuk berpartisipasi dalam lelang</p>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="pillar-card">
                                        <div class="pillar-icon">
                                            <i class="fas fa-shield-alt"></i>
                                        </div>
                                        <h5>AsetTrust Score</h5>
                                        <p>Sistem identitas dan reputasi digital untuk membangun motivasi yang kuat bagi pemilik token AsetQu V.2 untuk berpartisipasi secara berkelanjutan</p>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="pillar-card">
                                        <div class="pillar-icon">
                                            <i class="fas fa-book-open"></i>
                                        </div>
                                        <h5>AsetAcademy</h5>
                                        <p>Edukasi aset dan blockchain untuk meningkatkan literasi dan adopsi teknologi. Dengan menggunakan webminar dan video edukasi yang dapat mempermudah pemilik token AsetQu V.2</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Add pulse animation to nodes on hover
    $('.eco-node').hover(
        function() {
            $(this).addClass('active');
        },
        function() {
            $(this).removeClass('active');
        }
    );
});
</script>
@endpush