function MainComponent() { const handleSupplierSubmit = (e)=>{ e.preventDefault(); }; const handlePublicSubmit = (e)=>{ e.preventDefault(); }; const handleSpreadsheetUpload = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5] min-h-screen flex flex-col items-center", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mt-8", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Backlink Selling Platform"), /*#__PURE__*/ React.createElement("section", { className: "bg-white shadow-md rounded-lg p-6 m-6 w-[400px]", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Supplier Registration"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSupplierSubmit, __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", required: true, className: "mt-1 p-2 block w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "stripe", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Stripe Payment"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "stripe", id: "stripe", required: true, className: "mt-1 p-2 block w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 rounded-md", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Register")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/template.csv", className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Download Template Spreadsheet")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSpreadsheetUpload, className: "mt-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "spreadsheet", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Upload Completed Spreadsheet"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "spreadsheet", id: "spreadsheet", required: true, className: "mt-1 p-2 block w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-green-500 text-white py-2 rounded-md mt-2", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Upload"))), /*#__PURE__*/ React.createElement("section", { className: "bg-white shadow-md rounded-lg p-6 m-6 w-[400px]", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Public Registration"), /*#__PURE__*/ React.createElement("form", { onSubmit: handlePublicSubmit, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "public-email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "public-email", id: "public-email", required: true, className: "mt-1 p-2 block w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-green-500 text-white py-2 rounded-md", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("section", { className: "bg-white shadow-md rounded-lg p-6 m-6 w-[600px]", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Access Database"), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 rounded-md overflow-hidden", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "/database", className: "w-full h-[400px]", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }))))); }