Skip to content

Repository files navigation

   ____ _           _     ____  _
  / ___| | ___ _ __| | __/ ___|| |_ ___  _ __ ___
 | |   | |/ _ \ '__| |/ /\___ \| __/ _ \| '__/ _ \
 | |___| |  __/ |  |   <  ___) | || (_) | | |  __/
  \____|_|\___|_|  |_|\_\|____/ \__\___/|_|  \___|

   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

License  Astro  Tailwind  Docker  PRs welcome

Stars  Last commit


✨ Why ClerkStore?

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.


🧩 Features

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

⚡ Quick start

git clone https://github.com/awhite0030/clerkstore-landing.git
cd clerkstore-landing
npm install
npm run dev

Dev server: http://localhost:4321

npm run build
npm run preview

🚀 Deploy

Docker

docker build -t clerkstore-landing .
docker run --rm -p 8080:80 clerkstore-landing
# → http://localhost:8080

VPS example

docker compose -f deploy/docker-compose.example.yml up -d --build

Replace example.com in deploy/nginx.example.conf and terminate TLS (Cloudflare / certbot).


🛠 Project layout

deploy/                 # compose + nginx examples
public/                 # favicon, logo
src/
  pages/index.astro     # main landing
  styles/global.css
Dockerfile
nginx.conf
astro.config.mjs

Stack

Astro 5 · Tailwind CSS · Vanilla JS · Docker · nginx


📊 Stats

Top language  Repo size  Last commit


📄 License

MIT © 2026 A. White.

Ship the landing. Send them to Telegram.

About

Astro landing page for a Telegram AI subscription store (portfolio case)

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages