function Sidebar() { return null; } function SidebarStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Sidebar, { __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isSidebarOpen, setIsSidebarOpen] = useState(false); const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }); useEffect(()=>{ const handleMouseMove = (e)=>{ setMousePosition({ x: e.clientX / window.innerWidth * 20, y: e.clientY / window.innerHeight * 20 }); }; window.addEventListener("mousemove", handleMouseMove); return ()=>window.removeEventListener("mousemove", handleMouseMove); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-full flex items-start justify-center px-4 pt-[33vh] relative overflow-hidden", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-0", style: { transform: `translate(${mousePosition.x}px, ${mousePosition.y}px)`, transition: "transform 0.6s ease-out", backgroundImage: "url(https://ucarecdn.com/80fe5e21-b7bf-4759-a1be-c0c42a76a8e3/-/format/auto/)", backgroundSize: "cover", backgroundPosition: "top", backgroundRepeat: "no-repeat", animation: "kenBurns 20s infinite alternate" }, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-0", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-black/20", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "fog-container", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Sidebar, { isOpen: isSidebarOpen, setIsOpen: setIsSidebarOpen, __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-xl w-full text-center space-y-8", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ab2dbdd7-a9c5-4a3c-b9fd-967307b1b011/-/format/auto/", alt: "Lureas Logo", className: "w-44 h-44 mx-auto absolute top-20 left-1/2 transform -translate-x-1/2", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl italic text-white font-['Libre_Baskerville'] uppercase tracking-widest", style: { animation: "fadeIn 1s ease-out" }, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Lureas"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-200 text-md md:text-lg font-inter", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm font-inter", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes kenBurns { 0% { transform: scale(1) translate(0, 0); } 100% { transform: scale(1.1) translate(-1%, -1%); } } @keyframes breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } } @keyframes fogAnimation { 0% { transform: translateX(-100%) translateY(0); } 100% { transform: translateX(100%) translateY(-10%); } } .fog-container { position: absolute; width: 200%; height: 100%; background: linear-gradient( to right, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100% ); animation: fogAnimation 20s linear infinite; } `)); }