Одностраничный лендинг для продажи программы GhostHint — локального «невидимого» ассистента, помогающего проходить технические собеседования.
Он разворачивается как статический сайт (HTML + CSS + JS) и может быть опубликован через GitHub Pages, Vercel, Netlify или любой другой CDN.
https://<user>.github.io/ghosthint-site/
(URL появится автоматически после деплоя GitHub Pages.)
# клонируем репозиторий
git clone https://github.com/<user>/ghosthint-site.git
cd ghosthint-site
# ставим зависимости и запускаем hot‑reload сервер
npm install
npm run dev # ➜ http://localhost:5173
Проект собран на Vite + React + TypeScript + TailwindCSS.
Файлы исходников находятся вsrc/
. Готовая сборка — вdist/
.
# production‑сборка (minify + оптимизация ресурсов)
npm run build # создаст папку dist/
# деплой в GitHub Pages (ветка gh-pages)
npm run deploy
Скрипт deploy
использует пакет gh-pages
и автоматически пушит содержимое dist/
в ветку gh-pages
.
Альтернатива: загрузите содержимое
dist/
на Vercel / Netlify — никаких изменений кода не требуется.
ghosthint-site/
├── public/ # статические файлы (favicon, og:image …)
├── src/
│ ├── components/ # Hero, Features, Pricing, FAQ …
│ ├── App.tsx
│ └── main.tsx
├── tailwind.config.cjs
├── vite.config.ts
└── package.json
Что менять | Где искать |
---|---|
Цвета/шрифты | tailwind.config.cjs или src/index.css |
Текст секций | src/components/* |
Цена / тарифы | src/components/Pricing.tsx |
Ссылки «Купить» | src/data/pricing.ts (stripeLink ) |
Анимации | классы animate-* или framer-motion |
- Изображения / видео‑демо лежат в
public/
илиsrc/assets/
. - Предпросмотры для соцсетей задаются в
public/og-image.png
и подключены вindex.html
через Open Graph meta‑теги.
Добавляйте новые вопросы в src/data/faq.ts
:
export const faq = [
{ q: "Нужен ли интернет?", a: "Нет. GhostHint работает оффлайн." },
…
];
PR‑ы и issue welcome!
Следуйте стандарту Conventional Commits (feat: ...
, fix: ...
).
# линт перед коммитом
npm run lint
Code © 2025 Dmitriy Krasnyh. MIT License.
Контент (тексты/изображения) распространяются под CC‑BY‑4.0, если не указано иное.
E‑mail: dimathedevoloper@gmail.com
Telegram: @i6_dEv_9i
GitHub: https://github.com/DmitriyKrasnyh