diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 4b2f8bc..5ae3be5 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -15,11 +15,13 @@ import ContactSection from './HomePage/sections/Contact'; import TermsOfServiceSection from './HomePage/sections/TermsOfService'; -import TrustedBySection from './HomePage/sections/TrustedBy';export default function HomePage(): React.JSX.Element { +import TrustedBySection from './HomePage/sections/TrustedBy'; +import LeadCaptureSection from './HomePage/sections/LeadCapture';export default function HomePage(): React.JSX.Element { return ( <> + diff --git a/src/pages/HomePage/sections/LeadCapture.tsx b/src/pages/HomePage/sections/LeadCapture.tsx new file mode 100644 index 0000000..997db89 --- /dev/null +++ b/src/pages/HomePage/sections/LeadCapture.tsx @@ -0,0 +1,70 @@ +import React, { useState } from "react"; +import Button from "@/components/ui/Button"; +import Input from "@/components/ui/Input"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import Tag from "@/components/ui/Tag"; + +export default function LeadCaptureSection() { + const [email, setEmail] = useState(""); + const [submitted, setSubmitted] = useState(false); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + if (email) { + setSubmitted(true); + } + }; + + return ( +
+
+ +
+
+ + +

+ Erfahren Sie in unserem kostenlosen Whitepaper, wie Sie Ihr Unternehmen vor den häufigsten Cyberbedrohungen schützen können. Sichern Sie sich jetzt Ihr Exemplar! +

+
+
+ {!submitted ? ( +
+ setEmail(e.target.value)} + className="w-full bg-background" + /> +
+
+
+
+
+ ); +} \ No newline at end of file