function MainComponent() { const discountedPriceSection = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 bg-[#F3F4F6] rounded-lg shadow-md w-full sm:w-[400px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-[#111827] text-xl mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Discount Price Tracker"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6B7280] mb-4 text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Get notified when your favorite products go on sale."), /*#__PURE__*/ React.createElement("form", { className: "w-full", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#111827] font-medium mb-1", htmlFor: "product-url", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Product URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "product-url", id: "product-url", placeholder: "https://example.com/product", className: "w-full p-2 border border-[#D1D5DB] rounded-md", required: true, __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#111827] font-medium mb-1", htmlFor: "email", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", placeholder: "name@example.com", className: "w-full p-2 border border-[#D1D5DB] rounded-md", required: true, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#111827] font-medium mb-1", htmlFor: "desired-price", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Desired Price"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "desired-price", id: "desired-price", placeholder: "Enter your target price", className: "w-full p-2 border border-[#D1D5DB] rounded-md", required: true, __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#10B981] text-white font-medium p-2 rounded-md hover:bg-[#059669] transition-colors", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Track Price"))); return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#E5E7EB] p-4", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, discountedPriceSection, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, ` body { font-family: 'Inter', sans-serif; } `)); }