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

Ruby frontend changes

Browse source
This commit is contained in:
Andras Schmelczer 2026-02-19 22:44:07 +00:00
parent 787428f1a5
commit b9f9c3ae50
2 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/home/HomePage.tsx
View file

@ -41,7 +41,7 @@ export default function HomePage({
<div className="relative z-10 max-w-4xl mx-auto px-6 md:px-10 pt-16 md:pt-24 backdrop-blur-[2px] flex-1 flex flex-col">
<div>
<h1 className="text-3xl md:text-5xl font-extrabold text-white mb-4 leading-[1.1] tracking-tight">
Get more <span className="text-teal-400">home</span> for your money.
Maximum <span className="text-teal-400">Value</span>. Minimum Compromise.
</h1>
<p className="text-xl text-warm-300 mb-6 leading-relaxed max-w-xl">
Buying a home may be your most important decision. Why not ensure you make your
@ -49,7 +49,9 @@ export default function HomePage({
</p>
<p className="text-lg text-warm-400 mb-8 max-w-lg">
You have so many options. Picking the best one is daunting and stressful. It
won&apos;t be anymore when looking at the property landscape through our dashboard.
won&apos;t be anymore when looking at the property landscape through our
interactive map. Simply pick your exact needs and our interactive map will show
you all areas that satisfy your requirements and more.
</p>
<div className="flex items-center gap-4 mb-10">
<button
@ -82,7 +84,7 @@ export default function HomePage({
<div className="text-2xl md:text-3xl font-bold text-white">
<TickerValue text="56" active={statsActive} />
</div>
<div className="text-sm text-warm-400">data layers</div>
<div className="text-sm text-warm-400">filters</div>
</div>
<div>
<div className="text-2xl md:text-3xl font-bold text-white">Every</div>
@ -93,7 +95,7 @@ export default function HomePage({
<div className="flex-1" />
<div className="flex flex-col items-center pb-8 animate-[bounce_3s_ease-in-out_infinite]">
<p className="text-lg md:text-xl font-semibold text-warm-300 mb-2">
Let&apos;s look at an example
How does it work?
</p>
<ChevronIcon direction="down" className="w-6 h-6 text-warm-400" />
</div>
@ -124,7 +126,7 @@ export default function HomePage({
))}
</div>
<p className="text-center mt-10 text-lg text-warm-700 dark:text-warm-300 max-w-2xl mx-auto leading-relaxed">
We do. 13 million historical transactions. 56 data layers. Real travel-time routing to
We do. 13 million historical transactions. 56 filters. Real travel-time routing to
any destination. Every postcode in England, scored and filterable, on a single map.
</p>
</div>

5
frontend/src/components/home/ScrollStory.tsx
View file

@ -66,10 +66,13 @@ const STEPS: { heading: string | null; body: React.ReactNode }[] = [
heading: null,
body: (
<>
<p className="text-lg leading-relaxed mb-4">
Let&apos;s look at an example:
</p>
<p className="text-lg leading-relaxed mb-4">
You&apos;re about to spend{' '}
<strong className="text-navy-950 dark:text-warm-100">
&pound;300,000&ndash;600,000
&pound;300k&ndash;&pound;400k
</strong>{' '}
on a home. Your research method? Scrolling through listings and hoping for the best.
</p>