Лендинг бетінің бөлімдері

Үлгінің негізгі кіру нүктесі (src/pages/index.astro) үлгінің мүмкіндіктерін көрсетуге арналған бірнеше мамандандырылған бөлімдерді пайдаланады. Олар src/components/sections/landing/ ішінде орналасқан.

Статистика жолағы (Stats Strip)

src/components/sections/landing/StatsStrip.astro

Жобаңыз туралы негізгі көрсеткіштерді көрсететін көлденең жолақ (мысалы, “6 тақырып”, “66+ компоненттер”).

• Мүмкіндіктер: Пайдаланушы айналдырған кезде сандардың анимациялық түрде өсуі.
• Конфигурациялау: Компоненттің алдыңғы жағындағы (frontmatter) stats массивін өңдеңіз немесе этикеткалар үшін src/locales/{lang}/landing.json файлын пайдаланыңыз.

Үлгіні көрсету (Template Showcase)

src/components/sections/landing/TemplateShowcase.astro

Үлгінің әртүрлі бөліктеріне (Тақырыптар, Компоненттер, Блог, Құжаттама және т.б.) визуалды навигацияны қамтамасыз ететін “Bento grid” стиліндегі макет.

• Мүмкіндіктер: Меңзерді апарғандағы әсерлер, glassmorphism карталары, адаптивті тор макеті.
• Мазмұн: src/locales/{lang}/landing.json файлындағы landing.showcase арқылы басқарылады.

Жиі қойылатын сұрақтар (FAQ Home)

src/components/sections/landing/FAQHome.astro

Лендинг бетіне арналған жеңіл, аккордеон стиліндегі FAQ бөлімі.

• Мүмкіндіктер: Таза кеңейту/жиыру анимациялары, қолжетімділікке арналған ARIA атрибуттары.
• Мазмұн: Сұрақтар мен жауаптар src/locales/{lang}/landing.json файлында landing.faq астында сақталады.

Қалай жұмыс істейді (How It Works)

src/components/sections/landing/HowItWorks.astro

Жұмыс процесін 3 қадаммен визуалдау (мысалы, Клондау -> Баптау -> Орналастыру).

• Мүмкіндіктер: Белгішелері мен градиентті фондары бар нөмірленген қадамдар.
• Мазмұн: Қадамдар мәтіні src/locales/{lang}/landing.json файлында.