function MainComponent() { const [email, setEmail] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [formSubmitted, setFormSubmitted] = React.useState(false); const [error, setError] = React.useState(''); const handleEmailChange = (event)=>{ setEmail(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); if (!email.includes('@')) { setError('Geçerli bir e-posta giriniz 📧'); return; } setError(''); setIsLoading(true); setTimeout(()=>{ setIsLoading(false); setFormSubmitted(true); }, 2000); }; let downloadLink; let content; let formContent; if (formSubmitted) { content = /*#__PURE__*/ React.createElement("div", { className: "text-center p-6", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#0277BD] font-roboto text-3xl mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Tebrikler! 🎉"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Özel PDF'iniz artık indirilmeye hazır."), /*#__PURE__*/ React.createElement("a", { href: "/path-to-your-download.pdf", className: "mt-4 inline-block bg-[#0277BD] text-white font-roboto py-2 px-4 rounded", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "PDF'i İndir")); } else { formContent = /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: handleEmailChange, placeholder: "E-posta adresinizi girin", className: "border-2 border-[#0277BD] rounded px-4 py-2 text-[#121212] font-roboto", required: true, __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", className: `${isLoading ? 'bg-[#f5f5f5]' : 'bg-[#0277BD]'} text-white font-roboto py-2 px-4 rounded transition-colors`, disabled: isLoading, __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, isLoading ? 'Gönderiliyor...' : 'PDF\'i Al')); content = /*#__PURE__*/ React.createElement("div", { className: "text-center p-6", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#0277BD] font-roboto text-4xl mb-6", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "Ücretsiz PDF'e Erişim İçin Kaydolun 😊"), /*#__PURE__*/ React.createElement("p", { className: "text-[#121212] font-roboto mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Değişimi güçlendirecek ve sıradışı bir deneyim vaad ediyoruz!"), formContent); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-[#F5F5DC]", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto bg-white rounded shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, content)); }