function Header1({ onProfileClick }) { const { data: user, loading } = useUser(); const [showProfileModal, setShowProfileModal] = useState(false); return /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 left-0 right-0 bg-white dark:bg-gray-800 shadow-sm dark:shadow-gray-900/20 z-40", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-[60px] items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center group", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FF0000] font-bold text-xl group-hover:scale-105 transition-transform", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "Aviato", /*#__PURE__*/ React.createElement("i", { __source: { fileName: "", lineNumber: 12, columnNumber: 23 }, __self: this }, "Rush")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, !loading && user && /*#__PURE__*/ React.createElement("button", { onClick: onProfileClick || (()=>setShowProfileModal(true)), className: "relative w-10 h-10 rounded-full overflow-hidden border-2 border-[#FF0000] hover:border-red-600 dark:border-[#FF0000] dark:hover:border-red-400 transition-all transform hover:scale-105", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, user?.image ? /*#__PURE__*/ React.createElement("img", { src: user.image, alt: "Profile", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-gray-100 dark:bg-gray-700 flex items-center justify-center", __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-gray-400 dark:text-gray-300 text-xl", __source: { fileName: "", lineNumber: 31, columnNumber: 21 }, __self: this })))))), showProfileModal && /*#__PURE__*/ React.createElement(ProfileModal, { isOpen: showProfileModal, onClose: ()=>setShowProfileModal(false), variant: "modal", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this })); } function Header1Story() { const handleProfileClick = ()=>{ alert('Profile clicked'); }; return /*#__PURE__*/ React.createElement("div", { className: "h-screen", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "stylesheet", href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 text-gray-900", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Light Mode Header"), /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-4 rounded-lg", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 text-white", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Dark Mode Header"), /*#__PURE__*/ React.createElement(Header1, { onProfileClick: handleProfileClick, __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "pt-[60px] p-4", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "Content goes here"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Header component demo with dark mode support"), /*#__PURE__*/ React.createElement("div", { className: "h-[200vh]", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }))); } function ProfileModal({ isOpen, onClose, variant = "modal" }) { const { data: user, loading } = useUser(); const { signOut } = useAuth(); const [showDeleteConfirm, setShowDeleteConfirm] = useState(false); const [deleteError, setDeleteError] = useState(null); if (!user && !loading) return null; const handleSignOut = async ()=>{ await signOut({ callbackUrl: "/", redirect: true }); }; const handleDeleteAccount = async ()=>{ try { const response = await fetch('/api/user/delete', { method: 'POST' }); if (!response.ok) { throw new Error(`Failed to delete account: ${response.status}`); } await signOut({ callbackUrl: "/", redirect: true }); onClose(); } catch (error) { console.error('Failed to delete account:', error); setDeleteError('Failed to delete your account. Please try again later.'); setShowDeleteConfirm(false); } }; if (variant === "dropdown") { if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-[30px] shadow-xl p-4 w-72", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-pulse flex flex-col items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-full bg-gray-200 dark:bg-gray-700 h-20 w-20 mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4 mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }))); } return /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-[30px] shadow-xl p-4 w-72", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 rounded-full overflow-hidden ring-4 ring-[#FF0000]/20 dark:ring-[#FF0000]/10", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, user?.image ? /*#__PURE__*/ React.createElement("img", { src: user.image, alt: "Profile", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-gradient-to-br from-red-50 to-red-100 dark:from-gray-800 dark:to-gray-700 flex items-center justify-center", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#FF0000] dark:text-[#FF0000] text-2xl", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 dark:text-white mb-1", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, user?.name || 'Guest User'), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, user?.email)), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "w-full py-2 px-4 rounded-[30px] bg-[#FF0000] text-white hover:bg-red-600 transition-colors flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt text-sm", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }), "Sign Out")))); } if (!isOpen) return null; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/30 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 w-[90%] max-w-md rounded-[30px] shadow-xl p-6", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-pulse flex flex-col items-center", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-full bg-gray-200 dark:bg-gray-700 h-24 w-24 mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-6 bg-gray-200 dark:bg-gray-700 rounded w-3/4 mb-2", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/2 mb-6", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-full h-12 bg-gray-200 dark:bg-gray-700 rounded-[30px] mb-3", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-full h-12 bg-gray-200 dark:bg-gray-700 rounded-[30px]", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this })))); } return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/30 backdrop-blur-sm flex items-center justify-center z-50", "aria-labelledby": "modal-title", role: "dialog", "aria-modal": "true", __source: { fileName: "", lineNumber: 104, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 w-[90%] max-w-md rounded-[30px] shadow-xl", __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-4 border-b border-gray-100 dark:border-gray-700", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, "User Profile")), /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "flex items-center gap-2 px-4 py-2 bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-[30px] text-gray-600 dark:text-gray-300 text-sm transition-colors", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "Close", /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-6", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 rounded-full overflow-hidden ring-4 ring-[#FF0000]/20 dark:ring-[#FF0000]/10", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, user?.image ? /*#__PURE__*/ React.createElement("img", { src: user.image, alt: "Profile", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-gradient-to-br from-red-50 to-red-100 dark:from-gray-800 dark:to-gray-700 flex items-center justify-center", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#FF0000] dark:text-[#FF0000] text-3xl", __source: { fileName: "", lineNumber: 131, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("h3", { className: "mt-4 text-xl font-medium text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, user?.name || 'Guest User'), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, user?.email)), deleteError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 dark:bg-red-900/10 p-4 rounded-[30px]", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#FF0000] dark:text-[#FF0000] text-center text-sm", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, deleteError)), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, !showDeleteConfirm ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "w-full py-3 px-4 bg-[#FF0000] hover:bg-red-600 text-white font-medium rounded-[30px] transition-colors duration-200 flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt text-sm", __source: { fileName: "", lineNumber: 158, columnNumber: 19 }, __self: this }), "Sign Out"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteConfirm(true), className: "w-full py-3 px-4 bg-white hover:bg-gray-50 dark:bg-gray-700 dark:hover:bg-gray-600 text-[#FF0000] border border-[#FF0000]/20 dark:border-[#FF0000]/10 font-medium rounded-[30px] transition-all duration-200 flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt text-sm", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }), "Delete Account")) : /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 dark:bg-red-900/10 p-6 rounded-[30px] space-y-4", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#FF0000] dark:text-[#FF0000] text-center", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, "Are you sure you want to delete your account? This action cannot be undone."), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteConfirm(false), className: "flex-1 py-3 rounded-[30px] border border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-300 font-medium hover:bg-gray-50 dark:hover:bg-gray-600 transition-all duration-200", __source: { fileName: "", lineNumber: 176, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleDeleteAccount, className: "flex-1 py-3 rounded-[30px] bg-[#FF0000] text-white font-medium hover:bg-red-600 transition-all duration-200", __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this }, "Confirm Delete"))))))); } function ProfileModalStory() { const [isOpen, setIsOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 202, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 203, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, "Modal Variant"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(true), className: "bg-[#FF0000] text-white px-4 py-2 rounded-[30px] hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 205, columnNumber: 9 }, __self: this }, "Open Profile Modal"), /*#__PURE__*/ React.createElement(ProfileModal, { isOpen: isOpen, onClose: ()=>setIsOpen(false), variant: "modal", __source: { fileName: "", lineNumber: 211, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 214, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 215, columnNumber: 9 }, __self: this }, "Dropdown Variant"), /*#__PURE__*/ React.createElement(ProfileModal, { variant: "dropdown", __source: { fileName: "", lineNumber: 216, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [isProfileModalOpen, setIsProfileModalOpen] = useState(false); const { data: user, loading } = useUser(); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-gray-50 dark:bg-gray-900", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "stylesheet", href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Header1, { onProfileClick: ()=>setIsProfileModalOpen(true), __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }), loading ? /*#__PURE__*/ React.createElement("main", { className: "flex-grow mt-[60px] mb-[80px] sm:mb-[100px]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-[calc(100vh-10rem)] bg-white dark:bg-gray-800 rounded-2xl shadow-sm p-4 sm:p-6", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-8", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-10 bg-gray-200 dark:bg-gray-700 rounded-lg w-3/4 mx-auto mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/2 mx-auto", __source: { fileName: "", lineNumber: 20, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, [ 1, 2 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "bg-gray-50 dark:bg-gray-800 rounded-2xl p-6", __source: { fileName: "", lineNumber: 25, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 26, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-700", __source: { fileName: "", lineNumber: 27, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 28, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-6 bg-gray-200 dark:bg-gray-700 rounded w-1/4 mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 30, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-full", __source: { fileName: "", lineNumber: 31, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6", __source: { fileName: "", lineNumber: 32, columnNumber: 29 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, [ 1, 2, 3, 4 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "bg-gray-50 dark:bg-gray-800 rounded-[25px] p-6", __source: { fileName: "", lineNumber: 42, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 43, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-700", __source: { fileName: "", lineNumber: 44, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 45, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-5 bg-gray-200 dark:bg-gray-700 rounded w-1/3 mb-3", __source: { fileName: "", lineNumber: 46, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6", __source: { fileName: "", lineNumber: 47, columnNumber: 27 }, __self: this })))))))))) : /*#__PURE__*/ React.createElement("main", { className: "flex-grow mt-[60px] mb-[80px] sm:mb-[100px]", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-[calc(100vh-10rem)] bg-white dark:bg-gray-800 rounded-2xl shadow-sm p-4 sm:p-6", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl sm:text-4xl font-bold text-gray-900 dark:text-white mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, "About ", /*#__PURE__*/ React.createElement("span", { className: "text-[#FF0000]", __source: { fileName: "", lineNumber: 63, columnNumber: 25 }, __self: this }, "Aviato", /*#__PURE__*/ React.createElement("i", { __source: { fileName: "", lineNumber: 63, columnNumber: 64 }, __self: this }, "Rush"))), /*#__PURE__*/ React.createElement("p", { className: "text-sm sm:text-base text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "Your trusted partner in AI-powered Aviator predictions")), /*#__PURE__*/ React.createElement("div", { className: "group bg-gray-50 dark:bg-gray-800 rounded-2xl p-6 mb-8 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[#FF0000] flex items-center justify-center group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 72, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-[#FF0000] text-xl", __source: { fileName: "", lineNumber: 73, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-3", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this }, "Welcome to AviatoRush"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 78, columnNumber: 21 }, __self: this }, "At AviatoRush, we're dedicated to enhancing your gaming experience by providing AI-powered predictions that help you make informed decisions. We understand that Aviator is a game of timing and precision, where knowing when to cash out can make all the difference. That's why our advanced AI analyzes historical patterns to deliver predictions that are as close to accurate as possible.")))), /*#__PURE__*/ React.createElement("div", { className: "group bg-gray-50 dark:bg-gray-800 rounded-2xl p-6 mb-8 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[#FF0000] flex items-center justify-center group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullseye text-[#FF0000] text-xl", __source: { fileName: "", lineNumber: 88, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-3", __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }, "Our Mission"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, "Our mission is to empower you to play smarter, not harder. By offering reliable insights, we aim to minimize your losses and maximize your potential winnings — all while keeping things simple and transparent.")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 mb-8", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "group bg-gray-50 dark:bg-gray-800 rounded-[25px] p-6 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 103, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[#FF0000] flex items-center justify-center group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 104, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-[#FF0000] text-xl", __source: { fileName: "", lineNumber: 105, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 23 }, __self: this }, "Accurate Predictions"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 110, columnNumber: 23 }, __self: this }, "Our AI robot continuously learns and improves, ensuring you get the most reliable forecasts.")))), /*#__PURE__*/ React.createElement("div", { className: "group bg-gray-50 dark:bg-gray-800 rounded-[25px] p-6 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[#FF0000] flex items-center justify-center group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 119, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-[#FF0000] text-xl", __source: { fileName: "", lineNumber: 120, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 124, columnNumber: 23 }, __self: this }, "User-Centric Approach"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 125, columnNumber: 23 }, __self: this }, "We prioritize your success with a user-friendly interface and actionable insights.")))), /*#__PURE__*/ React.createElement("div", { className: "group bg-gray-50 dark:bg-gray-800 rounded-[25px] p-6 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 133, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[#FF0000] flex items-center justify-center group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 134, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#FF0000] text-xl", __source: { fileName: "", lineNumber: 135, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 138, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 139, columnNumber: 23 }, __self: this }, "24/7 Premium Predictions"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 140, columnNumber: 23 }, __self: this }, "Get unlimited access to accurate predictions 24/7 with our Premium Plan.")))), /*#__PURE__*/ React.createElement("div", { className: "group bg-gray-50 dark:bg-gray-800 rounded-[25px] p-6 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 147, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 148, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[#FF0000] flex items-center justify-center group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 149, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-[#FF0000] text-xl", __source: { fileName: "", lineNumber: 150, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 153, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 154, columnNumber: 23 }, __self: this }, "Transparency and Security"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 155, columnNumber: 23 }, __self: this }, "We're not a gambling site. Our predictions are purely based on data analysis."))))), /*#__PURE__*/ React.createElement("div", { className: "group bg-gray-50 dark:bg-gray-800 rounded-2xl p-6 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[#FF0000] flex items-center justify-center group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye text-[#FF0000] text-xl", __source: { fileName: "", lineNumber: 167, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 170, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-3", __source: { fileName: "", lineNumber: 171, columnNumber: 21 }, __self: this }, "Our Vision"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 172, columnNumber: 21 }, __self: this }, "At AviatoRush, we strive to become the leading AI-powered prediction platform for Aviator players worldwide. We continuously evolve our technology to deliver highly accurate predictions, helping you play smarter and win more confidently."))))))), /*#__PURE__*/ React.createElement("footer", { className: "fixed bottom-0 w-full bg-white dark:bg-gray-800 shadow-lg", __source: { fileName: "", lineNumber: 183, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 py-2 sm:py-4", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-wrap justify-center gap-2 sm:gap-4 md:gap-6", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "p-2 sm:p-3 text-xs sm:text-sm md:text-base rounded-xl text-[#FF0000] dark:text-white hover:text-gray-900 hover:bg-gray-100 dark:hover:text-white dark:hover:bg-gray-700 transition-all whitespace-nowrap", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "p-2 sm:p-3 text-xs sm:text-sm md:text-base rounded-xl text-[#FF0000] dark:text-white hover:text-gray-900 hover:bg-gray-100 dark:hover:text-white dark:hover:bg-gray-700 transition-all whitespace-nowrap", __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/whatsapp", className: "p-2 sm:p-3 text-xs sm:text-sm md:text-base rounded-xl text-[#FF0000] dark:text-white hover:text-gray-900 hover:bg-gray-100 dark:hover:text-white dark:hover:bg-gray-700 transition-all whitespace-nowrap", __source: { fileName: "", lineNumber: 192, columnNumber: 13 }, __self: this }, "WhatsApp"), /*#__PURE__*/ React.createElement("a", { href: "/docs", className: "p-2 sm:p-3 text-xs sm:text-sm md:text-base rounded-xl text-[#FF0000] dark:text-white hover:text-gray-900 hover:bg-gray-100 dark:hover:text-white dark:hover:bg-gray-700 transition-all whitespace-nowrap", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, "Documents")))), isProfileModalOpen && /*#__PURE__*/ React.createElement(ProfileModal, { isOpen: isProfileModalOpen, onClose: ()=>setIsProfileModalOpen(false), variant: "modal", __source: { fileName: "", lineNumber: 203, columnNumber: 9 }, __self: this })); }