/* global React */ const stLink = { display:'inline-flex', alignItems:'center', gap:6, flexShrink:0, whiteSpace:'nowrap', color:'inherit', textDecoration:'none' }; const stSection = { padding:'72px var(--container-pad)' }; const stWrap = { maxWidth:'var(--container-max)', margin:'0 auto' }; const stKicker = { fontSize:12.5, fontWeight:700, letterSpacing:'.16em', textTransform:'uppercase', color:'var(--brand-accent)', margin:'0 0 10px' }; const stH2 = { fontSize:'var(--fs-display-md)', fontWeight:700, letterSpacing:'.03em', textTransform:'uppercase', lineHeight:1.2, color:'var(--text-primary)', margin:'0 0 14px' }; const stBody = { color:'var(--text-secondary)', fontSize:'var(--fs-body-lg)', lineHeight:'var(--lh-normal)', margin:0 }; function StructuresTopBar({ Icon, nap, groupLabel, groupHref }) { return ( {groupLabel && {groupLabel}} {nap.phone} {nap.email} {nap.addressLine} ); } function StructuresTrust({ Icon, t }) { const items = (t.trust && t.trust.items) || []; const ic = ['shield', 'pin', 'gauge', 'check']; return (
{items.map((it, i) => (

14 ? 15 : 17.5, fontWeight:800, lineHeight:1.2, color:'var(--brand-primary)' }}>{it.k}

{it.v}

))}
); } function StructuresMobileBar({ Icon, t, nap }) { const m = t.mobileBar || { call:'Llamar', wa:'WhatsApp' }; const cell = { flex:1, display:'flex', alignItems:'center', justifyContent:'center', gap:9, height:52, fontSize:15, fontWeight:700, textDecoration:'none', letterSpacing:'.02em' }; return (
{m.call} {m.wa}
); } function StructuresHero({ Button, t, onNav }) { const h = t.hero; return (
{h.kicker}

{h.h1}

{h.sub}

{ e.preventDefault(); onNav && onNav('services'); }} style={{ display:'inline-flex', alignItems:'center', gap:8, fontSize:14, fontWeight:700, letterSpacing:'.1em', textTransform:'uppercase', color:'var(--brand-accent-light)', textDecoration:'none', borderBottom:'1px solid rgba(0,172,249,.45)', paddingBottom:3 }}>{h.ctaSecondary}
); } function StructuresServices({ Icon, t, onNav, limit, exclude }) { const s = t.services; const skip = exclude || []; const pool = s.items.filter((it) => skip.indexOf(it.slug) === -1); const items = limit ? pool.slice(0, limit) : pool; return (

{s.kicker}

{s.h1}

{s.sub}

{ e.preventDefault(); onNav && onNav('services'); }} style={{ fontSize:14, fontWeight:700, letterSpacing:'.1em', textTransform:'uppercase', color:'var(--brand-accent-light)', textDecoration:'none', display:'inline-flex', alignItems:'center', gap:9 }}> {s.ctaButton}
); } function StructuresGallery({ t }) { const g = t.gallery; const plans = g.plans || []; const caps = g.caps || []; const [i, setI] = React.useState(0); const [open, setOpen] = React.useState(0); const [hold, setHold] = React.useState(false); React.useEffect(() => { if (hold || plans.length < 2) return undefined; const id = setInterval(() => setI((v) => (v + 1) % plans.length), 6000); return () => clearInterval(id); }, [hold, plans.length]); const go = (n) => setI((n + plans.length) % plans.length); const cur = plans[i] || {}; return (

{g.kicker}

{g.title}

{g.sub}

setHold(true)} onMouseLeave={() => setHold(false)}>
{cur.title} {cur.place}{cur.kind ? ' · ' + cur.kind : ''}
    {caps.map((c, k) => { const on = open === k; return (
  • setOpen(k)} style={{ display:'grid', gridTemplateColumns:'44px minmax(0,1fr)', gap:16, padding:'20px 20px 20px 4px', paddingLeft:on ? 14 : 4, borderBottom:'1px solid rgba(98,141,173,.28)', background:on ? 'var(--color-st-navy-900)' : 'transparent', color:on ? '#fff' : 'var(--text-primary)', cursor:'pointer' }}> {'0' + (k + 1)}

    {c.title}

    {c.desc}

    • ); })}
); } function StructuresPtCard({ it }) { const shots = it.imgs && it.imgs.length > 1 ? it.imgs : null; const [i, setI] = React.useState(0); const [hold, setHold] = React.useState(false); React.useEffect(() => { if (!shots || hold) return undefined; const id = setInterval(() => setI((v) => (v + 1) % shots.length), 5000); return () => clearInterval(id); }, [shots, hold]); return (
setHold(true)} onMouseLeave={() => setHold(false)} style={{ background:'#fff', color:'var(--text-primary)', borderRadius:'var(--radius-lg)', overflow:'hidden', boxShadow:'var(--shadow-lg)', display:'flex', flexDirection:'column', minWidth:0 }}> {shots ? (
{shots.map((s, k) => ( {it.title} ))} {shots[i].cap && {shots[i].cap}}
{shots.map((s, k) => (
) : ( {it.title} )}

{it.title}

{it.desc}

); } function StructuresProjectTypes({ t }) { const p = t.projectTypes; return (

{p.kicker}

{p.title}

{p.items.map((it, i) => )}
); } function StructuresProcess({ t }) { const p = t.process; return (

{p.kicker}

{p.title}

    {p.steps.map((s) => (
  1. {s.n}

    {s.title}

    {s.desc}

    2. ))}
); } function StructuresWhy({ Button, Icon, t, onNav }) { const w = t.why; const icons = ['gauge', 'chart', 'users', 'pin']; return (

{w.title}

{w.sub}

{w.statsTitle &&

{w.statsTitle}

} {w.stats.map((s, i) => (

5 ? 22 : 30, fontWeight:800, lineHeight:1.1, letterSpacing:'-.01em' }}>{s.k}

{s.v}

))}
); } function StructuresProjects({ t, limit }) { const p = t.projects; const items = limit ? p.items.slice(0, limit) : p.items; return (

{p.kicker}

{p.h1}

{items.map((it, i) => (
{it.title}
{it.place}

{it.title}

{it.desc}

))}
); } function StructuresCta({ Button, t, onNav }) { const s = t.services; return (

{s.ctaTitle}

{s.ctaSub}

{ e.preventDefault(); onNav && onNav('contact'); }} style={{ display:'inline-block', padding:'18px 40px', border:'2px solid var(--brand-accent-light)', color:'var(--brand-accent-light)', background:'rgba(0,172,249,.06)', boxShadow:'0 0 22px rgba(0,172,249,.35), inset 0 0 18px rgba(0,172,249,.12)', fontSize:15.5, fontWeight:700, letterSpacing:'.14em', textTransform:'uppercase', textDecoration:'none' }}>{s.ctaButton}
); } function StructuresFooter({ Icon, t, nap, onNav, urls }) { const f = t.footer; const year = new Date().getFullYear(); const colTitle = { fontSize:11.5, fontWeight:700, letterSpacing:'.16em', textTransform:'uppercase', color:'var(--brand-accent-light)', margin:'0 0 14px' }; const rowLink = { display:'flex', alignItems:'center', gap:8, fontSize:13.5, lineHeight:1.7, color:'rgba(255,255,255,.92)', textDecoration:'none', overflowWrap:'anywhere' }; return ( ); } function StructuresHome({ Button, Icon, NavBar, t, nap, onNav, urls }) { return (
CANAAN STRUCTURES LLC } links={t.nav} hrefs={t.nav.map((l) => urls[t.navMap[l]] || '#')} active={t.nav[0]} onNavigate={(l) => onNav && onNav(t.navMap[l])} cta={} topBar={} />
); } Object.assign(window, { StructuresHome, StructuresPtCard, StructuresTopBar, StructuresHero, StructuresTrust, StructuresMobileBar, StructuresServices, StructuresGallery, StructuresProjectTypes, StructuresProcess, StructuresWhy, StructuresProjects, StructuresCta, StructuresFooter });