function MainComponent() { const { data: user } = useUser(); const [showFlashScreen, setShowFlashScreen] = useState(true); const [fadeOut, setFadeOut] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); useEffect(()=>{ const timer = setTimeout(()=>{ setFadeOut(true); setTimeout(()=>{ setShowFlashScreen(false); }, 500); }, 2500); return ()=>clearTimeout(timer); }, []); const gameTypes = [ { id: "qualifying-school", title: "Qualifying School", description: "Take the test to qualify for monthly tournaments with real prizes", icon: "🎓", link: "/qualifying-school", difficulty: "All Levels", requirement: "Complete qualifying test", color: "from-green-600 to-emerald-600" }, { id: "house-of-writers", title: "House of Writers Challenge", description: "5-round tournament where writers compete for glory and prizes", icon: "🏰", link: "/games/house-of-writers", difficulty: "Expert", requirement: "Must pass qualifying test", color: "from-purple-600 to-blue-600" }, { id: "comprehension-quiz", title: "Comprehension Quiz", description: "Test your understanding of our webnovels", icon: "🧠", link: "/games/comprehension-quiz", difficulty: "Medium", requirement: "Read webnovels first", color: "from-blue-600 to-indigo-600" }, { id: "interactive-stories", title: "Interactive Stories", description: "Choose your path in immersive adventures", icon: "📖", link: "/games/interactive-stories", difficulty: "Easy", requirement: "None", color: "from-indigo-600 to-purple-600" }, { id: "mental-gym", title: "Mental Gym", description: "Therapeutic writing exercises for wellness", icon: "🧘‍♀️", link: "/mental-gym", difficulty: "Any", requirement: "Open mind", color: "from-green-600 to-teal-600" } ]; const stats = [ { label: "Active Writers", value: "2,847", icon: "✍️" }, { label: "Stories Published", value: "12,340", icon: "📚" }, { label: "Tournaments This Month", value: "23", icon: "🏆" }, { label: "Total Prize Pool", value: "$50,000", icon: "💰" } ]; // Flash screen component if (showFlashScreen) { return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen bg-gradient-to-b from-[#0F172A] to-[#334155] relative overflow-hidden flex flex-col items-center justify-center transition-opacity duration-500 px-4 ${fadeOut ? "opacity-0" : "opacity-100"}`, __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, [ ...Array.from({ length: 200 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "absolute rounded-full bg-white animate-pulse", style: { left: `${Math.random() * 100}%`, top: `${Math.random() * 100}%`, width: `${Math.random() * 4 + 1}px`, height: `${Math.random() * 4 + 1}px`, animationDelay: `${Math.random() * 3}s`, animationDuration: `${Math.random() * 3 + 1}s` }, __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 text-center max-w-sm mx-auto", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 md:mb-8", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 sm:w-32 sm:h-32 md:w-40 md:h-40 rounded-full bg-white p-3 md:p-4 mx-auto animate-bounce shadow-2xl", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/6df9e846-329f-4a23-9a4e-80107a93dd2c/-/format/auto/", alt: "Novvy Logo", className: "w-full h-full object-contain", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl sm:text-5xl md:text-6xl lg:text-8xl font-bold mb-3 md:mb-4 text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400 animate-pulse", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, "Novvy"), /*#__PURE__*/ React.createElement("p", { className: "text-base sm:text-lg md:text-xl lg:text-2xl text-white/90 mb-12 md:mb-16 font-light px-4", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, "Creative Writing & Wellness Platform"), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-8 sm:bottom-12 md:bottom-16 left-1/2 transform -translate-x-1/2 flex flex-col items-center", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-3 md:mb-4", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 md:w-8 md:h-8 border-4 border-blue-400/30 border-t-blue-400 rounded-full animate-spin", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200 text-sm sm:text-base md:text-lg font-medium", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, "Loading your creative journey..."))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, ` @keyframes twinkle { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.2); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { transform: translate3d(0,0,0); } 40%, 43% { transform: translate3d(0,-30px,0); } 70% { transform: translate3d(0,-15px,0); } 90% { transform: translate3d(0,-4px,0); } } .animate-pulse { animation: twinkle 2s ease-in-out infinite; } .animate-bounce { animation: bounce 2s infinite; } `)); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#0F172A] via-[#1E293B] to-[#334155] relative overflow-hidden", __source: { fileName: "", lineNumber: 181, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden", __source: { fileName: "", lineNumber: 183, columnNumber: 7 }, __self: this }, [ ...Array.from({ length: 50 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "absolute rounded-full bg-white animate-pulse", style: { left: `${Math.random() * 100}%`, top: `${Math.random() * 100}%`, width: `${Math.random() * 3 + 1}px`, height: `${Math.random() * 3 + 1}px`, animationDelay: `${Math.random() * 3}s`, animationDuration: `${Math.random() * 2 + 2}s` }, __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("nav", { className: "sticky top-0 z-50 bg-[#0F172A]/80 backdrop-blur-lg border-b border-white/10", __source: { fileName: "", lineNumber: 200, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 201, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-24 sm:h-28 lg:h-32", __source: { fileName: "", lineNumber: 202, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-10 lg:space-x-12", __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-blue-300 hover:text-blue-200 transition-colors text-xl lg:text-2xl font-medium py-4 px-3", __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/stories", className: "text-blue-300 hover:text-blue-200 transition-colors text-xl lg:text-2xl font-medium py-4 px-3", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }, "Stories"), /*#__PURE__*/ React.createElement("a", { href: "/webnovels", className: "text-blue-300 hover:text-blue-200 transition-colors text-xl lg:text-2xl font-medium py-4 px-3", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }, "Webnovels"), /*#__PURE__*/ React.createElement("a", { href: "/films", className: "text-blue-300 hover:text-blue-200 transition-colors text-xl lg:text-2xl font-medium py-4 px-3", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, "Films"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "text-blue-300 hover:text-blue-200 transition-colors text-xl lg:text-2xl font-medium py-4 px-3", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, "Leaderboard"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block ml-auto", __source: { fileName: "", lineNumber: 240, columnNumber: 13 }, __self: this }, user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6 lg:space-x-8", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "flex items-center space-x-3 rounded-full bg-gradient-to-r from-blue-600 to-purple-600 px-8 py-4 lg:px-10 lg:py-5 text-white transition-transform hover:scale-105 text-xl lg:text-2xl font-medium", __source: { fileName: "", lineNumber: 243, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 247, columnNumber: 21 }, __self: this }, "👤"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 248, columnNumber: 21 }, __self: this }, "Profile")), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-blue-300 hover:text-blue-200 transition-colors text-xl lg:text-2xl font-medium py-4 px-3", __source: { fileName: "", lineNumber: 250, columnNumber: 19 }, __self: this }, "Logout")) : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "rounded-full bg-gradient-to-r from-blue-600 to-purple-600 px-10 py-4 lg:px-12 lg:py-5 text-white transition-transform hover:scale-105 text-xl lg:text-2xl font-medium", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "md:hidden ml-auto", __source: { fileName: "", lineNumber: 268, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMobileMenuOpen(!mobileMenuOpen), className: "text-blue-300 hover:text-blue-200 focus:outline-none p-3", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, mobileMenuOpen ? /*#__PURE__*/ React.createElement("svg", { className: "h-9 w-9 sm:h-10 sm:w-10", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 274, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12", __source: { fileName: "", lineNumber: 280, columnNumber: 21 }, __self: this })) : /*#__PURE__*/ React.createElement("svg", { className: "h-9 w-9 sm:h-10 sm:w-10", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 288, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16", __source: { fileName: "", lineNumber: 294, columnNumber: 21 }, __self: this }))))), mobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden border-t border-white/10 pt-8 pb-8", __source: { fileName: "", lineNumber: 308, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "block text-blue-300 hover:text-blue-200 transition-colors text-xl sm:text-2xl font-medium py-4", __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/stories", className: "block text-blue-300 hover:text-blue-200 transition-colors text-xl sm:text-2xl font-medium py-4", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, "Stories"), /*#__PURE__*/ React.createElement("a", { href: "/webnovels", className: "block text-blue-300 hover:text-blue-200 transition-colors text-xl sm:text-2xl font-medium py-4", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, "Webnovels"), /*#__PURE__*/ React.createElement("a", { href: "/films", className: "block text-blue-300 hover:text-blue-200 transition-colors text-xl sm:text-2xl font-medium py-4", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, "Films"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "block text-blue-300 hover:text-blue-200 transition-colors text-xl sm:text-2xl font-medium py-4", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, "Leaderboard"), user ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6 pt-6 border-t border-white/10", __source: { fileName: "", lineNumber: 341, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "block rounded-full bg-gradient-to-r from-blue-600 to-purple-600 px-8 py-5 sm:px-10 sm:py-6 text-white text-center transition-transform hover:scale-105 text-xl sm:text-2xl font-medium", __source: { fileName: "", lineNumber: 342, columnNumber: 21 }, __self: this }, "👤 Profile"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "block text-blue-300 hover:text-blue-200 transition-colors text-xl sm:text-2xl font-medium py-4", __source: { fileName: "", lineNumber: 348, columnNumber: 21 }, __self: this }, "Logout")) : /*#__PURE__*/ React.createElement("div", { className: "pt-6 border-t border-white/10", __source: { fileName: "", lineNumber: 356, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "block rounded-full bg-gradient-to-r from-blue-600 to-purple-600 px-10 py-5 sm:px-12 sm:py-6 text-white text-center transition-transform hover:scale-105 text-xl sm:text-2xl font-medium", __source: { fileName: "", lineNumber: 357, columnNumber: 21 }, __self: this }, "Sign In")))))), /*#__PURE__*/ React.createElement("main", { className: "relative z-10", __source: { fileName: "", lineNumber: 371, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12 lg:py-16 text-center", __source: { fileName: "", lineNumber: 373, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 sm:mb-12", __source: { fileName: "", lineNumber: 375, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 sm:w-32 sm:h-32 md:w-40 md:h-40 lg:w-48 lg:h-48 rounded-full bg-white p-3 md:p-4 mx-auto shadow-2xl", __source: { fileName: "", lineNumber: 376, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/6df9e846-329f-4a23-9a4e-80107a93dd2c/-/format/auto/", alt: "Novvy Logo", className: "w-full h-full object-contain", __source: { fileName: "", lineNumber: 377, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-4 sm:mb-6 leading-tight", __source: { fileName: "", lineNumber: 385, columnNumber: 11 }, __self: this }, "Welcome to", " ", /*#__PURE__*/ React.createElement("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400", __source: { fileName: "", lineNumber: 387, columnNumber: 13 }, __self: this }, "Novvy")), /*#__PURE__*/ React.createElement("p", { className: "text-base sm:text-lg md:text-xl text-gray-300 mb-6 sm:mb-8 max-w-2xl mx-auto px-4", __source: { fileName: "", lineNumber: 391, columnNumber: 11 }, __self: this }, "The ultimate creative writing and wellness platform. Write, compete, learn, and grow with our community of passionate writers."), !user && /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "inline-block rounded-full bg-gradient-to-r from-blue-600 to-purple-600 px-6 sm:px-8 py-3 text-base sm:text-lg font-semibold text-white transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 396, columnNumber: 13 }, __self: this }, "Join the Adventure")), /*#__PURE__*/ React.createElement("section", { className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12", __source: { fileName: "", lineNumber: 406, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6", __source: { fileName: "", lineNumber: 407, columnNumber: 11 }, __self: this }, stats.map((stat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white/10 backdrop-blur-lg rounded-xl p-4 sm:p-6 text-center border border-white/20", __source: { fileName: "", lineNumber: 409, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl sm:text-3xl mb-2", __source: { fileName: "", lineNumber: 413, columnNumber: 17 }, __self: this }, stat.icon), /*#__PURE__*/ React.createElement("div", { className: "text-lg sm:text-xl md:text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 414, columnNumber: 17 }, __self: this }, stat.value), /*#__PURE__*/ React.createElement("div", { className: "text-xs sm:text-sm text-gray-300", __source: { fileName: "", lineNumber: 417, columnNumber: 17 }, __self: this }, stat.label))))), /*#__PURE__*/ React.createElement("section", { className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12 lg:py-16", __source: { fileName: "", lineNumber: 426, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl sm:text-3xl md:text-4xl font-bold text-white text-center mb-8 sm:mb-12", __source: { fileName: "", lineNumber: 427, columnNumber: 11 }, __self: this }, "Choose Your", " ", /*#__PURE__*/ React.createElement("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400", __source: { fileName: "", lineNumber: 429, columnNumber: 13 }, __self: this }, "Adventure")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", __source: { fileName: "", lineNumber: 433, columnNumber: 11 }, __self: this }, gameTypes.map((game)=>/*#__PURE__*/ React.createElement("div", { key: game.id, className: "group relative", __source: { fileName: "", lineNumber: 435, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 bg-gradient-to-br ${game.color} rounded-2xl blur-sm group-hover:blur-none transition-all duration-300 opacity-20 group-hover:opacity-30`, __source: { fileName: "", lineNumber: 436, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-white/10 backdrop-blur-lg rounded-2xl p-6 sm:p-8 border border-white/20 hover:border-white/40 transition-all duration-300", __source: { fileName: "", lineNumber: 439, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-4", __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl sm:text-4xl lg:text-5xl", __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this }, game.icon), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 444, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block px-2 sm:px-3 py-1 rounded-full bg-white/20 text-white text-xs sm:text-sm", __source: { fileName: "", lineNumber: 445, columnNumber: 23 }, __self: this }, game.difficulty))), /*#__PURE__*/ React.createElement("h3", { className: "text-lg sm:text-xl lg:text-2xl font-bold text-white mb-3", __source: { fileName: "", lineNumber: 450, columnNumber: 19 }, __self: this }, game.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm sm:text-base text-gray-300 mb-4", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, game.description), /*#__PURE__*/ React.createElement("p", { className: "text-xs sm:text-sm text-blue-300 mb-6", __source: { fileName: "", lineNumber: 456, columnNumber: 19 }, __self: this }, "Required: ", game.requirement), /*#__PURE__*/ React.createElement("a", { href: game.link, className: "inline-block w-full text-center rounded-full bg-gradient-to-r from-blue-600 to-purple-600 px-4 sm:px-6 py-2 sm:py-3 text-sm sm:text-base text-white font-semibold transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 459, columnNumber: 19 }, __self: this }, "Start Playing")))))), /*#__PURE__*/ React.createElement("section", { className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12 lg:py-16", __source: { fileName: "", lineNumber: 472, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl sm:text-3xl md:text-4xl font-bold text-white text-center mb-8 sm:mb-12", __source: { fileName: "", lineNumber: 473, columnNumber: 11 }, __self: this }, "Why Choose", " ", /*#__PURE__*/ React.createElement("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400", __source: { fileName: "", lineNumber: 475, columnNumber: 13 }, __self: this }, "Novvy?")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 sm:gap-8", __source: { fileName: "", lineNumber: 479, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-xl p-6 border border-white/20", __source: { fileName: "", lineNumber: 480, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl sm:text-4xl mb-4", __source: { fileName: "", lineNumber: 481, columnNumber: 15 }, __self: this }, "💰"), /*#__PURE__*/ React.createElement("h3", { className: "text-lg sm:text-xl font-bold text-white mb-3", __source: { fileName: "", lineNumber: 482, columnNumber: 15 }, __self: this }, "Earn Real Money"), /*#__PURE__*/ React.createElement("p", { className: "text-sm sm:text-base text-gray-300", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, "Compete in tournaments with real cash prizes. Top performers earn from prize pools funded by entry fees.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-xl p-6 border border-white/20", __source: { fileName: "", lineNumber: 490, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl sm:text-4xl mb-4", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, "🧠"), /*#__PURE__*/ React.createElement("h3", { className: "text-lg sm:text-xl font-bold text-white mb-3", __source: { fileName: "", lineNumber: 492, columnNumber: 15 }, __self: this }, "AI-Powered Growth"), /*#__PURE__*/ React.createElement("p", { className: "text-sm sm:text-base text-gray-300", __source: { fileName: "", lineNumber: 495, columnNumber: 15 }, __self: this }, "Get personalized feedback and analysis from Novvy AI to improve your writing and mental wellness.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-xl p-6 border border-white/20", __source: { fileName: "", lineNumber: 500, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl sm:text-4xl mb-4", __source: { fileName: "", lineNumber: 501, columnNumber: 15 }, __self: this }, "🏆"), /*#__PURE__*/ React.createElement("h3", { className: "text-lg sm:text-xl font-bold text-white mb-3", __source: { fileName: "", lineNumber: 502, columnNumber: 15 }, __self: this }, "Competitive Community"), /*#__PURE__*/ React.createElement("p", { className: "text-sm sm:text-base text-gray-300", __source: { fileName: "", lineNumber: 505, columnNumber: 15 }, __self: this }, "Join tournaments, climb leaderboards, and connect with writers from around the world."))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 514, columnNumber: 7 }, __self: this }, ` @keyframes twinkle { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } } .animate-pulse { animation: twinkle 2s ease-in-out infinite; } `)); }