function MainComponent() { const handleMouseMove = (event)=>{ const stars = document.querySelectorAll('.animate-star'); stars.forEach((star)=>{ const rect = star.getBoundingClientRect(); const starCenterX = rect.left + rect.width / 2; const starCenterY = rect.top + rect.height / 2; const mouseX = event.clientX; const mouseY = event.clientY; const distance = Math.sqrt((mouseX - starCenterX) ** 2 + (mouseY - starCenterY) ** 2); const maxDistance = 100; const distanceRatio = Math.min(distance / maxDistance, 1); const translateX = (mouseX - starCenterX) * (1 - distanceRatio) * 0.1; const translateY = (mouseY - starCenterY) * (1 - distanceRatio) * 0.1; star.style.transform = `translate(${translateX}px, ${translateY}px)`; }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#1a0b2e] relative font-poppins", onMouseMove: handleMouseMove, __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center z-10 mb-8 animate-breathe", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1df860dd-eb4d-42d7-a552-422491515647/", alt: "Company Logo", className: "w-[200px] h-[200px] mx-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Coming Soon"), /*#__PURE__*/ React.createElement("p", { className: "text-[#c0b6f2]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "We are working hardest as we can to make your dream comes true")), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-r from-[#7e22ce] to-[#4c1d95] opacity-30 blur-[100px]", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-r from-[#9333ea] to-[#6b21a8] opacity-30 blur-[100px]", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, Array.from({ length: 100 }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "absolute w-[2px] h-[2px] bg-white rounded-full animate-star", style: { left: `${Math.random() * 100}%`, top: `${Math.random() * 100}%`, animationDelay: `${Math.random() * 10}s`, animationDuration: `${Math.random() * 5 + 5}s`, animationTimingFunction: 'linear' }, __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, ` @keyframes breathe { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animate-breathe { animation: breathe 8s ease-in-out infinite; } `)); }