/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-black", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center px-8 py-4", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-4xl font-bold text-[#E50914] font-epilogue", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Netflux"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white text-opacity-70 hover:text-opacity-100 font-barlow", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, "Sign In")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 6, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./hero-banner.jpg", alt: "Streaming show banner", className: "w-full h-[550px] object-cover", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#000000] bg-opacity-50", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-10 left-10", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl text-white font-bold font-epilogue mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Watch Great Shows"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-lg text-white mb-6", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Stream award-winning series, movies, documentaries, and more."), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block px-6 py-2 border border-white text-white font-barlow hover:bg-white hover:text-black transition-colors duration-200", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Join Now")))), /*#__PURE__*/ React.createElement("section", { className: "px-8 py-16", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#E50914] font-bold font-epilogue mb-8", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Popular on Netflux"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-6", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./movie-1.jpg", alt: "Movie title 1", className: "rounded-lg w-full h-48 object-cover", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./movie-2.jpg", alt: "Movie title 2", className: "rounded-lg w-full h-48 object-cover", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./movie-3.jpg", alt: "Movie title 3", className: "rounded-lg w-full h-48 object-cover", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }))))));