function NavComponent({ user, onProfileClick, onNotificationsClick, showNotifications, unreadCount, showDropdown, onDropdownToggle, showProfileModal, onProfileModalClose, onProfileUpdate }) { const [upload, { loading: uploading }] = useUpload(); const [profileData, setProfileData] = useState({ name: user?.name || "", email: user?.email || "", company: user?.company || "", title: user?.title || "", bio: user?.bio || "", image: user?.image || "" }); const [file, setFile] = useState(null); const handleProfileUpdate = async (e)=>{ e.preventDefault(); let imageUrl = profileData.image; if (file) { const result = await upload({ file }); if (!result.error) { imageUrl = result.url; } } onProfileUpdate({ ...profileData, image: imageUrl }); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("nav", { className: "relative z-10 backdrop-blur-xl border-b border-gray-200 bg-white/90 text-gray-800 p-4 md:p-6 shadow-sm", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-row justify-between items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "w-12 md:w-16 h-12 md:h-16 relative", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/a65a9adc-2d03-40c9-8b06-452912d5232c/-/format/auto/", alt: "0x1 Labs Logo", className: "w-full h-full object-contain rounded-xl md:rounded-2xl", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-3xl font-bold font-space-grotesk text-gray-900", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "0x1 Labs"), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base text-gray-600 font-jetbrains-mono", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "From 0 to 1: Look for the nails, then make a hammer."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 md:gap-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 md:gap-4", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onDropdownToggle, className: "text-sm font-inter bg-[#475569] text-white px-2 md:px-3 py-1.5 rounded-lg hover:bg-[#334155] transition-all whitespace-nowrap flex items-center gap-2", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 67, columnNumber: 21 }, __self: this }, "Welcome, ", user.name), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user md:hidden", __source: { fileName: "", lineNumber: 70, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${showDropdown ? "up" : "down"} ml-1`, __source: { fileName: "", lineNumber: 71, columnNumber: 21 }, __self: this })), showDropdown && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-1 border border-gray-200", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onProfileClick, className: "w-full text-left px-4 py-2 text-sm font-inter text-gray-700 hover:bg-gray-100", __source: { fileName: "", lineNumber: 78, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle mr-2", __source: { fileName: "", lineNumber: 82, columnNumber: 25 }, __self: this }), "My Profile"), /*#__PURE__*/ React.createElement("button", { onClick: onNotificationsClick, className: "w-full text-left px-4 py-2 text-sm font-inter text-gray-700 hover:bg-gray-100 relative", __source: { fileName: "", lineNumber: 85, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell mr-2", __source: { fileName: "", lineNumber: 89, columnNumber: 25 }, __self: this }), "Notifications", unreadCount > 0 && /*#__PURE__*/ React.createElement("span", { className: "absolute right-2 top-1/2 -translate-y-1/2 bg-red-500 text-white text-xs w-5 h-5 flex items-center justify-center rounded-full", __source: { fileName: "", lineNumber: 92, columnNumber: 27 }, __self: this }, unreadCount)), user.email === "admin" && /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "block px-4 py-2 text-sm font-inter text-gray-700 hover:bg-gray-100", __source: { fileName: "", lineNumber: 98, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 102, columnNumber: 27 }, __self: this }), "Admin Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "block px-4 py-2 text-sm font-inter text-red-500 hover:bg-gray-100", __source: { fileName: "", lineNumber: 106, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 110, columnNumber: 25 }, __self: this }), "Sign out")))) : /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/community-solutions-page", className: "text-sm font-inter bg-[#3b82f6] text-white px-2 md:px-3 py-1.5 rounded-lg hover:bg-[#2563eb] transition-all whitespace-nowrap", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Sign in/up"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt md:hidden", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }))))), showProfileModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-space-grotesk text-gray-900", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, "Edit Profile"), /*#__PURE__*/ React.createElement("button", { onClick: onProfileModalClose, className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleProfileUpdate, className: "space-y-4 font-inter", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center mb-6", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: file ? URL.createObjectURL(file) : profileData.image || "https://via.placeholder.com/150", alt: "Profile", className: "w-24 h-24 rounded-full object-cover", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "absolute bottom-0 right-0 bg-white rounded-full p-2 shadow-lg cursor-pointer", __source: { fileName: "", lineNumber: 159, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera text-gray-600", __source: { fileName: "", lineNumber: 160, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", accept: "image/*", onChange: (e)=>setFile(e.target.files[0]), __source: { fileName: "", lineNumber: 161, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 171, columnNumber: 17 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.name, onChange: (e)=>setProfileData({ ...profileData, name: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, "Company"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.company, onChange: (e)=>setProfileData({ ...profileData, company: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }, "Title"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.title, onChange: (e)=>setProfileData({ ...profileData, title: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }, "Bio"), /*#__PURE__*/ React.createElement("textarea", { value: profileData.bio, onChange: (e)=>setProfileData({ ...profileData, bio: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", rows: "3", __source: { fileName: "", lineNumber: 214, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-3", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: onProfileModalClose, className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: uploading, className: "bg-blue-500 text-white px-6 py-2 rounded-lg hover:bg-blue-600 disabled:opacity-50", __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, uploading ? "Saving..." : "Save Changes")))))); } function NavBar() { const [showProfileModal, setShowProfileModal] = useState(false); const [showNotifications, setShowNotifications] = useState(false); const [showDropdown, setShowDropdown] = useState(false); const [unreadCount, setUnreadCount] = useState(0); const { data: user } = useUser(); const handleProfileUpdate = async (profileData)=>{ try { await fetch("/api/db/0x1-users", { method: "POST", body: JSON.stringify({ query: "UPDATE users SET name = ?, company = ?, title = ?, bio = ?, image = ? WHERE email = ?", values: [ profileData.name, profileData.company, profileData.title, profileData.bio, profileData.image, user.email ] }) }); setShowProfileModal(false); } catch (error) { console.error("Error updating profile:", error); } }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 278, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NavComponent, { user: user, onProfileClick: ()=>setShowProfileModal(true), onNotificationsClick: ()=>setShowNotifications(!showNotifications), showNotifications: showNotifications, unreadCount: unreadCount, showDropdown: showDropdown, onDropdownToggle: ()=>setShowDropdown(!showDropdown), showProfileModal: showProfileModal, onProfileModalClose: ()=>setShowProfileModal(false), onProfileUpdate: handleProfileUpdate, __source: { fileName: "", lineNumber: 279, columnNumber: 7 }, __self: this })); } function NavBarStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 font-inter", __source: { fileName: "", lineNumber: 297, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 298, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold font-space-grotesk mb-4", __source: { fileName: "", lineNumber: 299, columnNumber: 9 }, __self: this }, "Not Logged In"), /*#__PURE__*/ React.createElement(NavComponent, { __source: { fileName: "", lineNumber: 302, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 305, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold font-space-grotesk mb-4", __source: { fileName: "", lineNumber: 306, columnNumber: 9 }, __self: this }, "Logged In (Regular User)"), /*#__PURE__*/ React.createElement(NavComponent, { user: { name: "John Doe", email: "john@example.com" }, onProfileClick: ()=>{}, onNotificationsClick: ()=>{}, showNotifications: false, unreadCount: 0, showDropdown: false, onDropdownToggle: ()=>{}, showProfileModal: false, onProfileModalClose: ()=>{}, onProfileUpdate: ()=>{}, __source: { fileName: "", lineNumber: 309, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 326, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold font-space-grotesk mb-4", __source: { fileName: "", lineNumber: 327, columnNumber: 9 }, __self: this }, "With Profile Modal"), /*#__PURE__*/ React.createElement(NavComponent, { user: { name: "John Doe", email: "john@example.com", company: "Acme Inc", title: "Software Engineer", bio: "I love coding!", image: "https://via.placeholder.com/150" }, onProfileClick: ()=>{}, onNotificationsClick: ()=>{}, showNotifications: false, unreadCount: 0, showDropdown: false, onDropdownToggle: ()=>{}, showProfileModal: true, onProfileModalClose: ()=>{}, onProfileUpdate: ()=>{}, __source: { fileName: "", lineNumber: 330, columnNumber: 9 }, __self: this }))); } function ChallengeForm({ title, setTitle, description, setDescription, segment, setSegment, onSubmit }) { const [isExpanded, setIsExpanded] = useState(false); return /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); onSubmit(e); }, className: "bg-white rounded-xl border border-gray-200 p-6 hover:border-[#475569] transition-all", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>setIsExpanded(!isExpanded), className: "flex items-center justify-between cursor-pointer md:cursor-default", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-space-grotesk text-gray-900 flex items-center gap-2", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-[#475569]", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }), "Submit a Challenge"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-down md:hidden transition-transform ${isExpanded ? "rotate-180" : ""}`, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `space-y-4 overflow-hidden transition-all ${isExpanded ? "mt-4 max-h-[500px]" : "max-h-0 md:max-h-[500px] md:mt-4"}`, __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Challenge Title", value: title, onChange: (e)=>setTitle(e.target.value), className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-900 placeholder-gray-500 font-inter", required: true, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Describe the maritime challenge in detail...", value: description, onChange: (e)=>setDescription(e.target.value), className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-900 placeholder-gray-500 h-32 font-inter", required: true, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: segment, onChange: (e)=>setSegment(e.target.value), className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-900 font-jetbrains-mono", required: true, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Select Industry Segment"), /*#__PURE__*/ React.createElement("option", { value: "container_shipping", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Container Shipping"), /*#__PURE__*/ React.createElement("option", { value: "bulk_carriers", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Bulk Carriers"), /*#__PURE__*/ React.createElement("option", { value: "tankers", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Tankers"), /*#__PURE__*/ React.createElement("option", { value: "cruise_ships", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Cruise Ships"), /*#__PURE__*/ React.createElement("option", { value: "offshore", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Offshore"), /*#__PURE__*/ React.createElement("option", { value: "port_operations", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Port Operations"), /*#__PURE__*/ React.createElement("option", { value: "shipbuilding", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Shipbuilding"), /*#__PURE__*/ React.createElement("option", { value: "marine_equipment", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Marine Equipment"), /*#__PURE__*/ React.createElement("option", { value: "maritime_services", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Maritime Services"), /*#__PURE__*/ React.createElement("option", { value: "maritime_law", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Maritime Law & Compliance"), /*#__PURE__*/ React.createElement("option", { value: "maritime_finance", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Maritime Finance & Insurance"), /*#__PURE__*/ React.createElement("option", { value: "maritime_education", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Maritime Education & Training")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#475569] text-white px-6 py-3 rounded-xl font-bold font-inter hover:bg-[#334155] transition-all flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }), "Submit Challenge"))); } function SubmitFormInput() { const [title, setTitle] = useState(""); const [description, setDescription] = useState(""); const [segment, setSegment] = useState(""); const handleSubmit = (e)=>{ e.preventDefault(); // Your existing submit logic here }; return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 96, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ChallengeForm, { title: title, setTitle: setTitle, description: description, setDescription: setDescription, segment: segment, setSegment: setSegment, onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this })); } function SubmitFormInputStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 112, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-space-grotesk", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, "Challenge Form Component"), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl", __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(SubmitFormInput, { __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-space-grotesk mt-8", __source: { fileName: "", lineNumber: 120, columnNumber: 7 }, __self: this }, "Mobile View"), /*#__PURE__*/ React.createElement("div", { className: "max-w-[375px] border border-gray-200 p-4 rounded", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(SubmitFormInput, { __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }))); } function ItemListCard({ items = [], loading = false, onVote, onSelect, title = "Maritime Problems", description = "Browse submitted maritime challenges and vote on the ones you'd like to see solved.", maxItems = 3, viewAllLink = "/community", className = "" }) { const ProblemCard = ({ item })=>/*#__PURE__*/ React.createElement("div", { className: "bg-slate-50 rounded-lg border border-slate-200 p-6 hover:border-[#475569] transition-all cursor-pointer group", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-between h-full", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start gap-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-slate-900 flex items-center gap-2 group-hover:text-[#475569] transition-colors truncate font-space-grotesk", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-[#475569] flex-shrink-0", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "truncate", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, item.title)), /*#__PURE__*/ React.createElement("span", { className: "text-slate-500 whitespace-nowrap flex-shrink-0 font-inter", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, item.votes, " votes")), /*#__PURE__*/ React.createElement("p", { className: "text-slate-600 line-clamp-2 overflow-hidden text-ellipsis my-2 font-inter", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, item.description), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 text-sm text-slate-500 font-jetbrains-mono", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate max-w-[120px]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, item.company_name), /*#__PURE__*/ React.createElement("span", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, new Date(item.created_at).toLocaleDateString())))); const renderContent = ()=>{ if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 font-inter", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-blue-500", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })); } if (!items.length) { return /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-[#94a3b8] bg-[#1e293b] rounded-xl border border-[#334155] font-inter", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "No problems submitted yet"); } return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, items.slice(0, maxItems).map((item)=>/*#__PURE__*/ React.createElement(ProblemCard, { key: item.id, item: item, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }))); }; return /*#__PURE__*/ React.createElement("div", { className: `max-w-[560px] ${className}`, __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/5 backdrop-blur-lg rounded-xl border-2 border-slate-200/50 p-6", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-space-grotesk text-slate-900 flex items-center gap-2 flex-grow", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-[#475569]", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }), title), /*#__PURE__*/ React.createElement("a", { href: viewAllLink, className: "text-[#3b82f6] hover:text-[#2563eb] font-medium text-xl font-space-grotesk", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "→")), /*#__PURE__*/ React.createElement("p", { className: "text-slate-600 font-inter mb-6", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, description), renderContent())); } function ItemListCardStory() { const sampleItems = [ { id: 1, title: "Optimize Port Operations During Peak Hours", description: "Looking for innovative solutions to manage port congestion and improve efficiency during high-traffic periods.", votes: 42, company_name: "Global Ports Inc.", created_at: "2024-01-15T10:30:00Z" }, { id: 2, title: "Sustainable Fuel Solutions for Container Ships", description: "Seeking proposals for implementing sustainable fuel alternatives in large container vessels while maintaining operational efficiency.", votes: 38, company_name: "EcoMarine Solutions", created_at: "2024-01-14T15:45:00Z" }, { id: 3, title: "AI-Powered Navigation Systems", description: "Looking to develop advanced AI navigation systems for improved safety and route optimization in challenging weather conditions.", votes: 35, company_name: "Maritime Tech Ltd", created_at: "2024-01-13T09:20:00Z" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-8 bg-slate-100", __source: { fileName: "", lineNumber: 118, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 font-space-grotesk", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, "Loading State"), /*#__PURE__*/ React.createElement(ItemListCard, { loading: true, items: [], __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 font-space-grotesk", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, "Empty State"), /*#__PURE__*/ React.createElement(ItemListCard, { loading: false, items: [], __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 font-space-grotesk", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, "Filled State"), /*#__PURE__*/ React.createElement(ItemListCard, { loading: false, items: sampleItems, onVote: (id, direction)=>console.log("Vote:", id, direction), onSelect: (item)=>console.log("Selected:", item), __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }))); } function FramerMotion(props) { const [mounted, setMounted] = useState(false); const ref = useRef(null); useEffect(()=>{ const checkRef = setInterval(()=>{ if (window.Motion) { clearInterval(checkRef); } if (ref.current) { clearInterval(checkRef); window.React = React; const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/framer-motion@11.11.17/dist/framer-motion.min.js"; script.type = "module"; script.onload = ()=>{ setMounted(true); }; ref.current.appendChild(script); } }, 100); return ()=>{ clearInterval(checkRef); if (ref.current) { const script = ref.current.querySelector("script"); if (script) { ref.current.removeChild(script); } } delete window.motion; }; }, []); const mountElm = /*#__PURE__*/ React.createElement("div", { className: "hidden", ref: ref, __source: { fileName: "", lineNumber: 35, columnNumber: 20 }, __self: this }); return mounted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(window.Motion.motion.div, { ...props, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), mountElm) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { ...props, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), mountElm); } function FramerMotionStory() { return /*#__PURE__*/ React.createElement(FramerMotion, { __source: { fileName: "", lineNumber: 50, columnNumber: 10 }, __self: this }); } function Component0X1LabsConnect() { const [messages, setMessages] = useState({}); const [activeChat, setActiveChat] = useState(null); const { data: currentUser, loading: userLoading } = useUser(); const [messageInput, setMessageInput] = useState(""); const [typing, setTyping] = useState({}); const [readStatus, setReadStatus] = useState({}); const [upload, { loading: uploading }] = useUpload(); const [file, setFile] = useState(null); const handleSendMessage = useCallback(async (recipientId)=>{ if (!messageInput.trim() && !file || uploading) return; let fileUrl = null; if (file) { const result = await upload({ file }); if (result.error) { console.error("Upload failed:", result.error); return; } fileUrl = result.url; setFile(null); } setMessages((prev)=>({ ...prev, [recipientId]: [ ...prev[recipientId] || [], { sender: currentUser.id, text: messageInput, file: fileUrl, timestamp: new Date().toISOString(), read: false } ] })); setMessageInput(""); setTyping((prev)=>({ ...prev, [recipientId]: false })); }, [ messageInput, currentUser, file, upload, uploading ]); const handleTyping = useCallback((recipientId)=>{ setTyping((prev)=>({ ...prev, [recipientId]: true })); setTimeout(()=>{ setTyping((prev)=>({ ...prev, [recipientId]: false })); }, 3000); }, []); const markAsRead = useCallback((recipientId)=>{ setMessages((prev)=>({ ...prev, [recipientId]: prev[recipientId].map((msg)=>({ ...msg, read: true })) })); }, []); if (userLoading) { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center min-h-screen", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-blue-500", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this })); } if (!currentUser) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen gap-4", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-space-grotesk", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "Please sign in to connect with others"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "bg-blue-500 text-white px-6 py-2 rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Sign In")); } return /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 87, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/3 bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-space-grotesk mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "User Profile"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-6", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-blue-500", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-space-grotesk font-bold", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, currentUser.name), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 font-inter", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, currentUser.email))), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-space-grotesk mb-2", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "Recent Connections"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 font-inter", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, Object.keys(messages).map((userId)=>/*#__PURE__*/ React.createElement("button", { key: userId, onClick: ()=>setActiveChat(userId), className: `w-full text-left p-2 rounded ${activeChat === userId ? "bg-blue-50" : "hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle mr-2", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }), "User ", userId, typing[userId] && /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-500 text-sm", __source: { fileName: "", lineNumber: 116, columnNumber: 21 }, __self: this }, "typing...")))))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-2/3 bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, activeChat ? /*#__PURE__*/ React.createElement("div", { className: "h-[600px] flex flex-col", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 pb-4 border-b", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-space-grotesk", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, "Chat with User ", activeChat), typing[activeChat] && /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-sm font-inter", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this }, "typing...")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto py-4 space-y-4", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, (messages[activeChat] || []).map((msg, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: `flex ${msg.sender === currentUser.id ? "justify-end" : "justify-start"}`, __source: { fileName: "", lineNumber: 142, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[70%] rounded-lg p-3 font-inter ${msg.sender === currentUser.id ? "bg-blue-500 text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }, msg.text, msg.file && /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 155, columnNumber: 25 }, __self: this }, msg.file.match(/\.(jpg|jpeg|png|gif)$/i) ? /*#__PURE__*/ React.createElement("img", { src: msg.file, alt: "Shared file", className: "max-w-full rounded", __source: { fileName: "", lineNumber: 157, columnNumber: 29 }, __self: this }) : /*#__PURE__*/ React.createElement("a", { href: msg.file, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm underline", __source: { fileName: "", lineNumber: 163, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file", __source: { fileName: "", lineNumber: 169, columnNumber: 31 }, __self: this }), "Download file")), /*#__PURE__*/ React.createElement("div", { className: `text-xs mt-1 font-jetbrains-mono ${msg.sender === currentUser.id ? "text-blue-100" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 175, columnNumber: 23 }, __self: this }, new Date(msg.timestamp).toLocaleTimeString(), msg.sender === currentUser.id && /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 184, columnNumber: 27 }, __self: this }, msg.read ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-double", __source: { fileName: "", lineNumber: 186, columnNumber: 31 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-check", __source: { fileName: "", lineNumber: 188, columnNumber: 31 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 pt-4 border-t", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: messageInput, onChange: (e)=>{ setMessageInput(e.target.value); handleTyping(activeChat); }, className: "flex-1 border rounded-lg px-4 py-2 font-inter", placeholder: "Type your message...", __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>setFile(e.target.files?.[0]), className: "hidden", id: "file-upload", __source: { fileName: "", lineNumber: 208, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "file-upload", className: "bg-gray-100 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-200 cursor-pointer", __source: { fileName: "", lineNumber: 214, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paperclip", __source: { fileName: "", lineNumber: 218, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSendMessage(activeChat), disabled: uploading, className: "bg-blue-500 text-white px-6 py-2 rounded-lg hover:bg-blue-600 disabled:opacity-50", __source: { fileName: "", lineNumber: 220, columnNumber: 17 }, __self: this }, uploading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 226, columnNumber: 21 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 228, columnNumber: 21 }, __self: this })))) : /*#__PURE__*/ React.createElement("div", { className: "h-[600px] flex items-center justify-center text-gray-500 font-inter", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, "Select a chat to start messaging")))); } function Component0X1LabsConnectStory() { return /*#__PURE__*/ React.createElement(Component0X1LabsConnect, { __source: { fileName: "", lineNumber: 245, columnNumber: 10 }, __self: this }); } function InfoCards({ icon = "fa-lightbulb", title = "Share Challenge", description = "Share specific maritime challenges you're facing. The more detail you provide, the better solutions we can develop together.", showArrow = true, onClick, className = "" }) { return /*#__PURE__*/ React.createElement("div", { onClick: onClick, className: `bg-white/80 backdrop-blur-lg p-4 md:p-8 rounded-2xl border border-gray-200 relative hover:border-[#475569] transition-all group shadow-sm hover:shadow-md animate-[float_4s_ease-in-out_infinite] flex flex-col hover-glow cursor-pointer ${className}`, __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl md:text-4xl mb-2 md:mb-4 text-[#475569] group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${icon}`, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-[#475569] font-space-grotesk mb-2 md:mb-4 text-lg md:text-xl font-bold group-hover:scale-105 transition-transform break-words", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm md:text-base leading-relaxed font-inter flex-grow", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, description), showArrow && /*#__PURE__*/ React.createElement("div", { className: "absolute -right-4 top-[45%] text-[#475569] hidden md:block font-jetbrains-mono", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-2xl animate-[pulse_2s_ease-in-out_infinite]", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }))); } function InfoCardsStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 md:p-8 bg-gray-100", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 md:gap-8 text-left max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(InfoCards, { __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-users", title: "Team Work", description: "Collaborate with your team members efficiently and effectively.", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-chart-line", title: "Analytics", description: "Track your progress and measure success with detailed analytics.", showArrow: false, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-rocket", title: "Launch Project", description: "Get your project off the ground quickly and efficiently.", onClick: ()=>alert("Card clicked!"), __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-star", title: "Featured", description: "Special card with custom styling.", className: "bg-gradient-to-br from-blue-50 to-indigo-50", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-book", title: "Documentation", description: "Access comprehensive documentation and guides to help you make the most of our platform and features.", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, ` @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .hover-glow:hover { box-shadow: 0 0 20px rgba(71, 85, 105, 0.1); } `)); } function MainComponent() { const [showProfileModal, setShowProfileModal] = useState(false); const [profileData, setProfileData] = useState({ name: "", company: "", email: "", title: "", phone: "", linkedin: "", bio: "", expertise: "" }); const [problems, setProblems] = useState([]); const [solutions, setSolutions] = useState([]); const [title, setTitle] = useState(""); const [description, setDescription] = useState(""); const [loading, setLoading] = useState(true); const [showSolutionForm, setShowSolutionForm] = useState(false); const [showSignupForm, setShowSignupForm] = useState(false); const [feedback, setFeedback] = useState(""); const [segment, setSegment] = useState(""); const [selectedSegment, setSelectedSegment] = useState(""); const [notifications, setNotifications] = useState([]); const [showNotifications, setShowNotifications] = useState(false); const [unreadCount, setUnreadCount] = useState(0); const [solutionData, setSolutionData] = useState({ title: "", description: "", companyName: "", solutionName: "", solutionDescription: "", links: "", contactEmail: "", segment: "" }); const [view, setView] = useState("all"); const [timeframe, setTimeframe] = useState("week"); const [signupData, setSignupData] = useState({ name: "", email: "", company: "", password: "" }); const [isSignIn, setIsSignIn] = useState(true); const { data: user, loading: userLoading } = useUser(); useEffect(()=>{ const fetchData = async ()=>{ try { setLoading(true); const [problemsResponse, solutionsResponse] = await Promise.all([ fetch("/api/db/0x1-problems", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `problems` ORDER BY `votes` DESC LIMIT 10" }) }), fetch("/api/db/0x1-solutions", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `solutions` ORDER BY `votes` DESC LIMIT 10" }) }) ]); const [problemsData, solutionsData] = await Promise.all([ problemsResponse.json(), solutionsResponse.json() ]); setProblems(Array.isArray(problemsData) ? problemsData : []); setSolutions(Array.isArray(solutionsData) ? solutionsData : []); } catch (error) { console.error("Error fetching data:", error); setProblems([]); setSolutions([]); } finally{ setLoading(false); } }; fetchData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white flex flex-col", __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "https://ucarecdn.com/0946e467-42a2-4a07-bf7f-01a9e0c43d5d/-/format/auto/", type: "image/x-icon", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "shortcut icon", href: "https://ucarecdn.com/0946e467-42a2-4a07-bf7f-01a9e0c43d5d/-/format/auto/", type: "image/x-icon", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NavBar, { __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }), showSignupForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-8 max-w-md w-full mx-4 my-auto", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-space-grotesk text-[#242424]", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, isSignIn ? "Sign In" : "Create Account"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignupForm(false), className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, isSignIn ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignIn, className: "space-y-4", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Email", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: signupData.email, onChange: (e)=>setSignupData({ ...signupData, email: e.target.value }), required: true, __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Password", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: signupData.password, onChange: (e)=>setSignupData({ ...signupData, password: e.target.value }), required: true, __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3D5ADC] text-white px-6 py-3 rounded-full font-bold font-inter hover:bg-[#354c9c] transition-all", __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }, "Sign in"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-[#242424]", __source: { fileName: "", lineNumber: 142, columnNumber: 19 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsSignIn(false), className: "text-[#3D5ADC] hover:text-[#354c9c]", __source: { fileName: "", lineNumber: 144, columnNumber: 21 }, __self: this }, "Sign up"))) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignup, className: "space-y-4", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Your Name", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: signupData.name, onChange: (e)=>setSignupData({ ...signupData, name: e.target.value }), required: true, __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Work Email", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: signupData.email, onChange: (e)=>setSignupData({ ...signupData, email: e.target.value }), required: true, __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Password", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: signupData.password, onChange: (e)=>setSignupData({ ...signupData, password: e.target.value }), required: true, __source: { fileName: "", lineNumber: 175, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Company Name", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: signupData.company, onChange: (e)=>setSignupData({ ...signupData, company: e.target.value }), required: signupData.email !== "admin", __source: { fileName: "", lineNumber: 185, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3D5ADC] text-white px-6 py-3 rounded-full font-bold font-inter hover:bg-[#354c9c] transition-all", __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, "Sign up"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-[#242424]", __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsSignIn(true), className: "text-[#3D5ADC] hover:text-[#354c9c]", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, "Sign in")))))), showSolutionForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 218, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-8 max-w-md w-full mx-4 my-auto", __source: { fileName: "", lineNumber: 219, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 220, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-space-grotesk text-[#242424]", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, "Add Solution"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSolutionForm(false), className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 224, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddSolution, className: "space-y-4", __source: { fileName: "", lineNumber: 231, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Solution Name", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: solutionData.solutionName, onChange: (e)=>setSolutionData({ ...solutionData, solutionName: e.target.value }), required: true, __source: { fileName: "", lineNumber: 232, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Solution Description", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: solutionData.solutionDescription, onChange: (e)=>setSolutionData({ ...solutionData, solutionDescription: e.target.value }), required: true, __source: { fileName: "", lineNumber: 245, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Company Name", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: solutionData.companyName, onChange: (e)=>setSolutionData({ ...solutionData, companyName: e.target.value }), required: true, __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Contact Email", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: solutionData.contactEmail, onChange: (e)=>setSolutionData({ ...solutionData, contactEmail: e.target.value }), required: true, __source: { fileName: "", lineNumber: 270, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "url", placeholder: "Related Links", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: solutionData.links, onChange: (e)=>setSolutionData({ ...solutionData, links: e.target.value }), __source: { fileName: "", lineNumber: 283, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: solutionData.segment, onChange: (e)=>setSolutionData({ ...solutionData, segment: e.target.value }), className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424]", required: true, __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 300, columnNumber: 17 }, __self: this }, "Select Segment"), /*#__PURE__*/ React.createElement("option", { value: "container_shipping", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, "Container Shipping"), /*#__PURE__*/ React.createElement("option", { value: "bulk_carriers", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, "Bulk Carriers"), /*#__PURE__*/ React.createElement("option", { value: "tankers", __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this }, "Tankers"), /*#__PURE__*/ React.createElement("option", { value: "cruise_ships", __source: { fileName: "", lineNumber: 304, columnNumber: 17 }, __self: this }, "Cruise Ships"), /*#__PURE__*/ React.createElement("option", { value: "offshore", __source: { fileName: "", lineNumber: 305, columnNumber: 17 }, __self: this }, "Offshore"), /*#__PURE__*/ React.createElement("option", { value: "port_operations", __source: { fileName: "", lineNumber: 306, columnNumber: 17 }, __self: this }, "Port Operations"), /*#__PURE__*/ React.createElement("option", { value: "shipbuilding", __source: { fileName: "", lineNumber: 307, columnNumber: 17 }, __self: this }, "Shipbuilding"), /*#__PURE__*/ React.createElement("option", { value: "marine_equipment", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, "Marine Equipment"), /*#__PURE__*/ React.createElement("option", { value: "maritime_services", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this }, "Maritime Services"), /*#__PURE__*/ React.createElement("option", { value: "maritime_law", __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }, "Maritime Law & Compliance"), /*#__PURE__*/ React.createElement("option", { value: "maritime_finance", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, "Maritime Finance & Insurance"), /*#__PURE__*/ React.createElement("option", { value: "maritime_education", __source: { fileName: "", lineNumber: 314, columnNumber: 17 }, __self: this }, "Maritime Education & Training")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3D5ADC] text-white px-6 py-3 rounded-full font-bold font-inter hover:bg-[#354c9c] transition-all", __source: { fileName: "", lineNumber: 318, columnNumber: 15 }, __self: this }, "Submit Solution")))), showProfileModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 329, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-8 max-w-md w-full mx-4 my-auto", __source: { fileName: "", lineNumber: 330, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 331, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-space-grotesk text-[#242424]", __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this }, "My Profile"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProfileModal(false), className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleProfileUpdate, className: "space-y-4", __source: { fileName: "", lineNumber: 342, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Full Name", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: profileData.name, onChange: (e)=>setProfileData({ ...profileData, name: e.target.value }), required: true, __source: { fileName: "", lineNumber: 343, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Job Title", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: profileData.title, onChange: (e)=>setProfileData({ ...profileData, title: e.target.value }), __source: { fileName: "", lineNumber: 353, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Company Name", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: profileData.company, onChange: (e)=>setProfileData({ ...profileData, company: e.target.value }), required: true, __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", placeholder: "Phone Number", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: profileData.phone, onChange: (e)=>setProfileData({ ...profileData, phone: e.target.value }), __source: { fileName: "", lineNumber: 372, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "url", placeholder: "LinkedIn Profile URL", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: profileData.linkedin, onChange: (e)=>setProfileData({ ...profileData, linkedin: e.target.value }), __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Professional Bio", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500 h-24", value: profileData.bio, onChange: (e)=>setProfileData({ ...profileData, bio: e.target.value }), __source: { fileName: "", lineNumber: 390, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Areas of Expertise (comma separated)", className: "w-full p-3 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500", value: profileData.expertise, onChange: (e)=>setProfileData({ ...profileData, expertise: e.target.value }), __source: { fileName: "", lineNumber: 398, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3D5ADC] text-white px-6 py-3 rounded-full font-bold font-inter hover:bg-[#354c9c] transition-all", __source: { fileName: "", lineNumber: 407, columnNumber: 15 }, __self: this }, "Save Profile")))), showNotifications && /*#__PURE__*/ React.createElement("div", { className: "fixed top-20 right-4 w-96 bg-white rounded-xl border border-[#9B9B9B] z-50", __source: { fileName: "", lineNumber: 418, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#9B9B9B] flex justify-between items-center", __source: { fileName: "", lineNumber: 419, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-[#242424]", __source: { fileName: "", lineNumber: 420, columnNumber: 13 }, __self: this }, "Notifications"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotifications(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 421, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 425, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 428, columnNumber: 11 }, __self: this }, notifications.map((notification)=>/*#__PURE__*/ React.createElement("div", { key: notification.id, className: "p-4 border-b border-[#9B9B9B] hover:bg-gray-50", __source: { fileName: "", lineNumber: 430, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 434, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-blue-500", __source: { fileName: "", lineNumber: 435, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${getNotificationIcon(notification.type)}`, __source: { fileName: "", lineNumber: 436, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 442, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#242424]", __source: { fileName: "", lineNumber: 443, columnNumber: 21 }, __self: this }, notification.message), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 446, columnNumber: 21 }, __self: this }, new Date(notification.created_at).toLocaleDateString()))))), notifications.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "p-4 text-center text-gray-500", __source: { fileName: "", lineNumber: 454, columnNumber: 15 }, __self: this }, "No notifications"))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center", __source: { fileName: "", lineNumber: 463, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 464, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 border-4 border-[#3D5ADC] border-t-transparent rounded-full animate-spin mx-auto mb-4", __source: { fileName: "", lineNumber: 465, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#242424] font-inter", __source: { fileName: "", lineNumber: 466, columnNumber: 13 }, __self: this }, "Loading content..."))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("main", { className: "container mx-auto relative flex-grow", __source: { fileName: "", lineNumber: 471, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "min-h-screen flex flex-col justify-center items-center relative px-4 border-t border-gray-200", __source: { fileName: "", lineNumber: 472, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-[#3b82f6]/5 via-transparent to-transparent", __source: { fileName: "", lineNumber: 473, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('/grid.svg')] bg-center opacity-10", __source: { fileName: "", lineNumber: 474, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative max-w-7xl mx-auto text-center", __source: { fileName: "", lineNumber: 476, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl sm:text-6xl md:text-8xl font-extrabold font-space-grotesk text-[#242424] mb-4 tracking-tight leading-tight hover-glow", __source: { fileName: "", lineNumber: 477, columnNumber: 17 }, __self: this }, "Maritime Innovation, Simplified."), /*#__PURE__*/ React.createElement("p", { className: "text-sm sm:text-md md:text-lg text-[#242424] font-inter max-w-3xl mx-auto mb-8 md:mb-12 leading-relaxed animate-shimmer", __source: { fileName: "", lineNumber: 480, columnNumber: 17 }, __self: this }, "Join the world's first maritime innovation community. Share challenges, discover solutions, and shape the future of shipping - all in one place."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-2 max-w-7xl mx-auto mb-8", __source: { fileName: "", lineNumber: 486, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-lightbulb", title: "Share Challenges", description: "Post real maritime challenges you're facing. Get insights and solutions from industry experts and innovators worldwide.", __source: { fileName: "", lineNumber: 487, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-users", title: "Build Together", description: "Top-voted challenges get fast-tracked to solution development. Work with our team to create and test working prototypes.", __source: { fileName: "", lineNumber: 492, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement(InfoCards, { icon: "fa-handshake", title: "Drive Change", description: "Back promising solutions and help bring them to life. Your support transforms innovative ideas into practical maritime tools.", showArrow: false, __source: { fileName: "", lineNumber: 497, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const viewportHeight = window.innerHeight; window.scrollTo({ top: viewportHeight, behavior: "smooth" }); }, className: "animate-bounce text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Scroll to next section", __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-3xl", __source: { fileName: "", lineNumber: 516, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { id: "submit-form", className: "min-h-screen flex flex-col justify-center px-4 py-8", __source: { fileName: "", lineNumber: 521, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto w-full", __source: { fileName: "", lineNumber: 525, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(SubmitFormInput, { __source: { fileName: "", lineNumber: 526, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mt-16", __source: { fileName: "", lineNumber: 528, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement(ItemListCard, { items: problems, loading: loading, onVote: (id, direction)=>handleVote(id, problems.find((p)=>p.id === id)?.votes || 0, direction === "up", false), onSelect: (item)=>window.location.href = `/community?problem=${item.id}`, __source: { fileName: "", lineNumber: 529, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement(ItemListCard, { items: solutions, loading: loading, title: "Maritime Solutions", description: "Browse submitted maritime solutions and vote on the ones you think are most promising.", onVote: (id, direction)=>handleVote(id, solutions.find((s)=>s.id === id)?.votes || 0, direction === "up", true), onSelect: (item)=>window.location.href = `/community?solution=${item.id}`, __source: { fileName: "", lineNumber: 544, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); if (!user) { window.location.href = "/account/signin"; return; } handleFeedback(e); }, className: "bg-white backdrop-blur-xl rounded-2xl border border-[#9B9B9B] p-6 md:p-8 mb-8 md:mb-12 hover:border-[#475569] transition-all mt-16", __source: { fileName: "", lineNumber: 563, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 md:mb-8", __source: { fileName: "", lineNumber: 574, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold font-space-grotesk text-[#242424] flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 575, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-[#475569]", __source: { fileName: "", lineNumber: 576, columnNumber: 23 }, __self: this }), "Platform Feedback"), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base text-[#242424] font-inter mb-4", __source: { fileName: "", lineNumber: 579, columnNumber: 21 }, __self: this }, "Help us improve the 0x1 platform! Share your ideas for new features, suggest improvements, or tell us what would make your experience better."), /*#__PURE__*/ React.createElement("a", { href: "https://featureflow.tech/ask/cm4jdxnqw0001eu15pt1d1hbc/forit", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 bg-[#3b82f6]/10 text-[#3b82f6] px-4 py-2 rounded-xl hover:bg-[#3b82f6]/20 transition-all text-sm font-medium", __source: { fileName: "", lineNumber: 584, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb", __source: { fileName: "", lineNumber: 590, columnNumber: 23 }, __self: this }), "Missing a feature?")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 594, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#242424] mb-2", __source: { fileName: "", lineNumber: 595, columnNumber: 21 }, __self: this }, "Your Suggestion"), /*#__PURE__*/ React.createElement("textarea", { value: feedback, onChange: (e)=>setFeedback(e.target.value), placeholder: "Examples: - Add a feature to filter solutions by technology type - Enable direct messaging between users - Add a notification system for updates - Improve the voting mechanism - Add more maritime industry categories", className: "w-full p-4 bg-gray-50 border border-gray-200 rounded-xl text-[#242424] placeholder-gray-500 focus:ring-2 focus:ring-[#475569] focus:border-transparent transition-all h-32 md:h-48 font-jetbrains-mono text-sm md:text-base", rows: "6", __source: { fileName: "", lineNumber: 598, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3D5ADC] text-white px-4 md:px-6 py-3 md:py-4 rounded-full font-bold font-inter hover:bg-[#354c9c] transition-all transform hover:scale-[1.02] active:scale-[0.98] flex items-center justify-center gap-2 text-sm md:text-base", __source: { fileName: "", lineNumber: 611, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 615, columnNumber: 21 }, __self: this }), "Submit Feedback"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 622, columnNumber: 11 }, __self: this }, ` @keyframes slideIn { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes fadeUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .slide-in { animation: slideIn 0.5s ease-out forwards; } .fade-up { animation: fadeUp 0.5s ease-out forwards; } .bounce { animation: bounce 2s infinite ease-in-out; } .rotate { animation: rotate 2s linear infinite; } `)), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1e293b] text-white py-12 mt-auto relative overflow-hidden", __source: { fileName: "", lineNumber: 655, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('/grid.svg')] opacity-5", __source: { fileName: "", lineNumber: 656, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10", __source: { fileName: "", lineNumber: 657, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 relative", __source: { fileName: "", lineNumber: 658, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center gap-6", __source: { fileName: "", lineNumber: 659, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 group", __source: { fileName: "", lineNumber: 660, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/0946e467-42a2-4a07-bf7f-01a9e0c43d5d/-/format/auto/", alt: "0x1 Labs Logo", className: "w-10 h-10 rounded-xl transform transition-transform group-hover:scale-110", __source: { fileName: "", lineNumber: 661, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-jetbrains-mono text-white", __source: { fileName: "", lineNumber: 666, columnNumber: 15 }, __self: this }, "0x1 Labs")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center gap-6", __source: { fileName: "", lineNumber: 670, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 w-px bg-slate-700 hidden md:block", __source: { fileName: "", lineNumber: 671, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 672, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-slate-400 font-inter", __source: { fileName: "", lineNumber: 673, columnNumber: 17 }, __self: this }, "© 2024 0x1 Labs"), /*#__PURE__*/ React.createElement("span", { className: "text-slate-600 text-xs", __source: { fileName: "", lineNumber: 674, columnNumber: 17 }, __self: this }, "·"), /*#__PURE__*/ React.createElement("span", { className: "text-slate-600 text-xs font-inter", __source: { fileName: "", lineNumber: 675, columnNumber: 17 }, __self: this }, "Made by J"))))))); }