// kit-collateral.jsx — application mockups. Relies on marks + kit-ui (CT). const C = window.CT; // brand colors /* ---- social avatars ---- */ function Avatar({ accentBg }) { return (
); } /* ---- neon sign ---- */ function NeonSign() { return (
); } /* ---- to-go cup ---- */ function Cup() { return (
); } /* ---- tote ---- */ function Tote() { return (
); } /* ---- phone wallpaper (golden-ratio, symmetric) ---- */ function Wallpaper() { const icon = { display: 'flex', gap: 2.5, alignItems: 'center' }; return (
9:41
COCO TIDE
WHERE OCEAN MEETS CITY
); } /* ---- coaster ---- */ function Coaster() { return (
); } /* ---- business card (front + back) ---- */ function BusinessCard() { return (
BEACHSIDE · HULHUMALÉ
Maya Reef · Floor Lead
hello@cocotide.mv · @cocotide
); } /* ---- menu card ---- */ function MenuCard() { const item = (n, p) => (
{n} {p}
); return (
COCONUT BAR
{item('Tide Cold Brew', '95')} {item('Coco Matcha', '110')} {item('Sunset Spritz', '130')} {item('Reef Greens', '160')} {item('Salt & Lime', '85')}
WHERE OCEAN MEETS CITY
); } /* ---- exterior signage ---- */ function Signage() { return (
{/* facade */}
{/* striped awning along the top */}
{/* centered mark + wordmark, symmetric, with clear space below the awning */}
); } /* ---- social post ---- */ function SocialPost() { return (
`)}")` }} />
SUNDAY
SUNDOWN
LIVE SETS · 5–8 PM
); } /* ---- gift card ---- */ function GiftCard() { return (
GIFT CARD
MVR 500
); } /* ---- staff tee ---- */ function Tee() { return (
); } /* ---- packaging / takeaway bag ---- */ function Bag() { return (
); } Object.assign(window, { Avatar, NeonSign, Cup, Tote, Wallpaper, Coaster, BusinessCard, MenuCard, Signage, SocialPost, GiftCard, Tee, Bag });