@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/token-dashboard.css') }}">
@endpush

@section('content')
{{-- Hero Section --}}
<section class="explore-hero token-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">Burn Trader</span> <span class="text-white">Interaktif</span>
            </h1>
            <p class="hero-subtitle" data-aos="fade-up" data-aos-delay="100">
                Kurangi suplai token secara transparan dan dukung stabilitas nilai<br>aset Anda
            </p>
        </div>
    </div>
</section>

{{-- Burn Info Section --}}
<section class="burn-section section">
    <div class="container">
        {{-- Info Cards Row --}}
        <div class="row g-4">
            {{-- Apa itu Burn --}}
            <div class="col-lg-4" data-aos="fade-up" data-aos-delay="0">
                <div class="burn-info-card dark h-100">
                    <h4 class="card-title">Apa itu Burn?</h4>
                    <p class="card-desc">
                        Burn adalah mekanisme pengurangan suplai token dengan cara menghapus token secara permanen dari peredaran. Token yang dikirim ke alamat burn tidak dapat diakses, sehingga suplai berkurang secara transparan dan bisa diverifikasi di blockchain.
                    </p>
                </div>
            </div>

            {{-- Bagaimana Cara Kerjanya --}}
            <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
                <div class="burn-info-card purple h-100">
                    <h4 class="card-title">Bagaimana Cara Kerjanya?</h4>
                    <p class="card-desc">
                        Burn biasanya terkait dengan aktivitas ekosistem, seperti transaksi atau penggunaan layanan tertentu. Pendekatan ini membantu mengendalikan inflasi dan menjaga keseimbangan ekonomi token.
                    </p>
                </div>
            </div>

            {{-- Manfaat Burn --}}
            <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
                <div class="burn-info-card cyan h-100">
                    <h4 class="card-title text-center">Manfaat Burn</h4>
                    <div class="row mt-3">
                        <div class="col-6">
                            <ul class="burn-benefits-list">
                                <li>Mendukung stabilitas nilai jangka panjang</li>
                                <li>Meningkatkan kelangkaan token</li>
                            </ul>
                        </div>
                        <div class="col-6">
                            <ul class="burn-benefits-list">
                                <li>Mengurangi inflasi token</li>
                                <li>Meningkatkan kepercayaan pengguna terhadap ekosistem</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Any burn-specific JS can go here
});
</script>
@endpush