docs: simplify the pricing page

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

View file

@ -13,21 +13,20 @@ export const priceFormatter = new Intl.NumberFormat('en-GB', {
style: 'currency', style: 'currency',
}); });
<div class="space-y-4"> <div class="space-y-12">
<div> {products.map((product) => (
<h2>For companies</h2> <article>
{products && products.company.map(product => (
<article class="space-y-4">
<h3> <h3>
{product.title} - <> </> {product.title} - <> </>
{product.price {product.price
? ( ? (
<>{priceFormatter.format(product.price)} <>
{product.isFrom && (<>from </>)}
{priceFormatter.format(product.price)}
{product.perMonth && (<> per month</>)} {product.perMonth && (<> per month</>)}
</> </>
) )
: 'Free!' : 'free!'
} }
</h3> </h3>
@ -43,36 +42,4 @@ export const priceFormatter = new Intl.NumberFormat('en-GB', {
</footer> </footer>
</article> </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>
</div> </div>

View file

@ -1,5 +1,4 @@
{ [
"company": [
{ {
"title": "Diagnosis", "title": "Diagnosis",
"description": "An in-depth investigation into a single issue where I'll provide a report with my findings and advice on the next steps. Once you've purchased, you can book a Zoom call with me to discuss what you want me to investigate.", "description": "An in-depth investigation into a single issue where I'll provide a report with my findings and advice on the next steps. Once you've purchased, you can book a Zoom call with me to discuss what you want me to investigate.",
@ -22,6 +21,7 @@
"title": "Development team coaching", "title": "Development team coaching",
"description": "Do you want to upskill your in-house team or have someone provide oversight and guidance as they deliver a project? Get unlimited 1-on-1 private Slack access to me and regular check-in calls to ensure things are on track.", "description": "Do you want to upskill your in-house team or have someone provide oversight and guidance as they deliver a project? Get unlimited 1-on-1 private Slack access to me and regular check-in calls to ensure things are on track.",
"perMonth": true, "perMonth": true,
"isFrom": true,
"isLimited": true, "isLimited": true,
"price": 5000, "price": 5000,
"link": { "link": {
@ -33,17 +33,17 @@
"title": "Private talk or workshop", "title": "Private talk or workshop",
"description": "If you found one of my public speaking presentations or workshops useful, I'm available for private speaking engagements on a variety of topics to help your team succeed.", "description": "If you found one of my public speaking presentations or workshops useful, I'm available for private speaking engagements on a variety of topics to help your team succeed.",
"price": 2000, "price": 2000,
"isFrom": true,
"link": { "link": {
"text": "Schedule a talk", "text": "Schedule a talk",
"href": "https://buy.stripe.com/eVa4h0bgSaPM6NqcMU" "href": "https://buy.stripe.com/eVa4h0bgSaPM6NqcMU"
} }
} },
],
"individuals": [
{ {
"title": "1-on-1 development coaching", "title": "1-on-1 development coaching",
"description": "The same as development team coaching, but for individual Developers and soloists.", "description": "The same as development team coaching, but for individual Developers and soloists.",
"perMonth": true, "perMonth": true,
"isFrom": true,
"isLimited": true, "isLimited": true,
"price": 1000, "price": 1000,
"link": { "link": {
@ -85,5 +85,4 @@
"href": "https://github.com/opdavies/drupal-module-template" "href": "https://github.com/opdavies/drupal-module-template"
} }
} }
] ]
}