import { useState, useEffect } from “react”;
const IMG = {
hero:
“data:image/jpeg;base64,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”,
mountain:
“data:image/jpeg;base64,…”, // truncated for brevity
buildings:
“data:image/jpeg;base64,…”
};
const COLORS = {
rust: “#4A2E1A”,
taupe: “#9A8A76”,
sand: “#DDDSC4”,
clay: “#6B5B4E”,
cream: “#FDFAF4”
};
export default function RatioBuilderLanding() {
const [ctaClicked, setCtaClicked] = useState(false);
useEffect(() => {
if (ctaClicked) {
// rudimentary scroll-to-form to reward the click
const form = document.getElementById(“contact-section”);
if (form) form.scrollIntoView({ behavior: “smooth” });
}
}, [ctaClicked]);
return (
{/* HERO */}
Lend. Build. Scale.
You build homes. We build your capital stack.
Ratio Builder helps residential professionals line up smart, flexible
capital so they can stop babysitting spreadsheets and get back on site.
setCtaClicked(true)}
style={{
padding: “0.85rem 1.75rem”,
borderRadius: 999,
border: “none”,
backgroundColor: COLORS.rust,
color: COLORS.cream,
fontSize: “1rem”,
letterSpacing: “0.08em”,
textTransform: “uppercase”,
cursor: “pointer”
}}
>
Peek at your leverage
setCtaClicked(true)}
style={{
background: “none”,
border: “none”,
color: COLORS.clay,
cursor: “pointer”,
fontSize: “0.95rem”,
textDecoration: “underline”
}}
>
Or just schedule a call →
90 seconds. No spam. Just a pattern‑spotting brain on your numbers.
{/* Hero visual with peephole CTA */}
{/* LEND BUILD SCALE */}
A capital stack designed for builders, not bankers.
We combine lending intelligence with on‑the‑ground experience so your next
project is funded, predictable, and actually scalable.
{[
{
label: “Lend.”,
title: “Clarity on your capital.”,
copy:
“We plug into your pipeline, map current lenders, and surface where your capital stack is helping—or quietly holding you back.”
},
{
label: “Build.”,
title: “Structure around your pipeline.”,
copy:
“We design a blended stack that supports your next 3–5 projects instead of forcing you to renegotiate every single start.”
},
{
label: “Scale.”,
title: “Confidence to push further.”,
copy:
“We stress‑test scenarios so you know exactly how far you can go without waking up to a lender surprise.”
}
].map((item) => (
{item.label}
{item.title}
{item.copy}
))}
{/* WHY BUILDERS CALL US */}
Why builders call Ratio Builder.
You already know how to build. We help you build without capital becoming
the bottleneck.
You are juggling multiple lenders and chasing draws.
You suspect you are leaving deals on the table because your capital
structure cannot keep up.
You want an experienced brain that speaks both term sheet and jobsite.
setCtaClicked(true)}
style={{
marginTop: “1.4rem”,
padding: “0.8rem 1.6rem”,
borderRadius: 999,
border: `1px solid ${COLORS.rust}`,
background: “none”,
color: COLORS.rust,
fontSize: “0.95rem”,
letterSpacing: “0.05em”,
textTransform: “uppercase”,
cursor: “pointer”
}}
>
Show me what I’m missing
“Freedom to scale” is not a slogan. It is what happens when your capital
structure finally matches your ambition.
{/* VIDEO FEATURE STRIP */}
See your projects the way a lender does.
Our peephole lens view uses data and pattern recognition to look at your
deals like an underwriter—then helps you beat that model instead of guess
at it.
Curiosity is a feature, not a bug. The more your brain leans in, the more
you remember—and the more likely you are to act.
window.open(
“https://ratiobuildercapital.my.canva.site/peephole-lens-ai-video-effect”,
“_blank”
)
}
style={{
marginTop: “1.2rem”,
padding: “0.7rem 1.4rem”,
borderRadius: 999,
border: “none”,
backgroundColor: COLORS.cream,
color: COLORS.rust,
fontSize: “0.9rem”,
letterSpacing: “0.08em”,
textTransform: “uppercase”,
cursor: “pointer”
}}
>
Watch the 45‑second walkthrough
window.open(
“https://ratiobuildercapital.my.canva.site/peephole-lens-ai-video-effect”,
“_blank”
)
}
>
Peephole Lens AI video
Click to open in a new tab
{/* FINAL CTA + FORM */}
);
}
const inputStyle = {
width: “100%”,
padding: “0.7rem 0.85rem”,
borderRadius: 999,
border: “1px solid #C8BFB2”,
fontSize: “0.9rem”,
outline: “none”,
backgroundColor: “#f9f6f1”
};