// about-components.jsx – Brivio Capital "About Us" page. // Relies on globals declared in landing-components.jsx (loaded first): // T, FONT_UI, FONT_DISPLAY, btnPrimary, Arrow, Eyebrow, useReveal, useViewport, Footer // Do NOT redeclare those names here (shared Babel global scope). // ─── ABOUT NAV ─────────────────────────────────────────────────────────────── // Visually identical to the homepage Nav, but every item is a real link so it // works as a standalone page. "How it Works" / "Why Brivio" jump to the homepage // sections; "About Us" is the current page; "Apply to Partner" → contact. function AboutNav() { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); const { isMobile, isTablet } = useViewport(); useEffect(() => { const h = () => setScrolled(window.scrollY > 50); window.addEventListener('scroll', h); return () => window.removeEventListener('scroll', h); }, []); const navItems = [ { label: 'How it Works', href: 'index.html#how-it-works' }, { label: 'Why Brivio', href: 'index.html#why' }, { label: 'About Us', href: 'about.html', active: true }, { label: 'FAQs', href: 'faq.html' }]; const linkSt = { background: 'none', border: 'none', cursor: 'pointer', padding: 0, color: 'rgba(245,247,249,0.62)', fontSize: 13, fontWeight: 400, letterSpacing: '0.03em', fontFamily: 'inherit', transition: 'color 0.2s', whiteSpace: 'nowrap', textDecoration: 'none' }; return ( ); } // ─── LINKEDIN ICON ─────────────────────────────────────────────────────────── function LinkedInLink({ href, name }) { return ( {e.currentTarget.style.background = 'rgba(185,155,95,0.12)';e.currentTarget.style.borderColor = T.brass;}} onMouseLeave={(e) => {e.currentTarget.style.background = 'transparent';e.currentTarget.style.borderColor = T.border;}}> ); } // ─── ABOUT PAGE ────────────────────────────────────────────────────────────── const ABOUT_FOUNDERS = [ { photoKey: 'charlesHeadshot', name: 'Charles Do', role: 'Founder & CEO', linkedin: 'https://www.linkedin.com/in/charles-do/', tagline: 'Bank. Captive. Fintech. One of the few auto finance executives to have led businesses inside all three', bio: 'Charles began at GMAC and lived through the 2008 financial crisis as it became Ally Financial. At JPMorgan Chase, he led three auto finance businesses, including the bank\u2019s white-label captive program for Jaguar Land Rover. He later launched Best Egg\u2019s auto lending business as Head of Auto. Most recently led Harley-Davidson Financial Services through a landmark forward flow transaction with KKR and PIMCO, including a 9.8% equity sale of the business.' }, { photoKey: 'benHeadshot', name: 'Ben Lee', role: 'Co-Founder & COO', linkedin: 'https://www.linkedin.com/in/benjamin-lee-81b7878/', tagline: 'Priced and scaled auto lending businesses across the largest institutions in auto finance', bio: 'Ben began his career in GE Capital\u2019s Financial Management Program before joining Ally Financial in 2010, where he ran stress testing as the bank rebuilt under post-crisis regulatory scrutiny. At JPMorgan Chase, he led pricing across the bank\u2019s auto originations portfolio, including the white-label captive programs for Mazda, Subaru, and Jaguar Land Rover, before continuing that work at Santander. He later joined Best Egg to help build and ultimately led the auto lending business.' }]; function AboutHeader() { const [mounted, setMounted] = useState(false); const { isMobile, isTablet } = useViewport(); useEffect(() => {const t = setTimeout(() => setMounted(true), 60);return () => clearTimeout(t);}, []); return (
{/* Grid texture */}
{/* Brass ambient glow */}
ABOUT US

30 years inside auto lenders{' '} Now building the alternative

); } function AboutProse({ eyebrow, title, paras, background, emphasizeShort }) { const [ref, visible] = useReveal(); const { isMobile, isTablet } = useViewport(); const isLight = background === T.bgLight; return (
{eyebrow}

{title}

{paras.map((p, i) => { const isShort = emphasizeShort && p.trim().split(' ').length <= 3; return (

{p}

); })}
); } function FounderCard({ f }) { const { isMobile } = useViewport(); return (
{/* Headshot – swap the file at assets/_headshot.png to replace */} {f.name}

{f.name}

{f.role}

{f.tagline}

{f.bio}

); } function AboutFounders() { const [ref, visible] = useReveal(); const { isMobile, isTablet } = useViewport(); return (
THE FOUNDERS

The operators behind Brivio

{ABOUT_FOUNDERS.map((f, i) => )}
{/* Closing line */}

Together, we've spent three decades inside auto finance … running captives, leading pricing, and operating through every condition the market throws at lenders. If you're a dealer group ready to own your lending economics, let's talk.

e.currentTarget.style.background = T.brassLight} onMouseLeave={(e) => e.currentTarget.style.background = T.brass}> Apply to Partner
); } function AboutPage() { useEffect(() => { // Honor a #hash on load (e.g. arriving mid-page); otherwise top. if (!window.location.hash) window.scrollTo(0, 0); }, []); return ( <>