var Hero = function() {
  return (
    <React.Fragment>
      {/* Nav */}
      <div className="nav-wrap">
        <div className="container">
          <nav className="nav">
            <a className="nav-brand" href="/" style={{ textDecoration: "none" }}>
              <span style={{ fontFamily: "var(--font-display)", fontWeight: 700, fontSize: 20, letterSpacing: "-0.03em", color: "var(--color-fg)" }}>
                aphina<span style={{ color: "var(--aphina-magenta)" }}>.</span>
              </span>
            </a>
            <div className="nav-spacer" />
            <div className="nav-meta">
              <span className="dot" />Available for new projects
            </div>
            <a href="mailto:sales@aphina.dev" className="btn btn-primary" style={{ padding: "8px 18px", fontSize: 13 }}>
              Contact
            </a>
          </nav>
        </div>
      </div>

      {/* Hero */}
      <section className="hero">
        <div className="hero-bg">
          <div className="hero-grid" />
          <div className="hero-glow" />
        </div>
        <div className="container">
          <div className="hero-inner hero-centered">
            <div className="hero-meta-row" style={{ justifyContent: "center" }}>
              <span className="hero-meta-pill">
                <span className="pill-dot" />
                Baku, Azerbaijan
              </span>
            </div>
            <h1 className="hero-title">
              AI Products That<br />
              <span className="accent-magenta">Actually Ship</span>
            </h1>
            <p className="hero-tagline">
              Product-first thinking. <strong>Results-driven.</strong>
            </p>
            <div className="hero-ctas">
              <a href="mailto:sales@aphina.dev" className="btn btn-primary btn-lg">
                Send us your problem
                <span className="btn-arrow" style={{ marginLeft: 4 }}>→</span>
              </a>
            </div>
          </div>
        </div>
      </section>
    </React.Fragment>
  );
};
