function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center font-roboto bg-[#f0f0f0] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ff4757] w-full p-5 text-white text-center text-2xl font-bold", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Home Health Connect"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full max-w-[600px] bg-white p-6 rounded-lg shadow-md mt-10", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#333] text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Find a Home Health Worker"), /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col gap-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "p-3 border border-gray-300 rounded-lg", type: "text", name: "name", placeholder: "Your Name", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "p-3 border border-gray-300 rounded-lg", type: "email", name: "email", placeholder: "Your Email", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "p-3 border border-gray-300 rounded-lg", name: "description", placeholder: "Describe the services you need", rows: "4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ff4757] text-white p-3 rounded-lg mt-6 w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Find Workers")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 mt-10 w-full px-4", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[250px] bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/worker1.jpg", alt: "Home health worker 1", className: "w-full h-[150px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#333] font-semibold mt-2", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "John Doe"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Experienced in elderly care.")), /*#__PURE__*/ React.createElement("div", { className: "w-[250px] bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/worker2.jpg", alt: "Home health worker 2", className: "w-full h-[150px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#333] font-semibold mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Jane Smith"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Certified nursing assistant.")))); }