import React from 'react';
import Link from 'next/link';

export default function CtaSection() {
  return (
    <section className="bottom-cta-section">
      <div className="flagship-container">
        <div className="cta-banner-box">
          <div className="cta-banner-glow" />
          <div className="font-label-caps text-cyan-accent cta-banner-label">
            START ELEVATING YOUR APEX
          </div>
          <h2 className="font-headline-xl text-ink m-0 cta-banner-title">
            Ready to unlock your bike's true potential?
          </h2>
          <p className="font-body-lg m-0 cta-banner-desc">
            Join over 14,000 riders tracking every corner, straightaway, and track day with surgical precision.
          </p>

          <div className="cta-actions-row">
            <Link className="btn-primary-gradient" href="/register">
              <span>Start Free 30-Day Trial</span>
              <span className="material-symbols-outlined icon-bold">
                bolt
              </span>
            </Link>
            <Link className="btn-secondary-surface" href="/pricing">
              <span className="material-symbols-outlined text-green-accent icon-md">
                memory
              </span>
              <span>Order OBD-II / CAN Telemetry Link</span>
            </Link>
          </div>

          <div className="guarantee-badges">
            <div className="badge-item">
              <span className="material-symbols-outlined text-green-accent icon-sm">
                verified
              </span>
              <span>No hardware lock-in</span>
            </div>
            <div className="badge-item">
              <span className="material-symbols-outlined text-cyan-accent icon-sm">
                phone_iphone
              </span>
              <span>Works with iOS &amp; Android</span>
            </div>
            <div className="badge-item">
              <span className="material-symbols-outlined text-blue-accent icon-sm">
                security
              </span>
              <span>FIM &amp; Track standard export</span>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}