<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>$PROPHET โ The Oracle of Solana Micro-Caps</title>
<meta name="description" content="$PROPHET is the first anti-whale, deflationary Solana meme coin with real utility. See the move before it moves." />
<meta property="og:title" content="$PROPHET โ The Oracle of Solana Micro-Caps" />
<meta property="og:description" content="Anti-whale. Deflationary. Built to last. See the move before it moves." />
<meta property="og:image" content="https://d2xsxph8kpxj0f.cloudfront.net/310519663457394637/mEYsARfiAkojwyrMXJtqMu/prophet-twitter-banner-KAtjuYLiz4GjtGGELwyifs.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@memeprophet1000" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet" />
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--sol-purple: #9945FF;
--sol-green: #14F195;
--bg: #070712;
--bg2: #0d0d1f;
--card: rgba(255,255,255,0.04);
--border: rgba(255,255,255,0.08);
--text: #ffffff;
--muted: rgba(255,255,255,0.5);
--dim: rgba(255,255,255,0.25);
--danger: #FF4560;
--gold: #F59E0B;
--blue: #60A5FA;
}
html { scroll-behavior: smooth; }
body {
background: var(--bg);
color: var(--text);
font-family: 'Syne', sans-serif;
min-height: 100vh;
overflow-x: hidden;
}
/* โโ Background โโ */
.bg-stars {
position: fixed; inset: 0; z-index: 0; pointer-events: none;
background:
radial-gradient(ellipse 80% 60% at 50% -10%, rgba(153,69,255,0.18) 0%, transparent 65%),
radial-gradient(ellipse 60% 40% at 80% 80%, rgba(20,241,149,0.07) 0%, transparent 60%);
}
.content { position: relative; z-index: 1; }
/* โโ Nav โโ */
nav {
position: sticky; top: 0; z-index: 100;
border-bottom: 1px solid var(--border);
backdrop-filter: blur(20px);
background: rgba(7,7,18,0.85);
padding: 0 1.5rem;
}
.nav-inner {
max-width: 1100px; margin: 0 auto;
display: flex; align-items: center; justify-content: space-between;
height: 60px; gap: 1rem;
}
.nav-logo {
display: flex; align-items: center; gap: 0.6rem;
text-decoration: none;
}
.nav-logo-icon {
width: 36px; height: 36px; border-radius: 10px;
background: linear-gradient(135deg, var(--sol-purple), var(--sol-green));
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.nav-logo-icon img {
width: 36px; height: 36px; border-radius: 10px; object-fit: cover;
}
.nav-logo-text {
font-size: 1.1rem; font-weight: 800; color: var(--text);
background: linear-gradient(135deg, var(--sol-purple), var(--sol-green));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.nav-links { display: flex; align-items: center; gap: 0.5rem; }
.nav-link {
font-size: 0.8rem; color: var(--muted); text-decoration: none;
padding: 0.4rem 0.8rem; border-radius: 8px;
transition: color 0.15s, background 0.15s;
}
.nav-link:hover { color: var(--text); background: rgba(255,255,255,0.06); }
.nav-cta {
font-size: 0.8rem; font-weight: 700;
padding: 0.45rem 1rem; border-radius: 20px;
background: linear-gradient(135deg, var(--sol-purple), var(--sol-green));
color: #000; text-decoration: none;
transition: opacity 0.15s, transform 0.15s;
}
.nav-cta:hover { opacity: 0.85; transform: scale(0.98); }
/* โโ Container โโ */
.container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; }
/* โโ Section spacing โโ */
section { padding: 5rem 0; }
section + section { padding-top: 0; }
/* โโ Hero โโ */
.hero { padding: 4rem 0 5rem; }
.hero-banner {
width: 100%; border-radius: 20px; overflow: hidden;
border: 1px solid var(--border);
box-shadow: 0 0 80px rgba(153,69,255,0.2);
margin-bottom: 3rem;
position: relative;
}
.hero-banner img {
width: 100%; display: block;
max-height: 420px; object-fit: cover; object-position: center;
}
.hero-banner::after {
content: ''; position: absolute; inset: 0;
background: linear-gradient(to top, var(--bg) 0%, transparent 40%);
}
.hero-identity {
display: flex; align-items: flex-end; gap: 1.5rem;
flex-wrap: wrap;
}
.hero-mascot {
position: relative; flex-shrink: 0;
}
.hero-mascot img {
width: 110px; height: 110px; border-radius: 18px;
border: 2px solid var(--sol-purple);
box-shadow: 0 0 40px rgba(153,69,255,0.45);
display: block;
}
.hero-mascot-badge {
position: absolute; bottom: -6px; right: -6px;
width: 24px; height: 24px; border-radius: 50%;
background: var(--sol-green);
display: flex; align-items: center; justify-content: center;
font-size: 8px; font-weight: 900; color: #000;
box-shadow: 0 0 12px rgba(20,241,149,0.8);
font-family: 'Space Mono', monospace;
}
.hero-text { flex: 1; min-width: 260px; }
.hero-title-row {
display: flex; align-items: center; gap: 0.75rem;
flex-wrap: wrap; margin-bottom: 0.6rem;
}
.hero-title {
font-size: clamp(2.2rem, 6vw, 3.5rem);
font-weight: 800; line-height: 1;
background: linear-gradient(135deg, var(--sol-purple), var(--sol-green));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.hero-badge {
font-size: 0.7rem; font-weight: 700;
padding: 0.3rem 0.7rem; border-radius: 20px;
background: rgba(153,69,255,0.15);
border: 1px solid rgba(153,69,255,0.4);
color: var(--sol-purple);
}
.hero-subtitle {
font-size: 1rem; color: var(--muted); line-height: 1.6;
max-width: 560px; margin-bottom: 0.5rem;
}
.hero-tagline {
font-size: 0.9rem; font-weight: 700;
color: var(--sol-green);
}
.hero-stats {
display: flex; flex-wrap: wrap; gap: 0.75rem;
margin-top: 2rem;
}
.stat-card {
background: var(--card); border: 1px solid var(--border);
border-radius: 12px; padding: 0.75rem 1.25rem;
display: flex; flex-direction: column; gap: 0.2rem;
min-width: 140px;
}
.stat-label {
font-size: 0.65rem; color: var(--dim);
text-transform: uppercase; letter-spacing: 0.08em;
font-family: 'Space Mono', monospace;
}
.stat-value {
font-size: 0.85rem; font-weight: 700;
font-family: 'Space Mono', monospace;
}
.hero-actions {
display: flex; flex-wrap: wrap; gap: 0.75rem;
margin-top: 2rem;
}
.btn-primary {
display: inline-flex; align-items: center; gap: 0.5rem;
padding: 0.7rem 1.5rem; border-radius: 25px;
background: linear-gradient(135deg, var(--sol-purple), var(--sol-green));
color: #000; font-weight: 800; font-size: 0.9rem;
text-decoration: none; border: none; cursor: pointer;
transition: opacity 0.15s, transform 0.15s;
}
.btn-primary:hover { opacity: 0.85; transform: scale(0.98); }
.btn-secondary {
display: inline-flex; align-items: center; gap: 0.5rem;
padding: 0.7rem 1.5rem; border-radius: 25px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.15);
color: var(--muted); font-weight: 600; font-size: 0.9rem;
text-decoration: none; cursor: pointer;
transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.btn-secondary:hover { color: var(--text); border-color: rgba(255,255,255,0.3); background: rgba(255,255,255,0.08); }
/* โโ Section headers โโ */
.section-header { margin-bottom: 2.5rem; }
.section-label {
display: flex; align-items: center; gap: 0.6rem;
margin-bottom: 0.5rem;
}
.section-bar {
width: 4px; height: 24px; border-radius: 2px;
background: linear-gradient(to bottom, var(--sol-purple), var(--sol-green));
flex-shrink: 0;
}
.section-title {
font-size: clamp(1.5rem, 4vw, 2rem);
font-weight: 800; color: var(--text);
}
.section-desc {
font-size: 0.9rem; color: var(--muted);
max-width: 620px; line-height: 1.65;
}
/* โโ Cards โโ */
.card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 16px; padding: 1.5rem;
}
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; }
/* โโ Anti-whale โโ */
.whale-card {
display: flex; flex-direction: column; gap: 0.75rem;
}
.whale-icon {
width: 44px; height: 44px; border-radius: 12px;
display: flex; align-items: center; justify-content: center;
font-size: 1.3rem; flex-shrink: 0;
}
.whale-title { font-size: 1rem; font-weight: 700; }
.whale-desc { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }
/* โโ Tokenomics donut โโ */
.tokenomics-inner {
display: flex; flex-direction: column;
gap: 2.5rem;
}
@media (min-width: 700px) {
.tokenomics-inner { flex-direction: row; align-items: center; }
}
.donut-wrap { flex-shrink: 0; display: flex; justify-content: center; }
.donut-legend { flex: 1; display: flex; flex-direction: column; gap: 0.6rem; }
.legend-row {
display: flex; align-items: center; gap: 0.75rem;
}
.legend-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
.legend-label { font-size: 0.85rem; color: rgba(255,255,255,0.8); font-weight: 600; flex: 1; }
.legend-pct { font-size: 0.85rem; font-weight: 700; font-family: 'Space Mono', monospace; }
.legend-sub { font-size: 0.72rem; color: var(--dim); }
/* โโ Burn schedule โโ */
.burn-table { width: 100%; border-collapse: collapse; }
.burn-table th {
font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em;
color: var(--dim); font-family: 'Space Mono', monospace;
padding: 0.6rem 1rem; text-align: left;
border-bottom: 1px solid var(--border);
}
.burn-table td {
padding: 0.85rem 1rem; font-size: 0.85rem;
border-bottom: 1px solid rgba(255,255,255,0.04);
vertical-align: middle;
}
.burn-table tr:last-child td { border-bottom: none; }
.burn-quarter {
font-family: 'Space Mono', monospace; font-weight: 700;
color: var(--sol-purple);
}
.burn-amount {
font-family: 'Space Mono', monospace; font-weight: 700;
color: var(--danger);
}
.burn-trigger { color: var(--muted); }
.burn-status {
font-size: 0.7rem; padding: 0.25rem 0.6rem; border-radius: 20px;
font-weight: 700; font-family: 'Space Mono', monospace;
background: rgba(153,69,255,0.15); color: var(--sol-purple);
border: 1px solid rgba(153,69,255,0.3);
white-space: nowrap;
}
/* โโ How to buy โโ */
.steps { display: flex; flex-direction: column; gap: 1rem; }
.step {
display: flex; gap: 1rem; align-items: flex-start;
}
.step-num {
width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;
background: linear-gradient(135deg, var(--sol-purple), var(--sol-green));
display: flex; align-items: center; justify-content: center;
font-weight: 800; font-size: 0.85rem; color: #000;
}
.step-body { flex: 1; padding-top: 0.35rem; }
.step-title { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.25rem; }
.step-desc { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }
.step-link {
display: inline-block; margin-top: 0.35rem;
font-size: 0.78rem; color: var(--sol-green);
text-decoration: none; font-weight: 600;
}
.step-link:hover { text-decoration: underline; }
/* โโ Utility tiers โโ */
.tier-card {
display: flex; flex-direction: column; gap: 0.75rem;
padding: 1.5rem;
}
.tier-name { font-size: 1.1rem; font-weight: 800; }
.tier-hold {
font-size: 0.75rem; font-family: 'Space Mono', monospace;
color: var(--dim); background: rgba(255,255,255,0.05);
padding: 0.25rem 0.6rem; border-radius: 6px;
display: inline-block;
}
.tier-features { list-style: none; display: flex; flex-direction: column; gap: 0.4rem; }
.tier-features li {
font-size: 0.82rem; color: var(--muted);
display: flex; align-items: center; gap: 0.5rem;
}
.tier-features li::before {
content: 'โ'; font-weight: 800; font-size: 0.75rem; flex-shrink: 0;
}
/* โโ Roadmap โโ */
.roadmap { display: flex; flex-direction: column; gap: 1.25rem; }
.roadmap-item {
display: flex; gap: 1.25rem; align-items: flex-start;
}
.roadmap-timeline {
display: flex; flex-direction: column; align-items: center;
flex-shrink: 0; width: 40px;
}
.roadmap-dot {
width: 14px; height: 14px; border-radius: 50%;
border: 2px solid;
flex-shrink: 0;
}
.roadmap-line {
width: 2px; flex: 1; min-height: 20px;
background: var(--border); margin-top: 4px;
}
.roadmap-body { flex: 1; padding-bottom: 1rem; }
.roadmap-phase {
font-size: 0.65rem; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.1em; font-family: 'Space Mono', monospace;
margin-bottom: 0.2rem;
}
.roadmap-title { font-size: 1rem; font-weight: 700; margin-bottom: 0.15rem; }
.roadmap-timeline-label {
font-size: 0.72rem; color: var(--dim);
font-family: 'Space Mono', monospace; margin-bottom: 0.6rem;
}
.roadmap-items { list-style: none; display: flex; flex-direction: column; gap: 0.3rem; }
.roadmap-items li {
font-size: 0.8rem; color: var(--muted);
display: flex; align-items: flex-start; gap: 0.5rem;
}
.roadmap-items li::before {
content: 'โ'; color: var(--sol-purple); flex-shrink: 0; margin-top: 1px;
}
/* โโ Community โโ */
.community-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
}
.community-card {
display: flex; flex-direction: column; align-items: center;
gap: 0.75rem; padding: 2rem 1rem; text-align: center;
text-decoration: none; color: var(--text);
background: var(--card); border: 1px solid var(--border);
border-radius: 16px;
transition: border-color 0.15s, background 0.15s, transform 0.15s;
}
.community-card:hover {
border-color: rgba(153,69,255,0.4);
background: rgba(153,69,255,0.06);
transform: translateY(-2px);
}
.community-icon { font-size: 2rem; }
.community-name { font-size: 1rem; font-weight: 700; }
.community-handle { font-size: 0.78rem; color: var(--muted); font-family: 'Space Mono', monospace; }
/* โโ Disclaimer โโ */
.disclaimer {
background: rgba(245,158,11,0.06);
border: 1px solid rgba(245,158,11,0.2);
border-radius: 12px; padding: 1rem 1.25rem;
font-size: 0.75rem; color: rgba(255,255,255,0.4);
line-height: 1.7; text-align: center;
}
.disclaimer strong { color: var(--gold); }
/* โโ Footer โโ */
footer {
border-top: 1px solid var(--border);
padding: 2rem 1.5rem;
}
.footer-inner {
max-width: 1100px; margin: 0 auto;
display: flex; align-items: center; justify-content: space-between;
flex-wrap: wrap; gap: 1rem;
font-size: 0.75rem; color: var(--dim);
font-family: 'Space Mono', monospace;
}
/* โโ Animations โโ */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp 0.6s cubic-bezier(0.23,1,0.32,1) both; }
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
/* โโ Responsive โโ */
@media (max-width: 600px) {
.nav-links .nav-link { display: none; }
.hero-identity { flex-direction: column; align-items: center; text-align: center; }
.hero-text { text-align: center; }
.hero-title-row { justify-content: center; }
.hero-stats { justify-content: center; }
.hero-actions { justify-content: center; }
.burn-table th:last-child, .burn-table td:last-child { display: none; }
}
</style>
</head>
<body>
<div class="bg-stars"></div>
<div class="content">
<!-- โโ Nav โโ -->
<nav>
<div class="nav-inner">
<a href="#" class="nav-logo">
<div class="nav-logo-icon">
<img src="https://d2xsxph8kpxj0f.cloudfront.net/310519663457394637/mEYsARfiAkojwyrMXJtqMu/prophet-mascot-pfp-5FN6CLXqSkBdbdypACSxzh.webp" alt="Prophet" />
</div>
<span class="nav-logo-text">$PROPHET</span>
</a>
<div class="nav-links">
<a href="#tokenomics" class="nav-link">Tokenomics</a>
<a href="#anti-whale" class="nav-link">Anti-Whale</a>
<a href="#how-to-buy" class="nav-link">How to Buy</a>
<a href="#roadmap" class="nav-link">Roadmap</a>
<a href="#community" class="nav-cta">Join Community</a>
</div>
</div>
</nav>
<!-- โโ Hero โโ -->
<section class="hero">
<div class="container">
<div class="hero-banner fade-up">
<img
src="https://d2xsxph8kpxj0f.cloudfront.net/310519663457394637/mEYsARfiAkojwyrMXJtqMu/prophet-hero-banner-Fmh4uXdascsziRypqiVLX5.webp"
alt="$PROPHET โ The Oracle of Solana Micro-Caps"
/>
</div>
<div class="hero-identity fade-up delay-1">
<div class="hero-mascot">
<img
src="https://d2xsxph8kpxj0f.cloudfront.net/310519663457394637/mEYsARfiAkojwyrMXJtqMu/prophet-mascot-pfp-5FN6CLXqSkBdbdypACSxzh.webp"
alt="The Prophet Mascot"
/>
<div class="hero-mascot-badge">SOL</div>
</div>
<div class="hero-text">
<div class="hero-title-row">
<h1 class="hero-title">$PROPHET</h1>
<span class="hero-badge">Pre-Launch</span>
</div>
<p class="hero-subtitle">
The Oracle of Solana Micro-Caps. The first meme coin built to
<strong style="color:#fff">protect its holders</strong> โ not exploit them.
Anti-whale architecture, deflationary burns, and real utility through the
1000X Pattern Watchlist.
</p>
<p class="hero-tagline">"See the move before it moves."</p>
</div>
</div>
<div class="hero-stats fade-up delay-2">
<div class="stat-card">
<span class="stat-label">Total Supply</span>
<span class="stat-value" style="color:#14F195">1,000,000,000</span>
</div>
<div class="stat-card">
<span class="stat-label">Max Wallet</span>
<span class="stat-value" style="color:#9945FF">1% of Supply</span>
</div>
<div class="stat-card">
<span class="stat-label">Tx Burn</span>
<span class="stat-value" style="color:#FF4560">0.5% per tx</span>
</div>
<div class="stat-card">
<span class="stat-label">LP Status</span>
<span class="stat-value" style="color:#F59E0B">Burned at Launch</span>
</div>
<div class="stat-card">
<span class="stat-label">Network</span>
<span class="stat-value" style="color:#fff">Solana</span>
</div>
</div>
<div class="hero-actions fade-up delay-3">
<a href="#how-to-buy" class="btn-primary">๐ฎ How to Buy</a>
<a href="#tokenomics" class="btn-secondary">๐ Tokenomics</a>
<a href="https://twitter.com/memeprophet1000" target="_blank" rel="noopener" class="btn-secondary">๐ Follow @memeprophet1000</a>
</div>
</div>
</section>
<!-- โโ Anti-Whale โโ -->
<section id="anti-whale">
<div class="container">
<div class="section-header">
<div class="section-label">
<div class="section-bar"></div>
<h2 class="section-title">Anti-Whale Architecture</h2>
</div>
<p class="section-desc">
The #1 killer of meme coins is whale manipulation โ a small number of wallets buying up supply
and dumping on retail holders. $PROPHET makes this <strong style="color:#fff">structurally impossible</strong>
through four on-chain enforced mechanisms.
</p>
</div>
<div class="grid-2">
<div class="card whale-card" style="border-color:rgba(20,241,149,0.2)">
<div class="whale-icon" style="background:rgba(20,241,149,0.12)">๐ก๏ธ</div>
<div class="whale-title" style="color:#14F195">1% Max Wallet Limit</div>
<div class="whale-desc">No single wallet can hold more than 10,000,000 tokens (1% of supply). Enforced on-chain โ any transfer exceeding this is rejected by the program.</div>
</div>
<div class="card whale-card" style="border-color:rgba(153,69,255,0.2)">
<div class="whale-icon" style="background:rgba(153,69,255,0.12)">โก</div>
<div class="whale-title" style="color:#9945FF">0.5% Max Transaction Size</div>
<div class="whale-desc">No single transaction can move more than 5,000,000 tokens. Prevents coordinated large buys that spike price and coordinated dumps that collapse it.</div>
</div>
<div class="card whale-card" style="border-color:rgba(245,158,11,0.2)">
<div class="whale-icon" style="background:rgba(245,158,11,0.12)">๐</div>
<div class="whale-title" style="color:#F59E0B">Team Tokens Locked & Vested</div>
<div class="whale-desc">All team and treasury tokens are locked in a time-locked multisig vault with a 24-month linear vesting schedule. The team cannot dump.</div>
</div>
<div class="card whale-card" style="border-color:rgba(255,69,96,0.2)">
<div class="whale-icon" style="background:rgba(255,69,96,0.12)">๐ฅ</div>
<div class="whale-title" style="color:#FF4560">LP Burned at Launch</div>
<div class="whale-desc">All liquidity pool tokens are burned at launch. The liquidity is permanently locked โ the team cannot pull the rug. Ever.</div>
</div>
</div>
</div>
</section>
<!-- โโ Tokenomics โโ -->
<section id="tokenomics" style="padding-top:5rem">
<div class="container">
<div class="section-header">
<div class="section-label">
<div class="section-bar"></div>
<h2 class="section-title">Tokenomics</h2>
</div>
<p class="section-desc">1,000,000,000 total supply. Fixed forever โ no minting authority after launch.</p>
</div>
<div class="card">
<div class="tokenomics-inner">
<div class="donut-wrap">
<svg width="220" height="220" viewBox="0 0 220 220" id="donut-svg">
<!-- segments rendered by JS -->
</svg>
</div>
<div class="donut-legend" id="donut-legend"></div>
</div>
</div>
</div>
</section>
<!-- โโ Burn Schedule โโ -->
<section style="padding-top:5rem">
<div class="container">
<div class="section-header">
<div class="section-label">
<div class="section-bar"></div>
<h2 class="section-title">Burn Schedule</h2>
</div>
<p class="section-desc">
Three layers of deflation: 0.5% burned on every transaction automatically,
quarterly milestone burns from the reserve, and 5% of platform revenue used to buy and burn.
</p>
</div>
<div class="card" style="overflow-x:auto">
<table class="burn-table">
<thead>
<tr>
<th>Quarter</th>
<th>Burn Amount</th>
<th>Trigger</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td class="burn-quarter">Q1</td>
<td class="burn-amount">10M tokens</td>
<td class="burn-trigger">Launch + 1,000 holders reached</td>
<td><span class="burn-status">Upcoming</span></td>
</tr>
<tr>
<td class="burn-quarter">Q2</td>
<td class="burn-amount">15M tokens</td>
<td class="burn-trigger">5,000 holders OR $500K volume milestone</td>
<td><span class="burn-status">Upcoming</span></td>
</tr>
<tr>
<td class="burn-quarter">Q3</td>
<td class="burn-amount">20M tokens</td>
<td class="burn-trigger">10,000 holders OR watchlist integration milestone</td>
<td><span class="burn-status">Upcoming</span></td>
</tr>
<tr>
<td class="burn-quarter">Q4</td>
<td class="burn-amount">25M tokens</td>
<td class="burn-trigger">Community governance vote</td>
<td><span class="burn-status">Upcoming</span></td>
</tr>
<tr>
<td class="burn-quarter">Q5+</td>
<td class="burn-amount">30M+ tokens</td>
<td class="burn-trigger">Ongoing governance-voted burns</td>
<td><span class="burn-status">Upcoming</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- โโ How to Buy โโ -->
<section id="how-to-buy" style="padding-top:5rem">
<div class="container">
<div class="section-header">
<div class="section-label">
<div class="section-bar"></div>
<h2 class="section-title">How to Buy $PROPHET</h2>
</div>
<p class="section-desc">Four simple steps. Takes about 5 minutes.</p>
</div>
<div class="card">
<div class="steps">
<div class="step">
<div class="step-num">1</div>
<div class="step-body">
<div class="step-title">Get a Solana Wallet</div>
<div class="step-desc">Download Phantom or Backpack wallet on your phone or browser. Never share your seed phrase with anyone.</div>
<a href="https://phantom.app" target="_blank" rel="noopener" class="step-link">โ phantom.app</a>
</div>
</div>
<div class="step">
<div class="step-num">2</div>
<div class="step-body">
<div class="step-title">Buy SOL</div>
<div class="step-desc">Purchase SOL on Coinbase, Kraken, or Binance and send it to your Phantom wallet address. You need SOL to buy $PROPHET and pay transaction fees.</div>
</div>
</div>
<div class="step">
<div class="step-num">3</div>
<div class="step-body">
<div class="step-title">Go to Raydium or Jupiter</div>
<div class="step-desc">Visit raydium.io or jup.ag and connect your Phantom wallet. These are the DEXs where $PROPHET will trade.</div>
<a href="https://jup.ag" target="_blank" rel="noopener" class="step-link">โ jup.ag</a>
</div>
</div>
<div class="step">
<div class="step-num">4</div>
<div class="step-body">
<div class="step-title">Swap SOL for $PROPHET</div>
<div class="step-desc">Paste the $PROPHET contract address (published on launch day), set slippage to 1โ2%, and swap. Contract address will be announced on X and Telegram.</div>
<a href="https://twitter.com/memeprophet1000" target="_blank" rel="noopener" class="step-link">โ Follow @memeprophet1000 for the contract address</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- โโ Utility Tiers โโ -->
<section style="padding-top:5rem">
<div class="container">
<div class="section-header">
<div class="section-label">
<div class="section-bar"></div>
<h2 class="section-title">Holder Utility Tiers</h2>
</div>
<p class="section-desc">$PROPHET is the access key to the 1000X Pattern Watchlist โ the tool that finds Solana micro-caps before they move.</p>
</div>
<div class="grid-4">
<div class="card tier-card" style="border-color:rgba(96,165,250,0.25)">
<div class="tier-name" style="color:#60A5FA">Free</div>
<span class="tier-hold">0 $PROPHET</span>
<ul class="tier-features">
<li>Basic watchlist access</li>
<li>Pattern guide</li>
<li>Public token cards</li>
</ul>
</div>
<div class="card tier-card" style="border-color:rgba(153,69,255,0.3)">
<div class="tier-name" style="color:#9945FF">Holder</div>
<span class="tier-hold">10,000+ $PROPHET</span>
<ul class="tier-features">
<li>Real-time pattern alerts</li>
<li>Premium scoring breakdown</li>
<li>Early warning notifications</li>
</ul>
</div>
<div class="card tier-card" style="border-color:rgba(20,241,149,0.3)">
<div class="tier-name" style="color:#14F195">Whale-Proof</div>
<span class="tier-hold">50,000+ $PROPHET</span>
<ul class="tier-features">
<li>Early Radar signals</li>
<li>All Holder features</li>
<li>Priority Discord access</li>
</ul>
</div>
<div class="card tier-card" style="border-color:rgba(245,158,11,0.3)">
<div class="tier-name" style="color:#F59E0B">Builder</div>
<span class="tier-hold">100,000+ $PROPHET</span>
<ul class="tier-features">
<li>API access for developers</li>
<li>All above features</li>
<li>Governance voting weight</li>
</ul>
</div>
</div>
</div>
</section>
<!-- โโ Roadmap โโ -->
<section id="roadmap" style="padding-top:5rem">
<div class="container">
<div class="section-header">
<div class="section-label">
<div class="section-bar"></div>
<h2 class="section-title">Launch Roadmap</h2>
</div>
</div>
<div class="roadmap">
<div class="roadmap-item">
<div class="roadmap-timeline">
<div class="roadmap-dot" style="border-color:#9945FF;background:rgba(153,69,255,0.3)"></div>
<div class="roadmap-line"></div>
</div>
<div class="roadmap-body">
<div class="roadmap-phase" style="color:#9945FF">Phase 1</div>
<div class="roadmap-title">Pre-Launch</div>
<div class="roadmap-timeline-label">Weeks 1โ4</div>
<ul class="roadmap-items">
<li>Finalize coin name, ticker & mascot โ</li>
<li>Develop anti-whale Solana program</li>
<li>Commission smart contract audit (Sec3 / OtterSec)</li>
<li>Set up 3-of-5 multisig treasury wallet</li>
<li>Build community (X, Telegram, Discord)</li>
<li>Apply for Jupiter verification</li>
</ul>
</div>
</div>
<div class="roadmap-item">
<div class="roadmap-timeline">
<div class="roadmap-dot" style="border-color:#14F195;background:rgba(20,241,149,0.1)"></div>
<div class="roadmap-line"></div>
</div>
<div class="roadmap-body">
<div class="roadmap-phase" style="color:#14F195">Phase 2</div>
<div class="roadmap-title">Launch Day</div>
<div class="roadmap-timeline-label">Week 5</div>
<ul class="roadmap-items">
<li>Deploy SPL token (mint/freeze authority revoked)</li>
<li>Add initial liquidity to Raydium</li>
<li>Burn LP tokens immediately</li>
<li>Announce on DEX Screener & apply CoinGecko listing</li>
<li>Activate 0.5% transaction burn</li>
<li>Publish all wallet addresses publicly</li>
</ul>
</div>
</div>
<div class="roadmap-item">
<div class="roadmap-timeline">
<div class="roadmap-dot" style="border-color:#60A5FA;background:rgba(96,165,250,0.1)"></div>
<div class="roadmap-line"></div>
</div>
<div class="roadmap-body">
<div class="roadmap-phase" style="color:#60A5FA">Phase 3</div>
<div class="roadmap-title">Growth</div>
<div class="roadmap-timeline-label">Months 2โ6</div>
<ul class="roadmap-items">
<li>Execute Q1 reserve burn at 1,000 holders</li>
<li>Launch premium watchlist features (token-gated)</li>
<li>Begin buyback-and-burn from platform revenue</li>
<li>First community governance vote</li>
<li>Apply for CoinMarketCap listing</li>
</ul>
</div>
</div>
<div class="roadmap-item">
<div class="roadmap-timeline">
<div class="roadmap-dot" style="border-color:#F59E0B;background:rgba(245,158,11,0.1)"></div>
</div>
<div class="roadmap-body">
<div class="roadmap-phase" style="color:#F59E0B">Phase 4</div>
<div class="roadmap-title">Ecosystem</div>
<div class="roadmap-timeline-label">Months 6โ12</div>
<ul class="roadmap-items">
<li>Integrate token into watchlist API tier system</li>
<li>Launch staking/rewards for long-term holders</li>
<li>Expand to Orca & Jupiter DEXs</li>
<li>Community-voted partnerships</li>
<li>Membership fee model launch</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- โโ Community โโ -->
<section id="community" style="padding-top:5rem">
<div class="container">
<div class="section-header">
<div class="section-label">
<div class="section-bar"></div>
<h2 class="section-title">Join the Community</h2>
</div>
<p class="section-desc">The Prophet sees what others don't. Be early.</p>
</div>
<div class="community-grid">
<a href="https://twitter.com/memeprophet1000" target="_blank" rel="noopener" class="community-card">
<div class="community-icon">๐</div>
<div class="community-name">Twitter / X</div>
<div class="community-handle">@memeprophet1000</div>
</a>
<a href="#" class="community-card">
<div class="community-icon">โ๏ธ</div>
<div class="community-name">Telegram</div>
<div class="community-handle">Coming Soon</div>
</a>
<a href="#" class="community-card">
<div class="community-icon">๐ฌ</div>
<div class="community-name">Discord</div>
<div class="community-handle">Coming Soon</div>
</a>
<a href="https://dexscreener.com/solana" target="_blank" rel="noopener" class="community-card">
<div class="community-icon">๐</div>
<div class="community-name">DEX Screener</div>
<div class="community-handle">Live at Launch</div>
</a>
</div>
</div>
</section>
<!-- โโ Disclaimer โโ -->
<section style="padding-top:3rem;padding-bottom:3rem">
<div class="container">
<div class="disclaimer">
<strong>Disclaimer:</strong> $PROPHET is a meme coin for entertainment and community purposes only. This is not financial advice. Cryptocurrency investments carry extreme risk including total loss of capital. Always do your own research (DYOR) before making any investment decisions. Past pattern performance does not guarantee future results. Never invest more than you can afford to lose.
</div>
</div>
</section>
<!-- โโ Footer โโ -->
<footer>
<div class="footer-inner">
<span>$PROPHET ยท Built on Solana ยท prophetsolana.io</span>
<span>ยฉ 2026 $PROPHET ยท Not financial advice</span>
</div>
</footer>
</div>
<script>
// โโ Donut chart โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
const DISTRIBUTION = [
{ label: "Community & Public Sale", pct: 30, color: "#14F195", desc: "Immediately circulating at launch" },
{ label: "Ecosystem & Rewards Treasury", pct: 25, color: "#9945FF", desc: "24-month linear vest, multisig" },
{ label: "Liquidity Pool (DEX)", pct: 20, color: "#60A5FA", desc: "LP tokens burned at launch โ permanent" },
{ label: "Burn Reserve", pct: 10, color: "#FF4560", desc: "Quarterly milestone burns" },
{ label: "Team & Advisors", pct: 10, color: "#F59E0B", desc: "12-month cliff + 24-month vest" },
{ label: "Airdrop & Marketing", pct: 5, color: "#E879F9", desc: "Released over 12 months" },
];
const svg = document.getElementById('donut-svg');
const legend = document.getElementById('donut-legend');
const cx = 110, cy = 110, r = 80;
const circ = 2 * Math.PI * r;
let cum = 0;
DISTRIBUTION.forEach(d => {
const offset = circ * (1 - cum / 100);
const dash = circ * (d.pct / 100);
const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
circle.setAttribute('cx', cx);
circle.setAttribute('cy', cy);
circle.setAttribute('r', r);
circle.setAttribute('fill', 'none');
circle.setAttribute('stroke', d.color);
circle.setAttribute('stroke-width', '28');
circle.setAttribute('stroke-dasharray', `${dash} ${circ - dash}`);
circle.setAttribute('stroke-dashoffset', offset);
circle.setAttribute('transform', `rotate(-90 ${cx} ${cy})`);
svg.appendChild(circle);
cum += d.pct;
// Legend row
const row = document.createElement('div');
row.className = 'legend-row';
row.innerHTML = `
<div class="legend-dot" style="background:${d.color}"></div>
<div style="flex:1">
<div style="display:flex;align-items:center;justify-content:space-between;gap:0.5rem">
<span class="legend-label">${d.label}</span>
<span class="legend-pct" style="color:${d.color}">${d.pct}%</span>
</div>
<div class="legend-sub">${d.desc}</div>
</div>
`;
legend.appendChild(row);
});
// Center text
const t1 = document.createElementNS('http://www.w3.org/2000/svg', 'text');
t1.setAttribute('x', cx); t1.setAttribute('y', cy - 8);
t1.setAttribute('text-anchor', 'middle');
t1.setAttribute('fill', 'white'); t1.setAttribute('font-size', '16');
t1.setAttribute('font-weight', 'bold'); t1.setAttribute('font-family', 'Syne, sans-serif');
t1.textContent = '1B';
svg.appendChild(t1);
const t2 = document.createElementNS('http://www.w3.org/2000/svg', 'text');
t2.setAttribute('x', cx); t2.setAttribute('y', cy + 10);
t2.setAttribute('text-anchor', 'middle');
t2.setAttribute('fill', 'rgba(255,255,255,0.4)'); t2.setAttribute('font-size', '9');
t2.setAttribute('font-family', 'Space Mono, monospace');
t2.textContent = 'TOTAL SUPPLY';
svg.appendChild(t2);
// โโ Scroll fade-in โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) {
e.target.style.opacity = '1';
e.target.style.transform = 'translateY(0)';
}
});
}, { threshold: 0.1 });
document.querySelectorAll('.card, .roadmap-item, .community-card').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(16px)';
el.style.transition = 'opacity 0.5s cubic-bezier(0.23,1,0.32,1), transform 0.5s cubic-bezier(0.23,1,0.32,1)';
observer.observe(el);
});
</script>
</body>
</html>
