function ZainAnwaarProfile({ placeholder, type, name, value, onChange }) { return /*#__PURE__*/ React.createElement("input", { name: name, type: type, placeholder: placeholder, className: "mt-2 p-3 rounded outline-none border-2 border-[#D3D3D3] w-full", value: value, onChange: onChange, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function ZainAnwaarProfileStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ZainAnwaarProfile, { placeholder: "Enter your email", type: "email", name: "email", value: "", onChange: ()=>{}, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-[#48C6EF] to-[#6F86D6] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white rounded-lg shadow-xl p-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#233554] mb-6 text-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Professional Conversion Service 🔄"), /*#__PURE__*/ React.createElement("p", { className: "text-[#233554] mb-8 text-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Transform your PDFs and scanned documents into editable Excel or Google Sheets. Ideal for professionals requiring accurate data conversion for analysis and reporting."), /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-center my-8", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./professional-pamphlet.jpg", alt: "Professional pamphlet illustrating the conversion service from PDF and scanned documents to Excel or Google Sheets", className: "w-full max-w-sm", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-6", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-6", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex-1 flex flex-col", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(ZainAnwaarProfile, { placeholder: "Enter your email", type: "email", name: "email", value: "", onChange: ()=>{}, __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "flex-1 flex flex-col", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(ZainAnwaarProfile, { placeholder: "Upload Document", type: "file", name: "document", value: "", onChange: ()=>{}, __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#64FFDA] text-[#233554] font-bold py-3 rounded shadow-lg hover:bg-[#52E5C6] transition-colors duration-300", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Submit")))); }