// Final CTA section

function FinalCTA() {
  return (
    <section id="academy" style={{
      padding: 0,
      position: "relative",
      overflow: "hidden",
    }}>
      <div style={{
        position: "relative",
        backgroundImage: "url(assets/vigna2.webp)",
        backgroundSize: "cover",
        backgroundPosition: "center",
        padding: "140px 0",
      }}>
        <div style={{
          position: "absolute", inset: 0,
          background: "linear-gradient(135deg, rgba(15,34,67,0.95) 0%, rgba(15,34,67,0.78) 60%, rgba(27,152,232,0.55) 100%)",
        }} />

        <div className="container-wide" style={{ position: "relative", textAlign: "center" }}>
          <div className="eyebrow on-dark no-line" style={{ marginBottom: 24, color: "rgba(255,255,255,0.7)", justifyContent: "center" }}>
            Free · Online · Self-paced
          </div>
          <h2 style={{
            fontSize: "clamp(56px, 8vw, 140px)",
            color: "#fff",
            fontFamily: '"Archivo Black", sans-serif',
            textTransform: "uppercase",
            letterSpacing: "-0.02em",
            lineHeight: 0.92,
            marginBottom: 32,
          }}>
            Start<br/>
            <span style={{ color: "var(--blue)" }}>learning</span> today.
          </h2>
          <p style={{
            color: "rgba(255,255,255,0.85)",
            fontSize: 19,
            maxWidth: 620,
            margin: "0 auto 48px",
            lineHeight: 1.55,
          }}>
            The full VINIRRIG course is open and free. Self-register, choose
            your language, and begin building the irrigation skills the
            European wine industry needs.
          </p>

          <div style={{ display: "flex", gap: 16, justifyContent: "center", flexWrap: "wrap" }}>
            <a href="#" className="btn btn-blue" style={{ padding: "20px 32px", fontSize: 14 }}>
              Access the course
              <span className="arrow">→</span>
            </a>
            <a href="#contact" className="btn btn-ghost-light" style={{ padding: "20px 32px", fontSize: 14 }}>
              Subscribe to the newsletter
            </a>
          </div>

          <div style={{
            marginTop: 80,
            display: "flex",
            gap: 28,
            justifyContent: "center",
            flexWrap: "wrap",
            color: "rgba(255,255,255,0.6)",
            fontSize: 12,
            letterSpacing: ".15em",
            textTransform: "uppercase",
          }}>
            <span>★ Open access</span>
            <span style={{ opacity: .5 }}>·</span>
            <span>★ EN · FR · IT · ES</span>
            <span style={{ opacity: .5 }}>·</span>
            <span>★ Certificate on completion</span>
          </div>
        </div>
      </div>
    </section>
  );
}

window.FinalCTA = FinalCTA;