fix: move FamilyGuard Report section and preview below flyer download

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LhY1QhDXGWfyhrxaJvfpNt
This commit is contained in:
MBO-Tech-IT 2026-07-22 08:08:41 +02:00
parent 0183430725
commit 50dd5b6d5d
1 changed files with 12 additions and 12 deletions

View File

@ -171,18 +171,6 @@ export default function FamilyGuardPage() {
</p> </p>
</div> </div>
{/* Optionaler Report */}
<div className="mb-16 p-5 rounded-2xl border border-dashed border-slate-300 dark:border-gray-700 bg-slate-50 dark:bg-gray-900/50">
<p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed">
<strong className="text-slate-900 dark:text-white">Optional: MBO FamilyGuard Report</strong>{" "}
4,99 /Monat oder 49,99 /Jahr. Jeden Monat automatisch eine verständliche
Übersicht per E-Mail: blockierte Gefahren, geschützte Geräte. Inklusive
automatischer Updates Sie müssen nichts selbst konfigurieren.
</p>
</div>
<FlyerReportPreview />
{/* Preis */} {/* Preis */}
<div className="mb-16 rounded-2xl overflow-hidden border border-blue-500/30 bg-[#111925]"> <div className="mb-16 rounded-2xl overflow-hidden border border-blue-500/30 bg-[#111925]">
<div className="p-8 flex flex-col sm:flex-row items-center justify-between gap-6"> <div className="p-8 flex flex-col sm:flex-row items-center justify-between gap-6">
@ -209,6 +197,18 @@ export default function FamilyGuardPage() {
<FlyerDownloadForm /> <FlyerDownloadForm />
{/* Optionaler Report */}
<div className="mb-16 p-5 rounded-2xl border border-dashed border-slate-300 dark:border-gray-700 bg-slate-50 dark:bg-gray-900/50">
<p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed">
<strong className="text-slate-900 dark:text-white">Optional: MBO FamilyGuard Report</strong>{" "}
4,99 /Monat oder 49,99 /Jahr. Jeden Monat automatisch eine verständliche
Übersicht per E-Mail: blockierte Gefahren, geschützte Geräte. Inklusive
automatischer Updates Sie müssen nichts selbst konfigurieren.
</p>
</div>
<FlyerReportPreview />
{/* Bottom callout */} {/* Bottom callout */}
<div className="p-6 rounded-2xl border border-blue-500/20 bg-blue-500/5 text-center"> <div className="p-6 rounded-2xl border border-blue-500/20 bg-blue-500/5 text-center">
<p className="text-slate-900 dark:text-white font-bold mb-1"> <p className="text-slate-900 dark:text-white font-bold mb-1">