136 lines
6.6 KiB
PHP
136 lines
6.6 KiB
PHP
<?php
|
|
require_once __DIR__ . '/includes/lang.php';
|
|
require_once __DIR__ . '/includes/header.php';
|
|
?>
|
|
<main class="container py-5">
|
|
<div class="text-center mb-5">
|
|
<h1 class="display-4 fw-bold mb-3"><?= __('mining') ?></h1>
|
|
<p class="lead text-muted mx-auto" style="max-width: 700px;">
|
|
<?= __('mining_desc') ?>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="row g-4 mb-5">
|
|
<?php
|
|
$pools = [
|
|
['symbol' => 'BTC', 'name' => 'Bitcoin Pool', 'apy' => '12.5%', 'min' => '0.01 BTC', 'term' => '30 Days', 'hot' => true],
|
|
['symbol' => 'ETH', 'name' => 'ETH 2.0 Staking', 'apy' => '8.2%', 'min' => '0.1 ETH', 'term' => 'Flexible', 'hot' => false],
|
|
['symbol' => 'USDT', 'name' => 'USDT Savings', 'apy' => '15.0%', 'min' => '100 USDT', 'term' => '90 Days', 'hot' => true],
|
|
['symbol' => 'BNB', 'name' => 'BNB Smart Chain', 'apy' => '22.0%', 'min' => '1 BNB', 'term' => '180 Days', 'hot' => false],
|
|
['symbol' => 'SOL', 'name' => 'Solana Yield', 'apy' => '14.2%', 'min' => '5 SOL', 'term' => '60 Days', 'hot' => false],
|
|
['symbol' => 'AVAX', 'name' => 'Avalanche Pro', 'apy' => '18.5%', 'min' => '10 AVAX', 'term' => '120 Days', 'hot' => false],
|
|
];
|
|
|
|
foreach ($pools as $pool): ?>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card h-100 bg-dark border-secondary shadow-hover transition-all position-relative overflow-hidden" style="border-radius: 20px;">
|
|
<?php if ($pool['hot']): ?>
|
|
<div class="position-absolute top-0 end-0 bg-primary text-white px-3 py-1 small fw-bold" style="border-bottom-left-radius: 20px;"><?= __('hot') ?></div>
|
|
<?php endif; ?>
|
|
<div class="card-body p-4">
|
|
<div class="d-flex align-items-center mb-4">
|
|
<div class="bg-black p-2 rounded-circle me-3 shadow-sm">
|
|
<img src="<?php echo getCoinIcon($pool['symbol']); ?>" width="40" height="40">
|
|
</div>
|
|
<h4 class="m-0 fw-bold"><?= $pool['name'] ?></h4>
|
|
</div>
|
|
|
|
<div class="bg-black rounded-3 p-3 mb-4">
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted small"><?= __('est_apy') ?></span>
|
|
<span class="text-success fw-bold fs-5"><?= $pool['apy'] ?></span>
|
|
</div>
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted small"><?= __('min_deposit') ?></span>
|
|
<span class="text-white"><?= $pool['min'] ?></span>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<span class="text-muted small"><?= __('lock_period') ?></span>
|
|
<span class="text-primary fw-medium"><?= $pool['term'] ?></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex gap-2 mb-4 small text-muted">
|
|
<i class="bi bi-shield-check text-success"></i> <?= __('principal_protected') ?>
|
|
<i class="bi bi-lightning-fill text-warning ms-2"></i> <?= __('daily_payouts') ?>
|
|
</div>
|
|
|
|
<button class="btn btn-primary w-100 py-3 fw-bold rounded-pill"><?= __('start_mining') ?></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<div class="row g-4 align-items-center py-5">
|
|
<div class="col-md-6">
|
|
<h2 class="fw-bold mb-4"><?= __('why_mining') ?></h2>
|
|
<div class="d-flex gap-4 mb-4">
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-4">
|
|
<i class="bi bi-cpu fs-2 text-primary"></i>
|
|
</div>
|
|
<div>
|
|
<h5 class="fw-bold"><?= __('adv_hardware') ?></h5>
|
|
<p class="text-muted"><?= __('adv_hardware_desc') ?></p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex gap-4 mb-4">
|
|
<div class="bg-success bg-opacity-10 p-3 rounded-4">
|
|
<i class="bi bi-wallet2 fs-2 text-success"></i>
|
|
</div>
|
|
<div>
|
|
<h5 class="fw-bold"><?= __('auto_compound') ?></h5>
|
|
<p class="text-muted"><?= __('auto_compound_desc') ?></p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex gap-4">
|
|
<div class="bg-info bg-opacity-10 p-3 rounded-4">
|
|
<i class="bi bi-bar-chart-line fs-2 text-info"></i>
|
|
</div>
|
|
<div>
|
|
<h5 class="fw-bold"><?= __('real_time_monitor') ?></h5>
|
|
<p class="text-muted"><?= __('real_time_monitor_desc') ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="bg-surface p-5 rounded-5 border border-secondary text-center shadow">
|
|
<h3 class="fw-bold mb-3"><?= __('calc_profit') ?></h3>
|
|
<p class="text-muted mb-4"><?= __('calc_desc') ?></p>
|
|
<div class="input-group mb-4">
|
|
<span class="input-group-text bg-black border-secondary text-white">USDT</span>
|
|
<input type="number" class="form-control bg-black border-secondary text-white p-3" placeholder="<?= __('amount_to_invest') ?>">
|
|
</div>
|
|
<div class="bg-black p-4 rounded-4 mb-4">
|
|
<div class="row">
|
|
<div class="col-6 border-end border-secondary">
|
|
<div class="text-muted small mb-1"><?= __('daily_profit') ?></div>
|
|
<div class="text-success fw-bold fs-4">$4.10</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="text-muted small mb-1"><?= __('monthly_profit') ?></div>
|
|
<div class="text-success fw-bold fs-4">$123.00</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="btn btn-outline-primary w-100 py-3 rounded-pill fw-bold"><?= __('try_calc') ?></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<style>
|
|
.shadow-hover:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 1rem 3rem rgba(0,0,0,0.5) !important;
|
|
}
|
|
.transition-all {
|
|
transition: all 0.3s ease;
|
|
}
|
|
.bg-surface {
|
|
background-color: var(--surface);
|
|
}
|
|
</style>
|
|
|
|
<?php require_once __DIR__ . '/includes/footer.php'; ?>
|