Compare commits
No commits in common. "60af2e16210129217f92399c18bdb735c4b1b092" and "d9d82d8e7be45e5884f0f58248280c262bcab389" have entirely different histories.
60af2e1621
...
d9d82d8e7b
|
|
@ -1,77 +0,0 @@
|
||||||
import { NextResponse } from "next/server";
|
|
||||||
import { sendeFlyerBenachrichtigung, sendeFlyerLink } from "@/lib/mailer";
|
|
||||||
import { createServiceClient } from "@/lib/supabase";
|
|
||||||
|
|
||||||
const FLYER_DOWNLOAD_URL = "/downloads/MBO_FamilyGuard_Flyer_01.pdf";
|
|
||||||
|
|
||||||
const RATE_LIMIT_WINDOW_MS = 60 * 60 * 1000;
|
|
||||||
const RATE_LIMIT_MAX = 3;
|
|
||||||
const requestLog = new Map<string, number[]>();
|
|
||||||
|
|
||||||
function isRateLimited(ip: string): boolean {
|
|
||||||
const now = Date.now();
|
|
||||||
const timestamps = (requestLog.get(ip) ?? []).filter(
|
|
||||||
(t) => now - t < RATE_LIMIT_WINDOW_MS
|
|
||||||
);
|
|
||||||
if (timestamps.length >= RATE_LIMIT_MAX) {
|
|
||||||
requestLog.set(ip, timestamps);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
timestamps.push(now);
|
|
||||||
requestLog.set(ip, timestamps);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getClientIp(request: Request): string {
|
|
||||||
const forwarded = request.headers.get("x-forwarded-for");
|
|
||||||
if (forwarded) return forwarded.split(",")[0].trim();
|
|
||||||
return "unknown";
|
|
||||||
}
|
|
||||||
|
|
||||||
function isValidEmail(email: string): boolean {
|
|
||||||
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function POST(request: Request) {
|
|
||||||
if (isRateLimited(getClientIp(request))) {
|
|
||||||
return NextResponse.json(
|
|
||||||
{ ok: false, error: "Zu viele Anfragen. Bitte versuchen Sie es später erneut." },
|
|
||||||
{ status: 429 }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
let body: { email?: string; dsgvoEinwilligung?: boolean };
|
|
||||||
try {
|
|
||||||
body = await request.json();
|
|
||||||
} catch {
|
|
||||||
return NextResponse.json({ ok: false, error: "Ungültige Anfrage" }, { status: 400 });
|
|
||||||
}
|
|
||||||
|
|
||||||
const email = typeof body.email === "string" ? body.email.trim() : "";
|
|
||||||
if (!isValidEmail(email)) {
|
|
||||||
return NextResponse.json(
|
|
||||||
{ ok: false, error: "Bitte geben Sie eine gültige E-Mail-Adresse ein" },
|
|
||||||
{ status: 400 }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (body.dsgvoEinwilligung !== true) {
|
|
||||||
return NextResponse.json(
|
|
||||||
{ ok: false, error: "Bitte stimmen Sie der Datenverarbeitung zu" },
|
|
||||||
{ status: 400 }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
const db = createServiceClient();
|
|
||||||
await db.from("flyer_downloads").insert({ email, dsgvo_einwilligung: true });
|
|
||||||
} catch (err) {
|
|
||||||
console.error("[FamilyGuard-Flyer] Supabase insert error:", err);
|
|
||||||
}
|
|
||||||
|
|
||||||
await sendeFlyerBenachrichtigung({ email });
|
|
||||||
sendeFlyerLink({ email }).catch((err) =>
|
|
||||||
console.error("[FamilyGuard-Flyer] Flyer-Mail an Interessenten fehlgeschlagen:", err)
|
|
||||||
);
|
|
||||||
|
|
||||||
return NextResponse.json({ ok: true, downloadUrl: FLYER_DOWNLOAD_URL });
|
|
||||||
}
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import Logo from "@/components/Logo";
|
import Logo from "@/components/Logo";
|
||||||
import FlyerDownloadForm from "@/components/FlyerDownloadForm";
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "MBO FamilyGuard – Familienschutz fürs Heimnetzwerk | MBO-Tech-IT",
|
title: "MBO FamilyGuard – Familienschutz fürs Heimnetzwerk | MBO-Tech-IT",
|
||||||
|
|
@ -204,8 +203,6 @@ export default function FamilyGuardPage() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<FlyerDownloadForm />
|
|
||||||
|
|
||||||
{/* 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">
|
||||||
|
|
|
||||||
|
|
@ -43,12 +43,6 @@ export default function FamilyGuardPromo() {
|
||||||
<Link href="/pakete/familyguard" className="btn-primary inline-flex justify-center px-6 py-3 text-sm">
|
<Link href="/pakete/familyguard" className="btn-primary inline-flex justify-center px-6 py-3 text-sm">
|
||||||
FamilyGuard entdecken
|
FamilyGuard entdecken
|
||||||
</Link>
|
</Link>
|
||||||
<Link
|
|
||||||
href="/pakete/familyguard#flyer-download"
|
|
||||||
className="btn-secondary inline-flex justify-center px-6 py-3 text-sm"
|
|
||||||
>
|
|
||||||
Flyer herunterladen
|
|
||||||
</Link>
|
|
||||||
<a href="#contact" className="btn-secondary inline-flex justify-center px-6 py-3 text-sm">
|
<a href="#contact" className="btn-secondary inline-flex justify-center px-6 py-3 text-sm">
|
||||||
Jetzt beraten lassen
|
Jetzt beraten lassen
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -1,113 +0,0 @@
|
||||||
"use client";
|
|
||||||
|
|
||||||
import { useState } from "react";
|
|
||||||
|
|
||||||
type Status = "idle" | "loading" | "success" | "error";
|
|
||||||
|
|
||||||
export default function FlyerDownloadForm() {
|
|
||||||
const [email, setEmail] = useState("");
|
|
||||||
const [dsgvo, setDsgvo] = useState(false);
|
|
||||||
const [status, setStatus] = useState<Status>("idle");
|
|
||||||
const [errorMsg, setErrorMsg] = useState("");
|
|
||||||
const [downloadUrl, setDownloadUrl] = useState("");
|
|
||||||
|
|
||||||
async function handleSubmit(e: React.FormEvent) {
|
|
||||||
e.preventDefault();
|
|
||||||
setStatus("loading");
|
|
||||||
setErrorMsg("");
|
|
||||||
|
|
||||||
try {
|
|
||||||
const res = await fetch("/api/familyguard-flyer", {
|
|
||||||
method: "POST",
|
|
||||||
headers: { "Content-Type": "application/json" },
|
|
||||||
body: JSON.stringify({ email, dsgvoEinwilligung: dsgvo }),
|
|
||||||
});
|
|
||||||
const data = await res.json();
|
|
||||||
|
|
||||||
if (!res.ok || !data.ok) {
|
|
||||||
setErrorMsg(data.error ?? "Unbekannter Fehler");
|
|
||||||
setStatus("error");
|
|
||||||
} else {
|
|
||||||
setDownloadUrl(data.downloadUrl);
|
|
||||||
setStatus("success");
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
setErrorMsg("Netzwerkfehler – bitte versuchen Sie es erneut.");
|
|
||||||
setStatus("error");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
id="flyer-download"
|
|
||||||
className="mb-16 p-6 sm:p-8 rounded-2xl bg-white dark:bg-gray-900 border border-slate-200 dark:border-gray-800 scroll-mt-24"
|
|
||||||
>
|
|
||||||
<div className="text-center mb-6">
|
|
||||||
<span className="text-orange-400 font-mono text-xs font-bold tracking-[0.25em] uppercase">
|
|
||||||
Flyer
|
|
||||||
</span>
|
|
||||||
<h3 className="text-2xl font-black text-slate-900 dark:text-white mt-1 mb-2">
|
|
||||||
FamilyGuard-Flyer herunterladen
|
|
||||||
</h3>
|
|
||||||
<p className="text-slate-600 dark:text-slate-400 text-sm max-w-xl mx-auto">
|
|
||||||
Alle Infos zu MBO FamilyGuard kompakt als PDF – tragen Sie Ihre E-Mail-Adresse
|
|
||||||
ein und laden Sie den Flyer direkt herunter.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{status === "success" ? (
|
|
||||||
<div className="flex flex-col items-center text-center">
|
|
||||||
<p className="text-slate-700 dark:text-slate-300 text-sm mb-4">
|
|
||||||
Fertig! Der Flyer wurde Ihnen außerdem per E-Mail zugeschickt.
|
|
||||||
</p>
|
|
||||||
<a href={downloadUrl} download className="btn-primary inline-flex px-6 py-3 text-sm">
|
|
||||||
Flyer jetzt herunterladen
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<form onSubmit={handleSubmit} className="max-w-md mx-auto space-y-4">
|
|
||||||
<input
|
|
||||||
type="email"
|
|
||||||
required
|
|
||||||
value={email}
|
|
||||||
onChange={(e) => setEmail(e.target.value)}
|
|
||||||
placeholder="max@beispiel.de"
|
|
||||||
className="w-full px-4 py-3 rounded-xl bg-slate-50 dark:bg-[#111925] border border-slate-300 dark:border-gray-700 text-slate-900 dark:text-white placeholder-slate-400 dark:placeholder-slate-600 focus:outline-none focus:border-orange-500/60 focus:ring-1 focus:ring-orange-500/20 transition-colors"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<label className="flex items-start gap-2 text-xs text-slate-600 dark:text-slate-400">
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
required
|
|
||||||
checked={dsgvo}
|
|
||||||
onChange={(e) => setDsgvo(e.target.checked)}
|
|
||||||
className="mt-0.5"
|
|
||||||
/>
|
|
||||||
<span>
|
|
||||||
Ich bin damit einverstanden, dass meine E-Mail-Adresse zum Zweck des
|
|
||||||
Flyer-Versands gespeichert wird. Details in der{" "}
|
|
||||||
<a href="/datenschutz" className="text-orange-400 hover:underline">
|
|
||||||
Datenschutzerklärung
|
|
||||||
</a>
|
|
||||||
.
|
|
||||||
</span>
|
|
||||||
</label>
|
|
||||||
|
|
||||||
{status === "error" && (
|
|
||||||
<div className="flex items-start gap-3 px-4 py-3 rounded-xl bg-red-500/10 border border-red-500/20 text-red-400 text-sm">
|
|
||||||
<span>{errorMsg || "Anfrage fehlgeschlagen. Bitte versuchen Sie es erneut."}</span>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
disabled={status === "loading"}
|
|
||||||
className="btn-primary w-full py-3 text-sm disabled:opacity-60 disabled:cursor-not-allowed"
|
|
||||||
>
|
|
||||||
{status === "loading" ? "Wird gesendet..." : "Flyer herunterladen"}
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue