function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mb-5", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "🎬 Фильмотека"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-5", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/add-movie", className: "text-[#007bff] hover:text-[#0056b3] py-2 px-4 rounded transition duration-200", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "➕ Добавить фильм")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg hover:shadow-lg transition-shadow duration-200", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path-to-poster.jpg", alt: "Постер фильма", className: "w-full h-[350px] object-cover", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Название фильма"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#6c757d] mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "Краткое описание фильма..."), /*#__PURE__*/ React.createElement("a", { href: "/movie-detail", className: "text-[#007bff] hover:text-[#0056b3] transition duration-200", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Подробнее..."))))), /*#__PURE__*/ React.createElement("div", { className: "fixed top-16 left-0 w-[200px] bg-[#343a40] h-full text-white p-5", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Жанры"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/genre/1", className: "block py-2 hover:bg-[#495057] transition duration-200", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Жанр 1")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/genre/2", className: "block py-2 hover:bg-[#495057] transition duration-200", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Жанр 2"))))); }