AboutHero.tsx6
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import { Link } from "@tanstack/react-router";
import aboutHero from "@/assets/about-hero.jpg";
/**
* AboutHero — Figma "OUR STORY" hero with headline + dual
* portrait photo card that has a small white floating cre…
*/
export function AboutHero() {
return (
<section className="bg-surface px-6 pt-16 pb-16 sm:px…">
<div className="mx-auto grid max-w-[1440px] grid-co…">
{/* Copy column */}
<div className="flex flex-col gap-10 lg:gap-12">
<div className="flex flex-col gap-5">
<div className="flex flex-col gap-6 sm:gap-8">
<span className="uw-overline self-start">OUR STOR
<h1
className="text-[40px] leading-[1.1] trac…ing-[…"
style={{
color: "#221845",
fontFamily: "var(--font-display)",
fontWeight: 800,
}}
>
Powering Nigeria one home at a time
</h1>
</div>
<p
className="text-[16px] leading-[24px] sm:te…[18…"
style={{
color: "#221845",
fontFamily: "var(--font-sans)",
}}
powershell ⚠
PS C:\Users\moren\Documents\GitHub\uwana2>