function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" }); const [status, setStatus] = useState(""); const [errors, setErrors] = useState({}); const validateForm = ()=>{ const newErrors = {}; if (!formData.name.trim()) newErrors.name = "Name is required"; if (!formData.email.trim()) newErrors.email = "Email is required"; else if (!/\S+@\S+\.\S+/.test(formData.email)) newErrors.email = "Email is invalid"; if (!formData.message.trim()) newErrors.message = "Message is required"; setErrors(newErrors); return Object.keys(newErrors).length === 0; }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!validateForm()) return; setStatus("sending"); await new Promise((resolve)=>setTimeout(resolve, 1000)); setStatus("sent"); setFormData({ name: "", email: "", subject: "", message: "" }); setTimeout(()=>setStatus(""), 3000); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-white to-blue-100", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 w-full bg-white shadow-md z-50 p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-blue-600 font-montserrat", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Contact Us"))), /*#__PURE__*/ React.createElement("div", { className: "pt-24 px-4 max-w-7xl mx-auto pb-24 md:pb-8", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-blue-600 font-montserrat", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Send us a Message"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", value: formData.name, onChange: (e)=>setFormData({ ...formData, name: e.target.value }), className: `w-full p-3 border rounded focus:outline-none focus:border-blue-600 ${errors.name ? 'border-red-500' : ''}`, __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }), errors.name && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 54, columnNumber: 33 }, __self: this }, errors.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), className: `w-full p-3 border rounded focus:outline-none focus:border-blue-600 ${errors.email ? 'border-red-500' : ''}`, __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 65, columnNumber: 34 }, __self: this }, errors.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", placeholder: "Subject", value: formData.subject, onChange: (e)=>setFormData({ ...formData, subject: e.target.value }), className: "w-full p-3 border rounded focus:outline-none focus:border-blue-600", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", value: formData.message, onChange: (e)=>setFormData({ ...formData, message: e.target.value }), rows: "4", className: `w-full p-3 border rounded focus:outline-none focus:border-blue-600 ${errors.message ? 'border-red-500' : ''}`, __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }), errors.message && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 86, columnNumber: 36 }, __self: this }, errors.message)), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: status === "sending", className: "w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition duration-300", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, status === "sending" ? "Sending..." : status === "sent" ? "Message Sent!" : "Send Message"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-blue-600 font-montserrat", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "Contact Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-blue-600 w-8", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }, "+91-7078817087")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-blue-600 w-8", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "info@shoelux.in")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-blue-600 w-8", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "123 Sneaker Street, Fashion District, New Delhi, India")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 h-[300px]", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3505.0127906255073!2d77.2273!3d28.5618!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjjCsDM0JzE0LjQiTiA3N8KwMTMnMzguMyJF!5e0!3m2!1sen!2sin!4v1627896374263!5m2!1sen!2sin", width: "100%", height: "100%", style: { border: 0 }, allowFullScreen: "", loading: "lazy", className: "rounded", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("nav", { className: "md:hidden fixed bottom-0 w-full bg-white border-t py-3 px-6", __source: { fileName: "", lineNumber: 132, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around items-center", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-xl", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/products", className: "text-gray-600", __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-xl", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/cart", className: "text-gray-600", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-bag text-xl", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-blue-600", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-xl", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, ` @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .bg-white { animation: slideIn 0.5s ease-out forwards; } `)); }