// Shared core components — Logo, Icon, Nav, Footer
const Logo = ({h = 22, inverse = false, className = "", style = {}}) => (
LEAPSTAQ
);
const Mark = ({h = 22, inverse = false, style = {}}) => (
);
const Icon = ({name, size = 20, className = "", style = {}}) => {
const paths = {
"arrow-right": <>,
"arrow-up-right": <>,
"arrow-down-right": <>,
"check": ,
"zap": ,
"database": <>,
"code": <>,
"package": ,
"activity": ,
"menu": <>,
"users": <>,
"layers": <>,
"git-branch": <>,
"aperture": <>,
"terminal": <>,
"map-pin": <>,
"external": <>,
"plus": <>,
"dot": ,
};
return (
);
};
const Eyebrow = ({children, className = "", style = {}}) => (
{children}
);
const Nav = ({theme = "light"}) => {
const dark = theme === "dark";
const items = [
{ k: "services", href: "#services", label: "the services" },
{ k: "products", href: "#products", label: "the products" },
{ k: "network", href: "#network", label: "the network" },
{ k: "team", href: "#team", label: "the team" },
{ k: "careers", href: "#careers", label: "careers" },
];
return (
);
};
const Footer = () => (
);
const ClientMark = ({name, inverse = false}) => (
{name}
);
const TeamAvatar = ({name, photo, size = 56}) => {
const { bg, initial } = avatarFor(name);
const [err, setErr] = React.useState(false);
if (photo && !err) {
return (
setErr(true)} style={{
width: size, height: size, borderRadius: 999, objectFit: "cover",
background: bg, flexShrink: 0,
boxShadow: "inset 0 0 0 1px rgba(255,255,255,.06)"
}}/>
);
}
return (
{initial}
);
};
Object.assign(window, { Logo, Mark, Icon, Eyebrow, Nav, Footer, ClientMark, TeamAvatar });