Nowa strona projekt + składanie

Stworzyć współczesną, premium, szybką stronę dla usługi @BuyDomain_BOT (zakup i zarządzanie domenami przez Telegram), która:

• zwiększa zaufanie,

• wyjaśnia wartość w 20–40 sekund,

• prowadzi do Telegramu (główna konwersja),

• pomaga SEO (struktura stron + przyszłe sitelinki),

• prawidłowo wyświetla się w Google snippet i w mediach społecznościowych.

2) Technologie i ograniczenia

• Tylko HTML + CSS + JS (bez WordPress/React/Vue itp.).

• Czy można użyć Tailwind? — nie, potrzebny własny CSS (lub bardzo lekki mini-framework po uzgodnieniu, ale preferowany czysty).

• Kod musi być łatwy do przeniesienia na każdy hosting (Nginx/Apache).

• Żadne ciężkie biblioteki bez potrzeby.

• Maksymalna prędkość: LCP/CLS/INP w zielonej strefie (Core Web Vitals).

3) Struktura strony (obowiązkowa)

Stworzyć stronę nie jako jedna ogromna “pościel”, ale jako landing + kilka stron wewnętrznych, aby Google mógł dać sitelinki.

Minimalny zestaw stron:

1. / — Strona główna (landing)

2. /pricing/ — Ceny i strefy (przybliżone, bez przypisania do konkretnych cyfr, ale z “od …” i przykładami)

3. /features/ — Wszystkie możliwości bota (szczegółowo, w listach)

4. /api/ — API dla programistów (warunki dostępu, krótka dokumentacja)

5. /faq/ — FAQ (ustrukturyzowane)

6. /support/ — Wsparcie + kontakty (Telegram)

7. /legal/terms/ — Warunki użytkowania

8. /legal/privacy/ — Polityka prywatności

Ważne: linki do tych stron muszą być w nagłówku i stopce. To pomoże Google wybrać sitelinki.

4) Projekt / styl

• Styl: premium-tech (jak Stripe / Linear / Vercel pod względem odczuć).

• Kolory: firmowe (niebiesko/fioletowy gradient dozwolony), ale nie “kwasowe”.

• Tematyka ciemna — pożądana, ale można jako “przełącznik” (opcjonalnie).

• Animacje: lekkie (fade/slide), bez przeciążenia.

• Dużo przestrzeni, staranna typografia, miękkie cienie.

5) Kluczowe znaczenia (obowiązkowe bloki treści)

Na stronie głównej powinny być bloki z jasną korzyścią:

Hero (pierwszy ekran)

• Nagłówek (wariant):
  „Zakup i zarządzanie domenami bezpośrednio w Telegramie”

• Podtytuł:
  „Sprawdzanie domeny, rejestracja, DNS/NS, Cloudflare, SSL i przekierowania — w jednym bocie. Płatność kryptowalutą.”

• Przyciski:

  • Uruchom @BuyDomain_BOT (główny CTA)

  • „Zobacz możliwości”

Blok “Co potrafi bot” (krótko kartami)

Obowiązkowo wymienić:

• Zakup domen w 1–2 kliknięciach

• Zarządzanie rekordami DNS (A, AAAA, CNAME, MX, TXT itp.)

• Zarządzanie NS (zmiana nameserver)

• Integracja z Cloudflare (podłączenie strefy/zarządzanie)

• Darmowy SSL / zarządzanie SSL

• Przekierowania (301/302, www/non-www, URL forwarding)

• Operacje masowe (bulk)

• API dla programistów

• Asynchroniczne przetwarzanie (nic się nie “zawiesza”)

• Płatność kryptą (w tym płatność przez CryptoBot/faktury — jeśli aktualne)

• Bez zbędnych danych / bez KYC (jeśli chcesz to na stronie — można delikatnie, bez wyzwalających sformułowań)

“Jak to działa” (3–4 kroki)

• Sprawdzenie domeny → wybór strefy → płatność → domena gotowa → zarządzanie.

“Dlaczego to bezpieczne”

• Rejestracja u akredytowanych rejestratorów ICANN (jeśli prawda)

• Ochrona konta/kontroli domeny (np. blokada transferu)

• Przejrzysta płatność

• Wsparcie 24/7 (jeśli jest)

“Ceny” (podgląd na stronie głównej + link do /pricing/)

• Tabela/karty (przybliżone ceny i popularne strefy)

• Osobny blok “Dodatkowe usługi”: SSL / DNS / Transfer / API

“API”

• Krótko: po co, dla kogo, jak uzyskać dostęp

• Link do strony /api/

FAQ (5–8 pytań)

• Na stronie głównej krótko + przycisk “wszystkie pytania”

Końcowy CTA

• “Uruchom bota” / “Przejdź do Telegramu”

6) Wymagania SEO (sztywno)

Na każdej stronie:

• Unikalny <title> (do ~60 znaków)

• Unikalny <meta name="description">

• Jeden <h1> na stronę

• Kanoniczny:
  <link rel="canonical" href="https://buydomainbot.com/...">

• OpenGraph + Twitter cards (jak u ciebie, ale poprawnie i unikalnie w razie potrzeby)

Rozmieszczenie Schema.org (obowiązkowe)

Wstawić JSON-LD:

• Organization

• WebSite (+ SearchAction jeśli będzie wyszukiwanie po stronie — można nie robić)

• BreadcrumbList na stronach wewnętrznych

• FAQPage na /faq/ i bloku FAQ na stronie głównej

Techniczne:

• sitemap.xml z wyliczeniem wszystkich stron

• robots.txt (zezwolić na indeksowanie)

• Czyste URL bez parametrów

7) Nawigacja i UX (ważne pod sitelinki)

• Nagłówek: Strona główna / Możliwości / Ceny / API / FAQ / Wsparcie

• Wszędzie ta sama struktura

• Stopka: duplikaty linków + strony prawne

• Przycisk “Uruchom” zawsze widoczny (sticky można)

8) Wydajność

• Google PageSpeed 90+ na urządzeniach mobilnych.

• Obrazy: WebP/AVIF, lazyload

• Minimum JS, bez ciężkich animacji

• Czcionki: systemowe lub 1–2 warianty, preload

9) Responsywność i kompatybilność

• Mobile-first

• Chrome/Firefox/Safari/Edge

• Prawidłowo na szerokości 360px

10) Interaktywność (JS)

• FAQ akordeon

• Płynne przewijanie do kotwic

• Przełącznik języka (opcjonalnie) — RU/EN (jeśli chcesz)

• “Skopiuj link do bota” (opcjonalnie)

• Mini-demo “jak działa bot” (symulacja czatu) — ładnie, ale lekko

11) Analityka

• Podłączyć Google tag (gtag.js) jak u ciebie

• Wydarzenia:

  • click_telegram_start (kliknięcie we wszystkie CTA)

  • click_pricing

  • click_api

  • scroll_50 / scroll_90 (opcjonalnie)

12) Co powinien dostarczyć programista

• Folder projektu:

  • /index.html

  • /pricing/index.html

  • /features/index.html

  • /api/index.html

  • /faq/index.html

  • /support/index.html

  • /legal/terms/index.html

  • /legal/privacy/index.html