perfect-postcode/frontend/public/cheaper-twins/index.html
2026-07-03 18:47:28 +01:00

82 lines
5.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Cheaper twin postcodes in England | Perfect Postcode</title>
<meta name="description" content="Neighbouring England postcodes priced apart for the name, not the home. Find the cheaper twin of a pricier area." />
<link rel="canonical" href="https://perfect-postcode.co.uk/cheaper-twins" />
<style>
:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:#0b1220;background:#f7f5f0;line-height:1.6}
a{color:#0d9488}
.topbar{background:#0b1220;color:#e7ecf3;padding:.7rem 1.25rem;display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#2dd4bf;text-decoration:none;font-weight:700}
.wrap{max-width:54rem;margin:0 auto;padding:0 1.25rem}
.hero{background:linear-gradient(#0b1220,#111a2e);color:#fff;padding:3rem 0 2.5rem}
.eyebrow{color:#2dd4bf;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;margin:0 0 .5rem}
h1{font-size:2rem;line-height:1.15;margin:.2rem 0 .6rem}
.hook{color:#cbd5e1;font-size:1.15rem;margin:.5rem 0 1.4rem;max-width:42rem}
.big{font-size:3rem;font-weight:800;color:#2dd4bf;margin:.3rem 0}
.cta{display:inline-block;margin-top:.4rem;padding:.8rem 1.4rem;border-radius:.6rem;background:#f09a22;color:#0b1220;
font-weight:700;text-decoration:none;box-shadow:0 6px 20px rgba(122,57,5,.35)}
.cta:hover{background:#df8614}
table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:.6rem;overflow:hidden;
box-shadow:0 1px 3px rgba(0,0,0,.08)}
th,td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid #ece8e0;font-size:.95rem}
thead th{background:#0b1220;color:#fff}
tbody tr:last-child td{border-bottom:0}
.val{font-variant-numeric:tabular-nums;font-weight:600}
.cheaper{color:#0d9488}
section{margin:2rem 0}
h2{font-size:1.3rem;margin:0 0 .6rem}
.note{font-size:.82rem;color:#6b7280;border-top:1px solid #e5e1d8;padding-top:1rem;margin-top:2rem}
.links{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1rem 0}
.links a{display:block;background:#fff;border:1px solid #ece8e0;border-radius:.5rem;padding:.8rem 1rem;text-decoration:none;color:#0b1220}
.links a:hover{border-color:#5eead4}
.links b{color:#0d9488}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
.card{background:#fff;border:1px solid #ece8e0;border-radius:.6rem;padding:1.1rem;text-decoration:none;color:#0b1220}
.card:hover{border-color:#5eead4}
.card .n{color:#0d9488;font-weight:800;font-size:1.4rem}
footer{color:#6b7280;font-size:.8rem;padding:2rem 0 3rem}
@media(prefers-color-scheme:dark){body{background:#0b1220;color:#e7ecf3}table{background:#13203a}
th,td{border-color:#223153}.card,.links a{background:#13203a;border-color:#223153;color:#e7ecf3}
.note{border-color:#223153;color:#9fb0c3}}
</style>
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "CollectionPage", "name": "Cheaper twins", "url": "https://perfect-postcode.co.uk/cheaper-twins"}</script>
</head>
<body>
<div class="topbar"><a href="/">Perfect Postcode</a><a href="/?ref=twin">Open the map →</a></div>
<div class="hero"><div class="wrap">
<p class="eyebrow">England</p>
<h1>Cheaper twins: pay for the home, not the name</h1>
<p class="hook">Pairs of neighbouring England postcodes that share a station, school catchment and build era,
but sell thousands apart because one name got bid up. Built from 15 verified pairs.</p>
<a class="cta" href="/?ref=twins-hub">Find your cheaper twin on the map →</a>
</div></div>
<div class="wrap">
<section><div class="cards"><a class="card" href="/cheaper-twin/br3-3-vs-cr0-7"><div class="n">31%</div><div>Beckenham vs Croydon</div></a>
<a class="card" href="/cheaper-twin/ha7-2-vs-ha3-0"><div class="n">17%</div><div>Stanmore vs Kenton</div></a>
<a class="card" href="/cheaper-twin/ig8-7-vs-ig6-2"><div class="n">26%</div><div>Woodford Green vs Barkingside</div></a>
<a class="card" href="/cheaper-twin/l16-7-vs-l14-6"><div class="n">30%</div><div>Childwall vs Broadgreen</div></a>
<a class="card" href="/cheaper-twin/m40-5-vs-m9-4"><div class="n">42%</div><div>Newton Heath vs Harpurhey</div></a>
<a class="card" href="/cheaper-twin/rm14-2-vs-rm12-5"><div class="n">20%</div><div>Upminster vs Hornchurch</div></a>
<a class="card" href="/cheaper-twin/se28-8-vs-da18-4"><div class="n">30%</div><div>SE28 8 vs DA18 4</div></a>
<a class="card" href="/cheaper-twin/sw1x-8-vs-sw7-2"><div class="n">42%</div><div>SW1X 8 vs SW7 2</div></a>
<a class="card" href="/cheaper-twin/tw12-3-vs-kt8-1"><div class="n">19%</div><div>Hampton vs East Molesey</div></a>
<a class="card" href="/cheaper-twin/tw2-7-vs-tw3-2"><div class="n">19%</div><div>Twickenham vs Hounslow</div></a>
<a class="card" href="/cheaper-twin/w1j-7-vs-sw7-3"><div class="n">41%</div><div>W1J 7 vs SW7 3</div></a>
<a class="card" href="/cheaper-twin/w1j-8-vs-sw1a-2"><div class="n">37%</div><div>W1J 8 vs SW1A 2</div></a>
<a class="card" href="/cheaper-twin/w1k-2-vs-sw1x-0"><div class="n">32%</div><div>W1K 2 vs SW1X 0</div></a>
<a class="card" href="/cheaper-twin/w1u-4-vs-nw1-4"><div class="n">43%</div><div>Marylebone vs Camden</div></a>
<a class="card" href="/cheaper-twin/wc2a-2-vs-ec2a-2"><div class="n">43%</div><div>WC2A 2 vs EC2A 2</div></a></div></section>
<p class="note">Contains HM Land Registry data © Crown copyright and database right. Licensed under the Open Government Licence v3.0.</p>
</div>
<footer><div class="wrap">Sources: HM Land Registry · EPC (DLUHC) · Ofsted · DfT · ONS · Police.uk. Contains HM Land Registry data © Crown copyright and database right. Licensed under the Open Government Licence v3.0.</div></footer>
</body>
</html>