Бағалау (Pricing) бөлімі өнім жоспарлары мен деңгейлерін көрсетеді. Әрбір тақырыптың өзіндік визуалды стилі бар.
Тақырып нұсқалары
| Тақырып | Компонент | Стиль |
|---|---|---|
| Liquid | PricingLiquid.astro | Градиентті екпіндері бар сұйық карта макеті |
| Glass | PricingGlass.astro | Аязды әйнек баға карталары |
| Neo | PricingNeo.astro | Жоғары контрастты баға торы |
| Luxury | PricingLuxury.astro | Премиум сезімі бар алтын екпінді баға |
| Minimal | PricingMinimal.astro | Таза, қарапайым баға тізімі |
| Aurora | PricingAurora.astro | Градиентті фондық баға карталары |
Барлық нұсқалар src/components/sections/pricing/ мекенжайында орналасқан.
Мазмұн көзі
Баға деректері useTranslations() арқылы src/locales/{lang}/pricing.json файлынан жүктеледі. JSON құрамында жоспар атаулары, сипаттамалар, бағалар, мүмкіндіктер және CTA мәтіні бар.
{ "title": "Қарапайым баға", "subtitle": "Сізге сәйкес келетін жоспарды таңдаңыз", "plans": { "starter": { "name": "Бастапқы", "price": "19", "features": ["5 жоба", "Негізгі аналитика"] } }}ℹ️
Props жоқ
Баға компоненттері сыртқы props қабылдамайды. Жоспарларды, бағаларды немесе мүмкіндіктерді өзгерту үшін src/locales/{lang}/pricing.json файлын жаңартыңыз.
Баптау
Баптау үшін:
src/components/sections/pricing/Pricing{Theme}.astroфайлын өңдеңіз.src/styles/components/pricing/ішіндегі стильдерді реттеңіз.src/locales/{lang}/pricing.jsonфайлындағы мазмұнды өзгертіңіз.