function MainComponent() { const [activeMenu, setActiveMenu] = React.useState(null); const toggleMenu = (menu)=>{ setActiveMenu(activeMenu === menu ? null : menu); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#f3f3f3] p-3 flex justify-between items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleMenu(1), className: "text-lg font-roboto px-4 py-2 border-b-2 border-transparent hover:border-black", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Menu 1"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleMenu(2), className: "text-lg font-roboto px-4 py-2 border-b-2 border-transparent hover:border-black", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Menu 2"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleMenu(3), className: "text-lg font-roboto px-4 py-2 border-b-2 border-transparent hover:border-black", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Menu 3")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, activeMenu === null && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full max-w-xl", src: "/path-to-homepage-video.mp4", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "w-full max-w-sm", src: "/path-to-homepage-image.jpg", alt: "Homepage display image", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "This is the homepage description text.")), activeMenu === 1 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full max-w-xl", src: "/path-to-video-1.mp4", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "w-full max-w-sm", src: "/path-to-image-1.jpg", alt: "Menu 1 display image", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Description for Menu 1 content.")), activeMenu === 2 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full max-w-xl", src: "/path-to-video-2.mp4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "w-full max-w-sm", src: "/path-to-image-2.jpg", alt: "Menu 2 display image", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Description for Menu 2 content.")), activeMenu === 3 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full max-w-xl", src: "/path-to-video-3.mp4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "w-full max-w-sm", src: "/path-to-image-3.jpg", alt: "Menu 3 display image", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Description for Menu 3 content.")))); }