// Shared components: Nav, Icon glyphs, IconTile, ChatBubble, AvatarTile, etc.
// Logo: green rounded square icon + chat bubble glyph + "Allora Agent" wordmark
const Logo = ({ size = 22, hideText = false }) => (
{!hideText && (
Allora
Agent
)}
);
const Nav = ({ onCta }) => {
return (
);
};
// ─── glyph icons (simple, brand-consistent) ───
const G = {
Bolt: (p) => (),
Chat: (p) => (),
Calendar: (p) => (),
Check: (p) => (),
Heart: (p) => (),
Shield: (p) => (),
Spark: (p) => (),
Clock: (p) => (),
Phone: (p) => (),
Moon: (p) => (),
Repeat: (p) => (),
User: (p) => (),
WhatsApp: (p) => (),
};
// Icon tile with colored bg (decorative)
const IconTile = ({ glyph, bg = "#FFFFFF", color = "#111", size = "md", style }) => {
const sizeClass = size === "lg" ? "icon lg" : size === "xl" ? "icon xl" : "icon";
const Glyph = G[glyph] || G.Bolt;
return (
);
};
// Avatar placeholder tile (initials + tint)
const AvatarTile = ({ initials = "AB", tint = "#E9D8FF", style, w = 96, h = 96, label }) => (
{initials}
{label && (
{label}
)}
);
// chat bubble float-tile
const ChatBubble = ({ children, them = false, style, time }) => (
{children}
{time && (
{time}
)}
{eyebrow &&
{eyebrow}
}
{title &&
{title}
}
{lede &&
{lede}
}