/* Casa Khanya — Hi-fi v2 · Part 3 · Location, Guidelines, Contact */ const LocationBlock = () => (
── 09 / Location What makes Casa Khanya
a great location.
We sit on the ridge between Jericho GRA and the Ibadan Ring Road — four minutes to Mokola, ten to the International School, an hour to Lagos, and zero to a long horizon. {/* Map diagram */}
{/* Topography contour */} {[0, 1, 2, 3].map((i) => ( ))} {/* Circular Road */} IBADAN RING ROAD {/* Roads */} {/* Casa Khanya — center */} Casa Khanya 38 HA · YOU ARE HERE {/* Jericho GRA */} Jericho GRA NEIGHBOUR · 4 MIN {/* Other hotspots */} {[ [380, 240, "Mokola roundabout", "4 min · markets, post, banks"], [1280, 540, "Intl. School Ibadan", "10 min · K-12"], [220, 580, "Cocoa farms", "12 min · 6 working farms"], [1340, 180, "Lagos–Ibadan Expy", "14 min · to Lagos"], [600, 660, "UCH Hospital", "18 min · University College"], ].map(([x, y, n, sub]) => ( {n} {sub} ))} {/* Compass */} N {/* Scale */} 1 KM
{/* Distance grid */}
{[ ["4 min", "to Mokola roundabout"], ["4 min", "to Jericho GRA"], ["10 min", "to Intl. School Ibadan"], ["14 min", "to Lagos–Ibadan Expy"], ["1 h", "to Lagos"], ["40 min", "to Ibadan Airport"], ].map(([n, l]) => (
{n}
{l}
))}
); const Guidelines = () => (
── 10 / Guidelines Estate development{" "} guidelines. A short, opinionated rulebook so that what your neighbour builds doesn’t accidentally ruin your morning view.
{[ ["Plot coverage", "Max 35% footprint. The land breathes."], [ "Roof line", "Single-pitch or flat. No mock-Tudor, no faux-colonial.", ], [ "Materials", "Local laterite, hardwood, lime plaster. Glass is encouraged.", ], [ "Boundary walls", "No solid walls. Living hedges or open fencing only.", ], [ "Water", "Every home must harvest rainwater. Tanks above 5 000 L hidden.", ], [ "Lighting", "Warm, downward, low-glare. The Ibadan night sky is the rule.", ], [ "Building period", "36 months from transfer. Two extensions, by request.", ], ].map(([t, d], i, a) => (
0{i + 1}
{t}
{d}
))}
); const ContactBlock = () => { const [firstName, setFirstName] = React.useState(""); const [lastName, setLastName] = React.useState(""); const [email, setEmail] = React.useState(""); const [phone, setPhone] = React.useState(""); const [plotInterest, setPlotInterest] = React.useState("800–1 200 m²"); const [timeline, setTimeline] = React.useState("3–6 months"); const [notes, setNotes] = React.useState(""); const [agreed, setAgreed] = React.useState(false); const handleSubmit = (e) => { e.preventDefault(); console.log("Casa Khanya · registration", { firstName, lastName, email, phone, plotInterest, timeline, notes, agreed, }); }; const fieldStyle = { padding: "14px 16px", background: CK.ivoryDim, borderRadius: 4, border: `1px solid ${CK.charcoal}14`, font: '15px "DM Sans"', color: CK.charcoal, width: "100%", boxSizing: "border-box", outline: "none", }; const chipButtonStyle = { background: "none", border: "none", padding: 0, margin: 0, cursor: "pointer", font: "inherit", color: "inherit", }; return (
k.
{/* Left — talk to us */} ── 13 / Get in touch Talk to us —{" "} any way you like. The sales office is open Monday — Saturday, 9 to 5. Sundays we’re on the estate, walking. WhatsApp is the fastest. {/* CTA tiles */} {[ { t: "WhatsApp", sub: "Sales office · CRM-linked", v: "+234 802 487 2200", tag: "⚡ usually replies in 6 min", accent: "#25D366", }, { t: "Call", sub: "Mon–Sat · 9 to 5", v: "+234 802 487 2200", tag: "Direct line · sales", accent: CK.brass, }, { t: "Book a viewing", sub: "Saturday morning slots", v: "Pick a time →", tag: "4 slots open this week", accent: CK.brass, }, { t: "Brochure", sub: "PDF · 12 MB", v: "Download now ↓", tag: "April 2026", accent: CK.brass, }, ].map((c) => (
{c.sub}
{c.t}
{c.v}
{c.tag}
))}
Follow
Instagram ↗ YouTube ↗ Twitter (X) ↗
{/* Right — contact form */} Register your interest We’ll write back within a day.
setFirstName(e.target.value)} autoComplete="given-name" style={fieldStyle} /> setLastName(e.target.value)} autoComplete="family-name" style={fieldStyle} />
setEmail(e.target.value)} autoComplete="email" style={fieldStyle} /> setPhone(e.target.value)} autoComplete="tel" style={fieldStyle} />
Plot interest
{[ "800–1 200 m²", "1 200–1 800 m²", "1 800–2 400 m²", "Show me everything", ].map((v) => { const selected = plotInterest === v; return ( ); })}
Timeline
{["Immediately", "3–6 months", "6–12 months", "Just looking"].map( (v) => { const selected = timeline === v; return ( ); }, )}