// Primitives.jsx — futuristic edition
const HeroBadge = ({ children }) => (
{children}
);
const Button = ({ children, variant = 'primary', size, href, target, onClick }) => {
const cls = `cc-btn cc-btn--${variant}${size === 'large' ? ' cc-btn--large' : ''}`;
if (href) return {children};
return ;
};
const AppStoreButton = ({ href = '#' }) => (
Download on the App Store
);
const SectionHeader = ({ eyebrow, title, italic }) => (
{eyebrow}
{title}{italic && <> {italic}}
);
// Lucide-style line icons
const Icon = ({ name, size = 18, stroke = 1.5 }) => {
const paths = {
sparkles: <>,
shield: ,
zap: ,
users: <>,
react: <>,
flame: ,
brain: <>,
smartphone: <>,
cloud: ,
card: <>,
palette: <>,
palette_simple: <>,
arrow: <>
};
return (
);
};
const Atmospherics = () => (
<>
);
Object.assign(window, { HeroBadge, Button, AppStoreButton, SectionHeader, Icon, Atmospherics });