function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative h-[800px] w-full bg-[#000000]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-cover bg-center opacity-20", style: { backgroundImage: 'url(/moonlit-attic.jpg)' }, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-[#000000] opacity-50", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 flex flex-col items-center justify-center h-full", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 right-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/bats-silhouette.png", alt: "Silhouettes of bats", className: "w-[200px] h-[200px] opacity-80", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[10px] h-[10px] rounded-full bg-[#ff0000] animate-bat-eyes", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-10 left-10 text-white text-2xl font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Antique Furniture"), /*#__PURE__*/ React.createElement("div", { className: "absolute top-20 right-20 text-white text-2xl font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Cobwebs"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, ` @keyframes bat-eyes { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes shadow-flicker { 0% { opacity: 0.8; } 50% { opacity: 0.4; } 100% { opacity: 0.8; } } .animate-bat-eyes { animation: bat-eyes 1s infinite; } `)); }