// Victor Henryque — Link Bio
const { LinkRow } = window.VictorHenryqueDesignSystem_478d76;
const BioIco = ({ n }) => <i data-lucide={n} style={{ width: 19, height: 19 }} />;

function LinkBioPage() {
  const socials = [
    ['youtube', 'YouTube', 'https://www.youtube.com/@victorhenryque'],
    ['instagram', 'Instagram', 'https://instagram.com/victorhenryque'],
  ];
  const ventures = [
    ['Grupo Nex', 'O ecossistema completo — holding do grupo', 'https://nexbrasil.com'],
    ['Nex Capital', 'Desenvolvimento e investimento imobiliário', 'https://nexcapitalbr.com'],
    ['C2R Engenharia', 'Construção & engenharia', 'https://c2rengenharia.com'],
    ['Nex Imobiliária', 'Imóveis, lançamentos e terrenos', 'https://neximobiliaria.com'],
    ['Nex Marketing', 'Branding & performance digital', 'https://nexmarketingbrasil.com'],
  ];

  React.useEffect(() => { window.lucide && window.lucide.createIcons(); });

  const delay = (i) => ({ animationDelay: `${500 + i * 320}ms` });

  return (
    <React.Fragment>
      {/* ambient background — slow, faint, non-distracting */}
      <div className="vh-ambient" aria-hidden="true">
        <i className="a" />
        <i className="b" />
        <i className="c" />
        <div className="scan" />
      </div>

    <div style={{ width: '100%', maxWidth: 440, margin: '0 auto', padding: '64px 24px 48px', textAlign: 'center', position: 'relative' }}>
      {/* identity */}
      <h1 className="vh-name" style={{ fontFamily: 'var(--font-serif)', fontWeight: 300, fontSize: 'clamp(34px,9vw,46px)', letterSpacing: '0.03em', color: 'var(--text-primary)', margin: 0, lineHeight: 1, whiteSpace: 'nowrap' }}>
        Victor Henryque
      </h1>
      <p className="vh-reveal" style={{ ...delay(1), fontSize: 15, letterSpacing: '0.05em', color: 'var(--text-body)', margin: '20px 0 0' }}>
        Construo negócios. Registro a jornada.
      </p>
      <p className="vh-reveal" style={{ ...delay(2), fontFamily: 'var(--font-mono)', fontSize: 10.5, letterSpacing: '0.16em', textTransform: 'uppercase', color: 'var(--text-muted)', margin: '14px 0 0', lineHeight: 1.7 }}>
        Fundador do Grupo Nex · Engenheiro Civil · Empreendedor
      </p>
      <p className="vh-reveal" style={{ ...delay(2), fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.16em', textTransform: 'uppercase', color: 'var(--text-muted)', margin: '8px 0 0' }}>
        CREA-PA 152409161-8 · CRECI-PA 14444
      </p>

      <hr className="vh-rule vh-draw" style={{ ...delay(3), margin: '36px 0' }} />

      {/* socials */}
      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
        {socials.map(([icon, label, href], i) => (
          <div key={label} className="vh-reveal" style={delay(3 + i)}>
            <LinkRow icon={<BioIco n={icon} />} href={href}>{label}</LinkRow>
          </div>
        ))}
      </div>

      <div style={{ display: 'flex', alignItems: 'center', gap: 14, margin: '36px 0 20px' }}>
        <hr className="vh-rule vh-draw" style={{ ...delay(7), flex: 1 }} />
        <span className="vh-reveal" style={{ ...delay(7), fontFamily: 'var(--font-mono)', fontSize: 10, letterSpacing: '0.2em', textTransform: 'uppercase', color: 'var(--text-muted)' }}>Empreendimentos</span>
        <hr className="vh-rule vh-draw" style={{ ...delay(7), flex: 1 }} />
      </div>

      {/* ventures */}
      <div style={{ display: 'flex', flexDirection: 'column', gap: 12, textAlign: 'left' }}>
        {ventures.map(([label, sub, href], i) => (
          <div key={label} className="vh-reveal" style={i === 0
            ? { ...delay(7 + i), borderLeft: '2px solid #FFFFFF', borderRadius: 12 }
            : delay(7 + i)}>
            <LinkRow href={href} sublabel={sub}>{label}</LinkRow>
          </div>
        ))}
      </div>

      <p className="vh-reveal" style={{ ...delay(13), fontFamily: 'var(--font-mono)', fontSize: 10.5, letterSpacing: '0.12em', color: 'var(--text-muted)', margin: '40px 0 0' }}>
        ainda construindo. @victorhenryque · 2026
      </p>
    </div>
    </React.Fragment>
  );
}

window.LinkBioPage = LinkBioPage;