function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./featured-image.jpg", alt: "Historical drama featured show", className: "w-full h-auto lg:h-[400px] object-cover", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 left-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#e50914] text-white py-2 px-6 text-sm", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Play"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#6d6d6e] text-white py-2 px-6 text-sm ml-2", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "More info"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 my-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "px-4 text-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Category Title"), /*#__PURE__*/ React.createElement("div", { className: "flex overflow-x-auto py-2 px-4 space-x-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./item1.jpg", alt: "item title", className: "min-w-[100px] h-auto lg:h-[140px] object-cover rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#141414] px-4 py-6", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 text-sm text-[#757575]", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-white", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Footer link")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f text-[#757575] mx-2", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })))); }