74 lines
3.4 KiB
TypeScript
74 lines
3.4 KiB
TypeScript
export default function ProcessSection() {
|
|
return (
|
|
<section className="content-section process-section" id="process" aria-labelledby="process-title">
|
|
<div className="process-inner">
|
|
<div className="section-heading narrow process-heading">
|
|
<p className="process-kicker">Process</p>
|
|
<h2 id="process-title">How your email move works.</h2>
|
|
<p>
|
|
A clear three-step path from assessment to working mailboxes, DNS records, and device setup.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="process-card-grid">
|
|
<article className="process-card">
|
|
<span className="process-corner process-corner-tl" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-tr" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-bl" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-br" aria-hidden="true"></span>
|
|
<div className="process-card-content">
|
|
<div className="process-step-label">
|
|
<span>Step 1</span>
|
|
</div>
|
|
<h3>Assess the setup</h3>
|
|
<p>
|
|
We review your domain, mailbox count, current provider, DNS status, aliases, and device needs before anything changes.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article className="process-card">
|
|
<span className="process-corner process-corner-tl" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-tr" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-bl" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-br" aria-hidden="true"></span>
|
|
<div className="process-card-content">
|
|
<div className="process-step-label">
|
|
<span>Step 2</span>
|
|
</div>
|
|
<h3>Configure the records</h3>
|
|
<p>
|
|
Mailboxes, MX routing, SPF, DKIM, DMARC, aliases, forwards, and sending paths are prepared and checked.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article className="process-card">
|
|
<span className="process-corner process-corner-tl" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-tr" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-bl" aria-hidden="true"></span>
|
|
<span className="process-corner process-corner-br" aria-hidden="true"></span>
|
|
<div className="process-card-content">
|
|
<div className="process-step-label">
|
|
<span>Step 3</span>
|
|
</div>
|
|
<h3>Migrate and hand off</h3>
|
|
<p>
|
|
We move mail when needed, verify delivery, set up Outlook and mobile devices, and leave your team with a clear support path.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
<div className="process-cta">
|
|
<p>Ready to review your current email setup?</p>
|
|
<a className="button button-outline" href="#assessment">
|
|
Request an assessment
|
|
<span aria-hidden="true">→</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|