function MainComponent() { const overlayRects = Array.from({ length: 4 }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "absolute w-full h-[500px] border-2 border-[#431063] rounded-t-[20px] bg-transparent", style: { top: `${index * 10}px`, left: `${index * 10}px` }, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-full flex flex-col md:flex-row items-center justify-center bg-gradient-to-r from-[#8B34C3] to-[#D599FB] p-5", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full md:w-1/4 space-y-4 items-start z-30", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "border-2 border-[#EEC6FF] text-[#EEC6FF] py-2 px-4 text-[14px] font-lato rounded-[20px]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Tickets"), /*#__PURE__*/ React.createElement("h1", { className: "text-[#eec6ff] font-bellefair text-[150px] leading-none whitespace-nowrap", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Artificial"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ffffff] text-left font-lato text-[14px]", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "The Quantum AI Museum offers an immersive journey into the world of artificial intelligence, highlighting its influence on society and the arts. Interactive exhibits and thought-provoking installations engage visitors, sparking discussions on AI's future and ethics. It's a must-visit for anyone intrigued by technology's evolving role."), /*#__PURE__*/ React.createElement("div", { className: "border-2 border-[#EEC6FF] rounded-full w-12 h-12 flex items-center justify-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-play text-[#EEC6FF]", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative w-full md:w-1/4 h-[500px] flex items-center justify-center z-10", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://images.pexels.com/photos/8728382/pexels-photo-8728382.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1", className: "absolute top-0 w-full h-full object-cover rounded-t-[20px] rounded-b-none border-2 border-[#431063]", alt: "Interactive Quantum AI Exhibit Display with Rounded Top Corners", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }), overlayRects), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/4 flex items-center justify-center z-30", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#eec6ff] font-bellefair text-[150px]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Intelligence")), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/4 h-screen absolute md:relative flex items-end justify-center pb-28 z-20", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-2/3 bg-[#431063] opacity-20 absolute bottom-0", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://images.pexels.com/photos/8728383/pexels-photo-8728383.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1", className: "absolute bottom-0 w-full h-2/3 object-cover rounded-[0px]", alt: "Futuristic AI Technology Exhibit with Overlay", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }))); }