____ _ _ ____ _ / ___| | ___ _ __| | __/ ___|| |_ ___ _ __ ___ | | | |/ _ \ '__| |/ /\___ \| __/ _ \| '__/ _ \ | |___| | __/ | | < ___) | || (_) | | | __/ \____|_|\___|_| |_|\_\|____/ \__\___/|_| \___| Landing · AI subscriptions · Telegram checkout
ClerkStore Landing is a compact commercial landing for a Telegram store that sells AI service access and subscriptions — product cards, FAQ, CTAs, Docker deploy.
Why · Features · Quick start · Deploy
A store page should sell in five seconds — not load a SPA framework tree.
| Pain | What this landing does |
|---|---|
| Heavy JS for a brochure site | Astro static build — fast, cacheable |
| Weak mobile UX | Responsive layout + sticky nav + mobile menu |
| Checkout friction | Product cards → Telegram purchase flow + modal |
| VPS deploy drama | Dockerfile + nginx + compose example |
Portfolio-ready commercial page for freelance / marketplace demos.
| Area | What you get |
|---|---|
| Responsive UI | Desktop and mobile layouts with sticky navigation |
| Catalog | Product cards with prices and clear CTAs |
| Checkout | Modal redirect into Telegram purchase flow |
| FAQ | Trust section for common buyer questions |
| Motion | Scroll reveal, card hover glow and tilt |
| Production | Static build served by nginx in Docker |
| VPS sample | Compose + reverse-proxy example configs |
git clone https://github.com/awhite0030/clerkstore-landing.git
cd clerkstore-landing
npm install
npm run devDev server: http://localhost:4321
npm run build
npm run previewdocker build -t clerkstore-landing .
docker run --rm -p 8080:80 clerkstore-landing
# → http://localhost:8080docker compose -f deploy/docker-compose.example.yml up -d --buildReplace example.com in deploy/nginx.example.conf and terminate TLS (Cloudflare / certbot).
deploy/ # compose + nginx examples
public/ # favicon, logo
src/
pages/index.astro # main landing
styles/global.css
Dockerfile
nginx.conf
astro.config.mjs
Astro 5 · Tailwind CSS · Vanilla JS · Docker · nginx
MIT © 2026 A. White.
Ship the landing. Send them to Telegram.