60 lines
2.1 KiB
TypeScript
60 lines
2.1 KiB
TypeScript
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 & Android</span>
|
|
</div>
|
|
<div className="badge-item">
|
|
<span className="material-symbols-outlined text-blue-accent icon-sm">
|
|
security
|
|
</span>
|
|
<span>FIM & Track standard export</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|