// home.jsx — V6: rectilinear home page.
// A more architectural, editorial take on the BorderUX bento.
// Dark frame, max-width content, asymmetric grid, tight gutters, near-square corners.
const RectStyles = "";
function Globe() {
// simple latitude/longitude lattice — purely decorative
return (
);
}
function IconCell({ kind }) {
const stroke = "#1A1815";
const sw = 1.6;
if (kind === "gauge") return (
);
if (kind === "truck") return (
);
if (kind === "pin") return (
);
if (kind === "cube") return (
);
return null;
}
function QuoteRotator() {
const fallbackItems = [
"What did your users do yesterday that nobody wrote down?",
"What does your best operator do without looking?",
"Which screen does the team curse at every shift?",
"What's the workaround that's been there for six months?",
"When did you last watch someone use the product?",
"What's in your tickets that never reached design?",
];
const items = (window.CONTENT && window.CONTENT.quotes && window.CONTENT.quotes.length > 0)
? window.CONTENT.quotes
: fallbackItems;
const [i, setI] = React.useState(0);
React.useEffect(() => {
const t = setInterval(() => setI((prev) => prev + 1), 7000);
return () => clearInterval(t);
}, []);
return (
);
}
function Home() {
window.useSEO({
title: "UX Strategy & Design Systems Studio",
description: "Border UX is a premier UX strategy, design systems, and research engineering studio. We design high-stakes enterprise workflows, telecom portals, and SOC interfaces."
});
const fallbackPillars = [
{
n: "01",
title: "Learn from people.",
body: "AI can read every doc, ticket, and Slack thread your company ever produced. But it can't sit next to your users and watch the workaround they've used for six months. We can."
},
{
n: "02",
title: "Automate with AI.",
body: "Our open-source tools synthesize what we find. Built on Claude, Gemini, and the rest. Thirty years of field research, codified into skills and workflows. Free and open-source."
},
{
n: "03",
title: "Design with care.",
body: "People, backed by AI, design and build consistent products that solve real problems with a human touch. The methods didn't change. The speed did."
}
];
const pillars = (window.CONTENT && window.CONTENT.pillars && window.CONTENT.pillars.length > 0)
? window.CONTENT.pillars
: fallbackPillars;
const techTitle = (window.CONTENT && window.CONTENT.techTitle) || "The tech we build/on.";
const servicesTitle = (window.CONTENT && window.CONTENT.servicesTitle) || "What we do to solve this challenge.";
return (
{/* MONUMENTAL WORDMARK */}
{/* HERO — three big pillar cards across the top */}
{pillars.map((p, idx) => (