opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

docs: simplify the pricing page

Browse source
This commit is contained in:
Oliver Davies 2023-09-22 21:05:59 +01:00
parent 18bde167b9
commit 6fcad46a2e
2 changed files with 113 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

87
src/pages/pricing.mdx
View file

@ -13,66 +13,33 @@ export const priceFormatter = new Intl.NumberFormat('en-GB', {
style: 'currency',
});
<div class="space-y-4">
<div>
<h2>For companies</h2>
<div class="space-y-12">
{products.map((product) => (
<article>
<h3>
{product.title} - <> </>
{product.price
? (
<>
{product.isFrom && (<>from </>)}
{priceFormatter.format(product.price)}
{product.perMonth && (<> per month</>)}
</>
)
: 'free!'
}
</h3>
{products && products.company.map(product => (
<article class="space-y-4">
<h3>
{product.title} - <> </>
{product.price
? (
<>{priceFormatter.format(product.price)}
{product.perMonth && (<> per month</>)}
</>
)
: 'Free!'
}
</h3>
<div>
<p>
{product.description}
{product.isLimited && (<> <strong>Limited places available!</strong></>)}
</p>
</div>
<div>
<p>
{product.description}
{product.isLimited && (<> <strong>Limited places available!</strong></>)}
</p>
</div>
<footer>
<a href={product.link.href}>{product.link.text} &rarr;</a>
</footer>
</article>
))}
</div>
<div>
<h2>For individuals</h2>
{products && products.individuals.map(product => (
<article class="space-y-4">
<h3>
{product.title} - <> </>
{product.price
? (
<>{priceFormatter.format(product.price)}
{product.perMonth && (<> per month</>)}
</>
)
: 'Free!'
}
</h3>
<div>
<p>
{product.description}
{product.isLimited && (<> <strong>Limited places available!</strong></>)}
</p>
</div>
<footer>
<a href={product.link.href}>{product.link.text} &rarr;</a>
</footer>
</article>
))}
</div>
<footer>
<a href={product.link.href}>{product.link.text} &rarr;</a>
</footer>
</article>
))}
</div>