andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Clean up

Browse source
This commit is contained in:
Andras Schmelczer 2026-04-04 17:44:44 +01:00
parent b94cf17d75
commit 0c6d207967
41 changed files with 1809 additions and 1204 deletions
Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/components/pricing/PricingPage.tsx
View file

@ -183,18 +183,12 @@ export default function PricingPage({
<div className="relative z-10 max-w-5xl mx-auto px-6 pt-16 text-center mb-6">
<h1 className="text-3xl md:text-4xl font-bold text-white mb-3">{t('pricingPage.title')}</h1>
<p className="text-lg text-warm-300 max-w-lg mx-auto">
{t('pricingPage.subtitle')}
</p>
<p className="text-lg text-warm-300 max-w-lg mx-auto">{t('pricingPage.subtitle')}</p>
</div>
<div className="relative z-10 max-w-2xl mx-auto px-6 mb-12 text-center">
<p className="text-warm-400 text-sm leading-relaxed mb-2">
{t('pricingPage.costContext')}
</p>
<p className="text-warm-200 font-semibold">
{t('pricingPage.lessThanSurvey')}
</p>
<p className="text-warm-400 text-sm leading-relaxed mb-2">{t('pricingPage.costContext')}</p>
<p className="text-warm-200 font-semibold">{t('pricingPage.lessThanSurvey')}</p>
</div>
<div className="relative z-10 max-w-5xl mx-auto px-6 pb-16">
@ -285,7 +279,9 @@ export default function PricingPage({
: 'text-navy-950 dark:text-warm-100'
}`}
>
{tier.price_pence === 0 ? t('upgrade.free') : formatPricePence(tier.price_pence)}
{tier.price_pence === 0
? t('upgrade.free')
: formatPricePence(tier.price_pence)}
</span>
{tier.price_pence > 0 && (
<span
@ -321,7 +317,14 @@ export default function PricingPage({
<div className="flex-1 flex flex-col px-6 py-6 bg-white dark:bg-warm-800">
<ul className="space-y-3 mb-6 flex-1">
{[t('pricingPage.feat1'), t('pricingPage.feat2'), t('pricingPage.feat3'), t('pricingPage.feat4'), t('pricingPage.feat5'), t('pricingPage.feat6')].map((feat, idx) => (
{[
t('pricingPage.feat1'),
t('pricingPage.feat2'),
t('pricingPage.feat3'),
t('pricingPage.feat4'),
t('pricingPage.feat5'),
t('pricingPage.feat6'),
].map((feat, idx) => (
<li key={idx} className="flex items-start gap-2.5 text-sm">
<CheckIcon className="w-4 h-4 text-teal-600 dark:text-teal-400 shrink-0 mt-0.5" />
<span className="text-warm-700 dark:text-warm-300">{feat}</span>
@ -338,7 +341,9 @@ export default function PricingPage({
</p>
)}
<p className="text-center text-xs text-warm-400 dark:text-warm-500 mt-2">
{isFree ? t('pricingPage.noCreditCard') : t('pricingPage.moneyBackGuarantee')}
{isFree
? t('pricingPage.noCreditCard')
: t('pricingPage.moneyBackGuarantee')}
</p>
</>
) : isFilled ? (
@ -357,9 +362,7 @@ export default function PricingPage({
</div>
</div>
) : (
<p className="text-center text-warm-400 py-16">
{t('pricingPage.failedToLoad')}
</p>
<p className="text-center text-warm-400 py-16">{t('pricingPage.failedToLoad')}</p>
)}
</div>
</div>