function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-black text-white min-h-screen flex flex-col items-center font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://visor.com", className: "text-white text-xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "VISOR"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full text-white text-sm", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "PRE-ORDER NOW")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./visor-headset.png", alt: "4K headset", className: "w-[300px] h-[300px]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-bold mt-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "VISOR"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "The world’s smallest 4K headset."), /*#__PURE__*/ React.createElement("div", { className: "my-4 bg-red-600 text-white py-2 px-6 rounded-full text-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "$50 OFF"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "qualified orders*"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs mt-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full px-4 py-2 mb-2 border border-gray-700 rounded text-black", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 bg-blue-600 text-white rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Redeem Offer"))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Designed by"))); }