diff --git a/src/spa/components/layout/Layout.tsx b/src/spa/components/layout/Layout.tsx index 16a394e..a3c7f72 100644 --- a/src/spa/components/layout/Layout.tsx +++ b/src/spa/components/layout/Layout.tsx @@ -380,12 +380,12 @@ const Layout: React.FC = ({ children, header = defaultHeaderData, f
- setOpen(false)} + setOpen(false)} style={{ display:'inline-block', background:'#EFBF04', color:'#101828', fontSize: 15, fontWeight:700, textTransform:'uppercase', letterSpacing:'.12em', padding:'11px 24px', textDecoration:'none', transition:'background .2s, box-shadow .2s', borderRadius:0, fontFamily:FF_DISPLAY }} onMouseEnter={e=>{ e.currentTarget.style.background='#FFD130'; e.currentTarget.style.boxShadow='0 0 18px rgba(239,191,4,0.65), 0 0 40px rgba(239,191,4,0.3)'; }} onMouseLeave={e=>{ e.currentTarget.style.background='#EFBF04'; e.currentTarget.style.boxShadow='none'; }} >{headerCtas[0]?.label || fallbackHeaderCtas[0].label} - setOpen(false)} + setOpen(false)} style={{ display:'inline-block', background:'transparent', color:MUTED, fontSize: 15, fontWeight:700, textTransform:'uppercase', letterSpacing:'.12em', padding:'10px 24px', textDecoration:'none', transition:'border-color .2s, color .2s', borderRadius:0, fontFamily:FF_DISPLAY, border:'1.5px solid rgba(239,191,4,0.35)' }} onMouseEnter={e=>{ e.currentTarget.style.borderColor='#EFBF04'; e.currentTarget.style.color='#EFBF04'; }} onMouseLeave={e=>{ e.currentTarget.style.borderColor='rgba(239,191,4,0.35)'; e.currentTarget.style.color=MUTED; }} @@ -393,7 +393,7 @@ const Layout: React.FC = ({ children, header = defaultHeaderData, f
- setOpen(false)} + setOpen(false)} style={{ display:'flex', alignItems:'center', gap:10, background:'rgba(255,255,255,0.04)', @@ -557,13 +557,13 @@ const Layout: React.FC = ({ children, header = defaultHeaderData, f {/* CTAs */}
- setMobileOpen(false)} + setMobileOpen(false)} style={{ display:'flex', alignItems:'center', justifyContent:'center', minHeight:52, background:GOLD, color:'#101828', fontSize:14, fontWeight:700, textTransform:'uppercase', letterSpacing:'.12em', textDecoration:'none', fontFamily:FF_DISPLAY }} >{headerCtas[0]?.label || fallbackHeaderCtas[0].label} - setMobileOpen(false)} + setMobileOpen(false)} style={{ display:'flex', alignItems:'center', justifyContent:'center', minHeight:50, background:'transparent', color:'#fff', fontSize:14, fontWeight:700, textTransform:'uppercase', letterSpacing:'.12em', textDecoration:'none', fontFamily:FF_DISPLAY, border:`1.5px solid ${LINE}` }} >{headerCtas[1]?.label || fallbackHeaderCtas[1].label} - setMobileOpen(false)} + setMobileOpen(false)} style={{ display:'flex', alignItems:'center', justifyContent:'center', gap:8, minHeight:46, background:'none', color:'rgba(255,255,255,0.5)', fontSize:11, fontWeight:700, textTransform:'uppercase', letterSpacing:'.14em', textDecoration:'none', fontFamily:FF_DISPLAY, border:'1px dashed rgba(255,255,255,0.2)' }} > {headerCtas[2]?.label || fallbackHeaderCtas[2].label}
@@ -745,7 +745,7 @@ const Layout: React.FC = ({ children, header = defaultHeaderData, f gap: 8, }}> = ({ children, header = defaultHeaderData, f >{footerCtas[0]?.label || fallbackFooterCtas[0].label} = ({ children, header = defaultHeaderData, f >{footerCtas[1]?.label || fallbackFooterCtas[1].label}