function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#141414] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Streaming app logo", className: "h-[50px]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white font-roboto text-base bg-[#e50914] px-6 py-2 rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("button", { className: "text-white font-roboto text-base bg-transparent px-6 py-2 rounded border border-white", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/featured-show.jpg", alt: "Featured show cover", className: "w-full h-[600px] object-cover", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full p-8 bg-gradient-to-t from-black", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-roboto text-white mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Featured Show Title"), /*#__PURE__*/ React.createElement("p", { className: "text-base font-roboto text-white mb-8", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "An intriguing synopsis of the featured show goes here."), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mr-4 px-8 py-3 bg-white text-black rounded font-roboto text-base", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "▶️ Play"), /*#__PURE__*/ React.createElement("button", { className: "px-8 py-3 bg-[#6d6d6de8] text-white rounded font-roboto text-base", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "+ My List")))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-white font-roboto mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Popular on Streaming App"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 overflow-x-scroll p-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/popular-1.jpg", alt: "Popular show 1 cover", className: "w-[300px] h-[200px] rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/popular-2.jpg", alt: "Popular show 2 cover", className: "w-[300px] h-[200px] rounded", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/popular-3.jpg", alt: "Popular show 3 cover", className: "w-[300px] h-[200px] rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-white font-roboto mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "New Episodes"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 overflow-x-scroll p-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/new-episode-1.jpg", alt: "New episode 1 cover", className: "w-[300px] h-[200px] rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/new-episode-2.jpg", alt: "New episode 2 cover", className: "w-[300px] h-[200px] rounded", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/new-episode-3.jpg", alt: "New episode 3 cover", className: "w-[300px] h-[200px] rounded", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, ` body { overflow-x-hidden; } ::-webkit-scrollbar { display: none; } `)); }