tknuth/E-Mail-Webseite-Marketing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First commit

Browse Source
This commit is contained in:
Timo Knuth
2026-05-28 18:49:39 +02:00
commit 75ece13f80
30 changed files with 7357 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
components/ProcessSection.tsx Normal file
View File

@@ -0,0 +1,73 @@
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">&rarr;</span>
</a>
</div>
</div>
</section>
);
}