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

good stuff

Browse source
This commit is contained in:
Andras Schmelczer 2026-03-15 21:10:54 +00:00
parent ea8389ef40
commit f4de0eeb9f
39 changed files with 5165 additions and 348 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/invite/InvitePage.tsx
View file

@ -167,15 +167,15 @@ export default function InvitePage({
return (
<div className="h-screen w-screen flex items-center justify-center bg-gradient-to-b from-navy-950 via-navy-900 to-navy-900">
<div className="w-[90%] bg-white dark:bg-warm-800 rounded-3xl border border-warm-200 dark:border-warm-700 shadow-xl overflow-hidden">
<div className="bg-gradient-to-br from-navy-950 to-teal-900 px-20 py-16 text-center">
<h2 className="text-[144px] leading-tight font-bold text-white mb-6">
<div className="bg-gradient-to-br from-navy-950 to-teal-900 px-16 py-10 text-center">
<h2 className="text-7xl leading-tight font-bold text-white mb-3">
{isValid
? isAdminInvite
? 'You\u2019re invited!'
: 'Special offer!'
: 'Perfect Postcode'}
</h2>
<p className="text-warm-300 text-6xl leading-snug">
<p className="text-warm-300 text-3xl leading-snug">
{isValid && invite.invited_by
? isAdminInvite
? `${invite.invited_by} has invited you to get free lifetime access.`
@ -187,19 +187,19 @@ export default function InvitePage({
: 'Explore every neighbourhood in England'}
</p>
</div>
<div className="px-20 py-14 text-center">
<div className="px-16 py-8 text-center">
{isValid && !isAdminInvite && pricePence !== null && pricePence > 0 && (
<div className="mb-8">
<span className="text-warm-400 dark:text-warm-500 line-through text-8xl mr-6">
<div className="mb-4">
<span className="text-warm-400 dark:text-warm-500 line-through text-5xl mr-4">
{`\u00A3${pricePence / 100}`}
</span>
<span className="text-[192px] leading-none font-extrabold text-teal-600 dark:text-teal-400">
<span className="text-[96px] leading-none font-extrabold text-teal-600 dark:text-teal-400">
{`\u00A3${(Math.round(pricePence * 0.7) / 100).toFixed(2)}`}
</span>
<span className="text-warm-500 dark:text-warm-400 ml-4 text-6xl">/once</span>
<span className="text-warm-500 dark:text-warm-400 ml-2 text-3xl">/once</span>
</div>
)}
<p className="text-warm-600 dark:text-warm-400 text-6xl">
<p className="text-warm-600 dark:text-warm-400 text-3xl">
Property prices, energy ratings, crime stats, school ratings &amp; more
</p>
</div>