function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" }); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(null); setSuccess(false); try { const response = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Failed to send message"); } setSuccess(true); setFormData({ name: "", email: "", subject: "", message: "" }); } catch (err) { setError("Could not send message. Please try again later."); console.error(err); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-epilogue text-gray-900 mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Контакты"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-barlow text-gray-600", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Свяжитесь с нами")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-epilogue mb-6", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Контактная информация"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#4F46E5] w-6", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 font-barlow", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, "123 Улица, Город, Страна")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#4F46E5] w-6", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 font-barlow", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "+7 (999) 123-45-67")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#4F46E5] w-6", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 font-barlow", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "info@example.com")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#4F46E5] w-6", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 font-barlow", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, "Пн-Пт: 9:00 - 18:00"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 h-[300px] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2245.5!2d37.6173!3d55.7558!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNTXCsDQ1JzIwLjgiTiAzN8KwMzcnMDIuMyJF!5e0!3m2!1sen!2sru!4v1635944844559!5m2!1sen!2sru", width: "100%", height: "100%", style: { border: 0 }, allowFullScreen: "", loading: "lazy", title: "Our location on map", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-epilogue mb-6", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Напишите нам"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, placeholder: "Ваше имя", className: "w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4F46E5]", required: true, __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, placeholder: "Email", className: "w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4F46E5]", required: true, __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", value: formData.subject, onChange: handleChange, placeholder: "Тема", className: "w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4F46E5]", required: true, __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", value: formData.message, onChange: handleChange, placeholder: "Ваше сообщение", rows: "4", className: "w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4F46E5]", required: true, __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 140, columnNumber: 25 }, __self: this }, error), success && /*#__PURE__*/ React.createElement("div", { className: "text-green-500 text-sm", __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }, "Сообщение успешно отправлено!"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#4F46E5] text-white py-2 px-4 rounded-md hover:bg-[#433EE5] transition duration-200", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "Отправить")))))); }