A fair-launch Solana meme coin landing page — no presale, no team, no VCs. Just a name, and the people who carry it.
"Gvari" is the word for your family name — your surname, your lineage, who you are. $GVARI brings that idea on-chain: a community meme coin on Solana for everyone who believes their name means something, no matter where in the world they're from.
- 🤝 100% community — no VCs, no team allocation, no presale
- 🔗 Fair launch on pump.fun
- ⚡ Built on Solana — fast and low-fee
- Animated hero — particle canvas background with a floating logo and clear calls to action.
- Live on-chain data — price, market cap, and holders pulled from the DexScreener API, plus an embedded trading chart (auto-activates once a contract address is set).
- Copy-to-clipboard contract — one-click copy of the token address with a toast confirmation.
- Wallet connect (read-only) — integrates the Phantom (Solana) provider via a
useWallethook. It only reads the public key to display the address — no private keys or seed phrases are ever requested, stored, or transmitted. - Full sections — Contract, Live stats, About, How to Buy, Tokenomics, Roadmap, and FAQ, each with scroll-reveal animations.
- Light / dark theme — persisted per user via a
useThemehook. - SEO & social ready — canonical URL, Open Graph & Twitter cards, JSON-LD schema, sitemap, robots, and a PWA web manifest.
- Security headers — CSP, HSTS, X-Frame-Options, and more via
vercel.jsonandpublic/_headers.
| Framework | React 18 |
| Build tool | Vite 6 |
| Styling | Hand-written CSS (src/index.css) — no framework |
| Data | DexScreener public API |
| Wallet | Phantom (Solana) — read-only |
| Hosting | Vercel |
No heavy dependencies — just react + react-dom.
gvari-fun/
├─ index.html # Vite entry — title, meta, OG/Twitter tags, JSON-LD
├─ vite.config.js
├─ vercel.json # security headers (Vercel)
├─ public/
│ ├─ _headers # security headers (Netlify / Cloudflare Pages)
│ ├─ robots.txt
│ ├─ sitemap.xml
│ ├─ site.webmanifest # PWA manifest
│ └─ assets/ # logos, favicon, apple-touch-icon, token image
└─ src/
├─ main.jsx # React entry
├─ App.jsx # section layout
├─ config.js # ⭐ single source of truth (token, CA, socials)
├─ index.css # all styles
├─ toast.js # global toast helper
├─ hooks/
│ ├─ useWallet.js # Phantom connect — read-only, no keys handled
│ ├─ useTheme.js # light/dark, persisted
│ └─ useScrollReveal.js
└─ components/
├─ Header.jsx Hero.jsx Contract.jsx Live.jsx
├─ LiveStats.jsx LiveChart.jsx About.jsx HowToBuy.jsx
├─ Tokenomics.jsx Roadmap.jsx Faq.jsx Footer.jsx
├─ CountUp.jsx Toast.jsx
# 1. Install dependencies
npm install
# 2. Start the dev server
npm run dev # → http://localhost:5173npm run build # outputs the static site to dist/
npm run preview # preview the production build locallyEverything user-facing lives in one file: src/config.js.
export const CONFIG = {
token: '$GVARI',
site: 'https://gvaricoin.vercel.app',
contractAddress: '7TU9YfW5n1BtYo6hqCnCjBCZEJjVHb5pZkNqwRThpump',
social: {
twitter: 'https://x.com/gvarisol',
telegram: 'https://t.me/GVARIsol',
pumpfun: 'https://pump.fun',
},
};contractAddress— paste the pump.fun mint address here. The contract block, verify links (DexScreener, Solscan, RugCheck), live stats, and chart all wire up automatically. Leave it empty before launch and the verify links gracefully fall back to each platform's home page.site/social— update once and they propagate to the footer, meta tags, and schema.
The site is deployed on Vercel at gvaricoin.vercel.app.
Vercel auto-detects Vite, runs npm run build, and serves dist/. Because the
GitHub repo is connected, every push to main triggers an automatic deployment.
Security headers (vercel.json) and HTTPS are applied by the host.
Also works out of the box on Netlify and Cloudflare Pages — they read
public/_headersfor the same security headers.
- No secrets in the client — the site is fully static; there are no API keys.
- Wallet is read-only — it only reads a public key to display the address. Private keys and seed phrases are never touched.
- Hardened headers — Content-Security-Policy, HSTS (preload),
X-Frame-Options: DENY,X-Content-Type-Options: nosniff, and a locked-down Permissions-Policy.
$GVARI is a meme coin created for entertainment purposes on Solana via pump.fun. Nothing here is financial advice. Cryptocurrency is highly volatile — never invest more than you can afford to lose. Always verify the official contract address and links, and DYOR (do your own research).
Released under the MIT License.