147 lines
4.9 KiB
PHP
147 lines
4.9 KiB
PHP
<?php
|
|
require_once __DIR__ . '/config/auth.php';
|
|
$loggedIn = is_logged_in();
|
|
$dashboardUrl = 'dashboard.php';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SIPANTAS</title>
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
<link rel="stylesheet" href="assets/css/landing.css">
|
|
<link rel="stylesheet" href="assets/css/responsive-fix.css">
|
|
</head>
|
|
<body class="landing-page">
|
|
<header class="landing-nav">
|
|
<a class="landing-brand" href="index.php" aria-label="SIPANTAS">
|
|
<span>S</span>
|
|
<b>SIPANTAS</b>
|
|
</a>
|
|
|
|
<nav class="landing-menu" aria-label="Menu utama">
|
|
<a href="#fitur">Fitur</a>
|
|
<a href="#alur">Alur</a>
|
|
<a href="#akses">Akses</a>
|
|
</nav>
|
|
|
|
<div class="landing-actions">
|
|
<?php if ($loggedIn): ?>
|
|
<a class="btn-pill ghost" href="logout.php">Keluar</a>
|
|
<a class="btn-pill solid" href="<?= $dashboardUrl ?>">Dashboard</a>
|
|
<?php else: ?>
|
|
<a class="btn-pill ghost" href="register.php">Daftar</a>
|
|
<a class="btn-pill solid" href="login.php">Masuk</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</header>
|
|
|
|
<?php if (isset($_GET['logout'])): ?>
|
|
<div class="landing-toast">Kamu berhasil keluar.</div>
|
|
<?php endif; ?>
|
|
|
|
<main>
|
|
<section class="hero-section">
|
|
<div class="hero-copy">
|
|
<div class="eyebrow">WebGIS SIPANTAS</div>
|
|
<h1>Peta sosial untuk penyaluran bantuan yang lebih terarah.</h1>
|
|
<p>Kelola titik keluarga, rumah ibadah, radius layanan, dan status bantuan dalam satu peta interaktif.</p>
|
|
|
|
<div class="hero-buttons">
|
|
<?php if ($loggedIn): ?>
|
|
<a class="cta-primary" href="<?= $dashboardUrl ?>">Buka Dashboard</a>
|
|
<?php else: ?>
|
|
<a class="cta-primary" href="register.php">Daftar Akun</a>
|
|
<a class="cta-secondary" href="login.php">Masuk</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-visual" aria-label="Ilustrasi peta SIPANTAS">
|
|
<div class="map-card">
|
|
<div class="map-grid"></div>
|
|
<div class="map-river"></div>
|
|
<div class="map-radius r1"></div>
|
|
<div class="map-radius r2"></div>
|
|
<div class="pin ri p1">RI</div>
|
|
<div class="pin ri p2">RI</div>
|
|
<div class="pin ok p3"></div>
|
|
<div class="pin wait p4"></div>
|
|
<div class="pin danger p5"></div>
|
|
<div class="route"></div>
|
|
<div class="map-stat">
|
|
<small>Cakupan</small>
|
|
<b>76%</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="fitur" class="landing-section compact-section">
|
|
<div class="section-heading">
|
|
<small>Fitur</small>
|
|
<h2>Ringkas, jelas, dan langsung dipakai.</h2>
|
|
</div>
|
|
|
|
<div class="feature-grid clean-grid">
|
|
<article class="feature-card">
|
|
<span class="feature-icon blue-icon">⌖</span>
|
|
<h3>Pemetaan Data</h3>
|
|
<p>Titik rumah ibadah dan keluarga tampil langsung di peta.</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<span class="feature-icon green-icon">◎</span>
|
|
<h3>Radius Layanan</h3>
|
|
<p>Jangkauan rumah ibadah dapat disesuaikan sesuai kapasitas.</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<span class="feature-icon red-icon">!</span>
|
|
<h3>Blank Spot</h3>
|
|
<p>Area yang belum tercakup dapat terlihat lebih cepat.</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<span class="feature-icon purple-icon">↝</span>
|
|
<h3>Rute Bantuan</h3>
|
|
<p>Distribusi bantuan dapat diarahkan melalui jalur peta.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="alur" class="landing-section flow-section">
|
|
<div class="section-heading left">
|
|
<small>Alur</small>
|
|
<h2>Mulai dari data, lanjut ke verifikasi, lalu pemetaan.</h2>
|
|
</div>
|
|
|
|
<div class="flow-cards">
|
|
<article><b>01</b><span>Input data</span></article>
|
|
<article><b>02</b><span>Verifikasi</span></article>
|
|
<article><b>03</b><span>Analisis peta</span></article>
|
|
<article><b>04</b><span>Monitoring</span></article>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="akses" class="access-section clean-access">
|
|
<div>
|
|
<small>Portal</small>
|
|
<h2>Masuk ke sistem</h2>
|
|
<p>Buat akun sesuai peran, atau masuk dengan akun yang sudah terdaftar.</p>
|
|
</div>
|
|
<div class="hero-buttons access-buttons">
|
|
<?php if ($loggedIn): ?>
|
|
<a class="cta-primary" href="<?= $dashboardUrl ?>">Buka Dashboard</a>
|
|
<?php else: ?>
|
|
<a class="cta-primary" href="register.php">Daftar</a>
|
|
<a class="cta-secondary" href="login.php">Masuk</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="landing-footer">
|
|
<span>© <?= date('Y') ?> SIPANTAS</span>
|
|
</footer>
|
|
</body>
|
|
</html>
|