function MovieTitlesDisplay({ title }) { return /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title); } function MovieTitlesDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MovieTitlesDisplay, { title: "Movie Title 3", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#010101] text-white py-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Movie Showcase & Store"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#movies", __source: { fileName: "", lineNumber: 9, columnNumber: 19 }, __self: this }, "Movies")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#music", __source: { fileName: "", lineNumber: 10, columnNumber: 19 }, __self: this }, "Music")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#books", __source: { fileName: "", lineNumber: 11, columnNumber: 19 }, __self: this }, "Books")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#merchandise", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, "Merchandise")))))), /*#__PURE__*/ React.createElement("main", { className: "my-8", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "movies", className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Featured Movies"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/movie-1.jpg", alt: "Movie Title 1 cover", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement(MovieTitlesDisplay, { title: "Movie Title 1", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Description of Movie Title 1."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Download")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/movie-2.jpg", alt: "Movie Title 2 cover", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement(MovieTitlesDisplay, { title: "Movie Title 2", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "Description of Movie Title 2."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Download")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/movie-3.jpg", alt: "Movie Title 3 cover", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement(MovieTitlesDisplay, { title: "Movie Title 3", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Description of Movie Title 3."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Download")))), /*#__PURE__*/ React.createElement("section", { id: "music", className: "container mx-auto px-4 mt-8", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Music Albums"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/album-1.jpg", alt: "Album Title 1 cover", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Album Title 1"), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Description of Album 1."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Download")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/album-2.jpg", alt: "Album Title 2 cover", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Album Title 2"), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Description of Album 2."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Download")))), /*#__PURE__*/ React.createElement("section", { id: "books", className: "container mx-auto px-4 mt-8", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Available Books"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/book-1.jpg", alt: "Book Title 1 cover", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Book Title 1"), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "Description of Book Title 1."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Download")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/book-2.jpg", alt: "Book Title 2 cover", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Book Title 2"), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Description of Book Title 2."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Download")))), /*#__PURE__*/ React.createElement("section", { id: "merchandise", className: "container mx-auto px-4 mt-8", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Merchandise"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/merch-1.jpg", alt: "Merchandise Item 1 image", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "Merchandise Item 1"), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "Description of Merchandise Item 1."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, "Buy")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/merch-2.jpg", alt: "Merchandise Item 2 image", className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "Merchandise Item 2"), /*#__PURE__*/ React.createElement("p", { className: "mt-1 mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Description of Merchandise Item 2."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "Buy")))))); }