// J Renee Studios — Las Vegas Modern Headshots & Branding service page chrome // Includes a dismissible announcement bar (Modern Headshot Day). const { useState: vhUseState, useEffect: vhUseEffect } = React; const VH_INK = "#1A1A1A"; const VH_WHITE = "#FFFFFF"; const VH_GOLD = "#C9A84C"; const VH_BEIGE = "#F6F2EE"; const VH_GREY = "#8A8580"; // ---------- Primitives ---------- function VhEyebrow({ children, color = VH_GOLD, style }) { return (
{children}
); } function VhGoldRule({ width = 56, color = VH_GOLD, style }) { return ; } function VhBtn({ children, variant = "gold", onClick, href, style }) { const base = { padding: "20px 38px", fontFamily: "Poppins, sans-serif", fontWeight: 300, fontSize: 11, letterSpacing: "0.36em", textTransform: "uppercase", cursor: "pointer", border: "1px solid", borderRadius: 0, transition: "background-color 220ms ease, color 220ms ease, border-color 220ms ease", display: "inline-flex", alignItems: "center", gap: 14, textDecoration: "none", }; const variants = { "gold": { background: VH_GOLD, color: VH_WHITE, borderColor: VH_GOLD }, "outline-ink": { background: "transparent", color: VH_INK, borderColor: VH_INK }, "outline-light": { background: "transparent", color: VH_WHITE, borderColor: "rgba(255,255,255,0.85)" }, }; const [hover, setHover] = vhUseState(false); const hoverStyle = hover ? ( variant === "gold" ? { background: "#b59340", borderColor: "#b59340" } : variant === "outline-ink" ? { background: VH_INK, color: VH_WHITE } : { background: VH_WHITE, color: VH_INK, borderColor: VH_WHITE } ) : {}; const Tag = href ? "a" : "button"; return ( setHover(true)} onMouseLeave={()=>setHover(false)} style={{ ...base, ...variants[variant], ...hoverStyle, ...style }}>{children} ); } // ---------- Announcement Bar (Modern Headshot Day) ---------- function VhAnnouncementBar({ visible, onDismiss }) { if (!visible) return null; return (
This Month's Special Modern Headshot Day · Once a month in Las Vegas Reserve your spot →
); } // ---------- Header ---------- function VhHeader({ scrolled, barVisible }) { return (
Home Las Vegas
J Renee
Studios
Modern Headshots & Branding { e.currentTarget.style.background = "#b59340"; e.currentTarget.style.borderColor = "#b59340"; }} onMouseLeave={(e) => { e.currentTarget.style.background = VH_GOLD; e.currentTarget.style.borderColor = VH_GOLD; }} >Specials
); } // ---------- Footer ---------- function VhFooter() { return ( ); } // ---------- Placeholder cell (gold-bordered, gloock label) ---------- // Used by the gallery while the studio swaps in real images. function VhPlaceholder({ label, sublabel, aspect = "4/5", style }) { return (
Image {label} {sublabel && ( {sublabel} )}
); } Object.assign(window, { VhEyebrow, VhGoldRule, VhBtn, VhAnnouncementBar, VhHeader, VhFooter, VhPlaceholder, VH_INK, VH_WHITE, VH_GOLD, VH_BEIGE, VH_GREY, vhUseState, vhUseEffect, });