/* HERO MARQUEE, auto-scrolling "AI-first capabilities + tools" band.
Two counter-scrolling rows. Variant via :
aifirst (default) · dual · chips
Exported to window for home.jsx's Hero to mount. */
/* ---- full-colour brand logos (compact inline SVG) ---------------------- */
const TL = {
Claude: (
),
Cursor: (
),
'Google Antigravity': (
),
Figma: (
),
FigJam: (
),
Framer: (
),
Storybook: (
),
'Adobe XD': (
),
Miro: (
),
Notion: (
),
};
/* AI tools lead the line, reinforces the AI-first positioning */
const HMQ_TOOLS = [
['Claude', true], ['Cursor', true], ['Google Antigravity', true],
['Figma', false], ['FigJam', false], ['Framer', false],
['Storybook', false], ['Adobe XD', false], ['Miro', false], ['Notion', false],
];
const HMQ_CAPS = ['AI-First Design', 'Design Systems', 'Prompt-to-Prototype', 'UX Research', 'Prototyping', 'Interaction Design', 'AI Workflows', 'Accessibility'];
function HmqCapSeq() {
return (
{HMQ_CAPS.map((c, i) => (
✳{c}
))}
);
}
function HmqToolSeq() {
return (
✦AI-first stack
{HMQ_TOOLS.map(([t, ai], i) => (
{TL[t]}{t}
{ai && AI}
))}
);
}
function HeroMarquee() {
return (
);
}
Object.assign(window, { HeroMarquee });