function GlobalNavigation({ user = null, notifications = [], onNotificationsClick, onMenuClick }) { const [isMenuOpen, setIsMenuOpen] = useState(false); const menuItems = [ { path: "/", icon: "home", label: "Home" }, { path: "/chat", icon: "comments", label: "Chat" }, { path: "/dashboard", icon: "tachometer-alt", label: "Dashboard" }, { path: "/about", icon: "info-circle", label: "About" } ]; const quickActions = [ { label: "Start Chat", icon: "comments", path: "/chat" }, { label: "View Profile", icon: "user", path: "/dashboard?section=profile" }, { label: "Settings", icon: "cog", path: "/dashboard?section=preferences" }, { label: "Support", icon: "question-circle", path: "/dashboard?section=tickets" } ]; return /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2d3748] text-white py-4", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-8", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-xl font-bold", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain mr-2", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }), "Mental Health Companion"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-6", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.path, href: item.path, className: "hover:text-[#4299e1] transition-colors flex items-center", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${item.icon} mr-2`, __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }), item.label)))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "hover:text-[#4299e1] transition-colors", onClick: onNotificationsClick, __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell", __source: { fileName: "", lineNumber: 59, columnNumber: 21 }, __self: this }), notifications.length > 0 && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-xs rounded-full w-4 h-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 61, columnNumber: 23 }, __self: this }, notifications.length))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "hover:text-[#4299e1] transition-colors", onClick: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-xl", __source: { fileName: "", lineNumber: 73, columnNumber: 21 }, __self: this })), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2 text-gray-800", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-2 border-b border-gray-200", __source: { fileName: "", lineNumber: 78, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 79, columnNumber: 25 }, __self: this }, user.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 80, columnNumber: 25 }, __self: this }, user.email)), quickActions.map((action)=>/*#__PURE__*/ React.createElement("a", { key: action.path, href: action.path, className: "block px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 83, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${action.icon} mr-2`, __source: { fileName: "", lineNumber: 88, columnNumber: 27 }, __self: this }), action.label)), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200 mt-2", __source: { fileName: "", lineNumber: 92, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "block px-4 py-2 hover:bg-gray-100 text-red-600", __source: { fileName: "", lineNumber: 93, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 97, columnNumber: 27 }, __self: this }), "Logout"))))) : /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "hover:text-[#4299e1] transition-colors", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }), "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-[#4299e1] px-4 py-2 rounded-lg hover:bg-[#3182ce] transition-colors", __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, "Sign Up")))))); } function GlobalNavigationStory() { const mockUser = { name: "John Doe", email: "john@example.com" }; const mockNotifications = [ { id: 1, message: "New message" }, { id: 2, message: "Reminder" } ]; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 141, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 142, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 143, columnNumber: 9 }, __self: this }, "Logged Out State"), /*#__PURE__*/ React.createElement(GlobalNavigation, { __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 148, columnNumber: 9 }, __self: this }, "Logged In State (No Notifications)"), /*#__PURE__*/ React.createElement(GlobalNavigation, { user: mockUser, notifications: [], onNotificationsClick: ()=>{}, __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, "Logged In State (With Notifications)"), /*#__PURE__*/ React.createElement(GlobalNavigation, { user: mockUser, notifications: mockNotifications, onNotificationsClick: ()=>{}, __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }))); } function TestimonialsList({ testimonials = [], loading = false, error = null, onRetry }) { return /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-center text-[#2d3748] mb-12", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "What Our Users Say"), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-[300px]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[#4299e1]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this })) : error ? /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 text-red-700 p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, error, /*#__PURE__*/ React.createElement("button", { onClick: onRetry, className: "ml-4 text-[#4299e1] hover:underline", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Try Again")) : testimonials.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#4a5568]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "No testimonials available at the moment.") : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, testimonials.map((testimonial)=>/*#__PURE__*/ React.createElement("div", { key: testimonial.id, className: "bg-white p-6 rounded-lg shadow-lg transform hover:scale-105 transition-transform", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: testimonial.avatar, alt: `${testimonial.name}'s avatar`, className: "w-12 h-12 rounded-full mr-4", onError: (e)=>{ e.target.onerror = null; e.target.src = "https://via.placeholder.com/48"; }, __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-bold", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, testimonial.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#718096]", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, testimonial.role))), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568] mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, testimonial.text), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("i", { key: i, className: `fas fa-star ${i < testimonial.rating ? "text-[#4299e1]" : "text-gray-300"} text-sm mr-1`, __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#718096] ml-2", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, testimonial.rating, "/5")))))); } function TestimonialsListStory() { const [testimonials, setTestimonials] = useState([]); const [error, setError] = useState(null); const [loading, setLoading] = useState(true); const fetchTestimonials = async ()=>{ try { const response = await fetch("/api/testimonials-1", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ type: "list" }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setTestimonials(data.testimonials); setError(null); } catch (error) { console.error("Failed to fetch testimonials:", error); setError("Failed to load testimonials. Please try again."); } finally{ setLoading(false); } }; useEffect(()=>{ fetchTestimonials(); }, []); const mockTestimonials = [ { id: 1, name: "John Doe", role: "Patient", avatar: "https://via.placeholder.com/48", text: "This app has been tremendously helpful in my mental health journey.", rating: 5 }, { id: 2, name: "Jane Smith", role: "Healthcare Professional", avatar: "https://via.placeholder.com/48", text: "An excellent tool for supporting mental health care.", rating: 4 }, { id: 3, name: "Mike Johnson", role: "Regular User", avatar: "https://via.placeholder.com/48", text: "The AI companion is incredibly responsive and helpful.", rating: 5 } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-16", __source: { fileName: "", lineNumber: 140, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, "Live Data Example"), /*#__PURE__*/ React.createElement(TestimonialsList, { testimonials: testimonials, loading: loading, error: error, onRetry: fetchTestimonials, __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 153, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, "Loading State"), /*#__PURE__*/ React.createElement(TestimonialsList, { loading: true, testimonials: [], __source: { fileName: "", lineNumber: 155, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, "Error State"), /*#__PURE__*/ React.createElement(TestimonialsList, { error: "Something went wrong", testimonials: [], onRetry: ()=>{}, __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 167, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this }, "Empty State"), /*#__PURE__*/ React.createElement(TestimonialsList, { testimonials: [], __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "Mock Data Example"), /*#__PURE__*/ React.createElement(TestimonialsList, { testimonials: mockTestimonials, __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }))); } function KeyboardShortcuts({ onClose: onClose1, isVisible = false, shortcuts = [ { key: "/", description: "Quick search", action: ()=>window.location.href = "/search" }, { key: "G + H", description: "Go to Home", action: ()=>window.location.href = "/" }, { key: "G + C", description: "Go to Chat", action: ()=>window.location.href = "/chat" }, { key: "G + D", description: "Go to Dashboard", action: ()=>window.location.href = "/dashboard" }, { key: "G + A", description: "Go to About", action: ()=>window.location.href = "/about" }, { key: "?", description: "Show/Hide this help" }, { key: "Esc", description: "Close this window", action: ()=>onClose1() } ] }) { // Handle escape key useEffect(()=>{ const handleEscape = (event)=>{ if (event.key === "Escape" && isVisible) { onClose1(); } }; document.addEventListener("keydown", handleEscape); return ()=>document.removeEventListener("keydown", handleEscape); }, [ isVisible, onClose1 ]); if (!isVisible) return null; const handleBackdropClick = (e)=>{ if (e.target === e.currentTarget) { onClose1(); } }; return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", role: "dialog", "aria-modal": "true", "aria-labelledby": "shortcuts-title", onClick: handleBackdropClick, __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { id: "shortcuts-title", className: "text-xl font-roboto font-bold text-[#2d3748]", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Keyboard Shortcuts"), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); onClose1(); }, className: "text-[#4a5568] hover:text-[#2d3748] transition-colors", "aria-label": "Close keyboard shortcuts", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, shortcuts.map((shortcut, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#4a5568] font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, shortcut.description), /*#__PURE__*/ React.createElement("kbd", { className: "bg-[#f7fafc] px-2 py-1 rounded text-sm font-roboto text-[#2d3748] border border-[#e2e8f0]", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, shortcut.key)))))); } function KeyboardShortcutsStory() { const [showHelp, setShowHelp] = useState(false); useEffect(()=>{ const handleKeyPress = (e)=>{ if (e.key === "?" && !e.ctrlKey && !e.metaKey) { setShowHelp((prev)=>!prev); } }; document.addEventListener("keydown", handleKeyPress); return ()=>document.removeEventListener("keydown", handleKeyPress); }, []); const handleClose = useCallback(()=>{ setShowHelp(false); }, []); // Default shortcuts with actions const defaultShortcuts = [ { key: "/", description: "Quick search", action: ()=>window.location.href = "/search" }, { key: "G + H", description: "Go to Home", action: ()=>window.location.href = "/" }, { key: "G + C", description: "Go to Chat", action: ()=>window.location.href = "/chat" }, { key: "G + D", description: "Go to Dashboard", action: ()=>window.location.href = "/dashboard" }, { key: "G + A", description: "Go to About", action: ()=>window.location.href = "/about" }, { key: "?", description: "Show/Hide this help" }, { key: "Esc", description: "Close this window", action: ()=>onClose() } ]; // Custom shortcuts for demonstration const customShortcuts = [ { key: "Ctrl + S", description: "Save changes", action: ()=>console.log("Save") }, { key: "Ctrl + P", description: "Print page", action: ()=>window.print() }, { key: "Esc", description: "Close modal", action: ()=>setShowHelp(false) } ]; return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 167, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-bold text-[#2d3748] mb-4", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, "Keyboard Shortcuts Component"), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, "Default Shortcuts"), /*#__PURE__*/ React.createElement(KeyboardShortcuts, { isVisible: true, onClose: handleClose, shortcuts: defaultShortcuts, __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, "Custom Shortcuts"), /*#__PURE__*/ React.createElement(KeyboardShortcuts, { isVisible: true, onClose: handleClose, shortcuts: customShortcuts, __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, "Interactive Demo"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowHelp((prev)=>!prev), className: "bg-[#4299e1] text-white px-4 py-2 rounded-lg hover:bg-[#3182ce] transition-colors", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, 'Toggle Keyboard Shortcuts (or press "?")'), /*#__PURE__*/ React.createElement(KeyboardShortcuts, { isVisible: showHelp, onClose: handleClose, shortcuts: defaultShortcuts, __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this }))))); } function AboutUs() { const { data: user } = useUser(); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [teamData, setTeamData] = useState([]); const [showContactModal, setShowContactModal] = useState(false); const milestones = [ { year: "2023", title: "Launch", description: "Introduced our AI-powered mental health companion." }, { year: "2024", title: "Global Expansion", description: "Extended support to multiple languages and regions." }, { year: "2025", title: "Advanced Features", description: "Implemented voice interaction and personalized care paths." } ]; useEffect(()=>{ const fetchTeamData = async ()=>{ try { const response = await fetch("/api/team-members"); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); setTeamData(data); } catch (err) { setError("Failed to load team data. Please try again later."); console.error("Error fetching team data:", err); } finally{ setLoading(false); } }; fetchTeamData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#f0f4f8] to-[#ffffff]", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GlobalNavigation, { user: user, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center p-4", role: "alert", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, error) : loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center p-8", role: "status", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[#4299e1]", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-roboto font-bold text-[#2d3748] mb-6 text-center", role: "heading", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "About Mental Health Companion"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#4a5568] max-w-3xl mx-auto text-center mb-12", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "We're dedicated to making mental health support accessible to everyone through innovative AI technology while maintaining the human touch in mental healthcare."), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-12", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Our Mission"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568] text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "To provide accessible, personalized mental health support through innovative technology, breaking down barriers to mental healthcare and ensuring everyone has someone to talk to, anytime, anywhere.")), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-8 text-center", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Our Team"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mb-12", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, teamData.map((member)=>/*#__PURE__*/ React.createElement("div", { key: member.id, className: "bg-white rounded-lg shadow-lg p-6 text-center transform transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: member.image, alt: `${member.name} - ${member.role}`, className: "w-32 h-32 rounded-full mx-auto mb-4 object-cover", loading: "lazy", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, member.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#4299e1] mb-3", __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }, member.role), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, member.description))))), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-8 text-center", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, "Our Journey"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto mb-12", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, milestones.map((milestone, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-start mb-8", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#4299e1] text-white px-4 py-2 rounded-full mr-4", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, milestone.year), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, milestone.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, milestone.description))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-12", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-6 text-center", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, "Our Values"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-[#4299e1] text-4xl mb-4", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "Compassion"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "Every interaction is guided by empathy and understanding")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#4299e1] text-4xl mb-4", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, "Privacy"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Your trust and confidentiality are our top priorities")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#4299e1] text-4xl mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, "Innovation"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, "Continuously improving to provide better support")))), /*#__PURE__*/ React.createElement(TestimonialsList, { __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2d3748] text-white py-8", __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, "© 2025 Mental Health Companion. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 items-center", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowContactModal(true), className: "bg-[#4299e1] text-white px-6 py-2 rounded-full hover:bg-[#3182ce] transition-colors", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/legal?tab=privacy", className: "hover:text-[#4299e1]", "aria-label": "Privacy Policy", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/legal?tab=terms", className: "hover:text-[#4299e1]", "aria-label": "Terms of Use", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, "Terms of Use")))))), showContactModal && /*#__PURE__*/ React.createElement(React.Fragment, null)); } function MainComponent() { const { data: user } = useUser(); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [teamData, setTeamData] = useState([]); const [showContactModal, setShowContactModal] = useState(false); const milestones = [ { year: "2023", title: "Launch", description: "Introduced our AI-powered mental health companion." }, { year: "2024", title: "Global Expansion", description: "Extended support to multiple languages and regions." }, { year: "2025", title: "Advanced Features", description: "Implemented voice interaction and personalized care paths." } ]; useEffect(()=>{ const fetchTeamData = async ()=>{ try { const response = await fetch("/api/team-members"); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); setTeamData(data); } catch (err) { setError("Failed to load team data. Please try again later."); console.error("Error fetching team data:", err); } finally{ setLoading(false); } }; fetchTeamData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#f0f4f8] to-[#ffffff]", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GlobalNavigation, { user: user, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center p-4", role: "alert", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, error) : loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center p-8", role: "status", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[#4299e1]", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-roboto font-bold text-[#2d3748] mb-6 text-center", role: "heading", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "About Mental Health Companion"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#4a5568] max-w-3xl mx-auto text-center mb-12", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "We're dedicated to making mental health support accessible to everyone through innovative AI technology while maintaining the human touch in mental healthcare."), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-12", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Our Mission"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568] text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "To provide accessible, personalized mental health support through innovative technology, breaking down barriers to mental healthcare and ensuring everyone has someone to talk to, anytime, anywhere.")), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-8 text-center", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Our Team"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mb-12", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, teamData.map((member)=>/*#__PURE__*/ React.createElement("div", { key: member.id, className: "bg-white rounded-lg shadow-lg p-6 text-center transform transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: member.image, alt: `${member.name} - ${member.role}`, className: "w-32 h-32 rounded-full mx-auto mb-4 object-cover", loading: "lazy", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, member.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#4299e1] mb-3", __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }, member.role), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, member.description))))), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-8 text-center", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, "Our Journey"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto mb-12", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, milestones.map((milestone, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-start mb-8", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#4299e1] text-white px-4 py-2 rounded-full mr-4", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, milestone.year), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, milestone.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, milestone.description))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-12", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto font-bold text-[#2d3748] mb-6 text-center", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, "Our Values"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-[#4299e1] text-4xl mb-4", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "Compassion"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "Every interaction is guided by empathy and understanding")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#4299e1] text-4xl mb-4", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, "Privacy"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Your trust and confidentiality are our top priorities")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#4299e1] text-4xl mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, "Innovation"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, "Continuously improving to provide better support")))), /*#__PURE__*/ React.createElement(TestimonialsList, { __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2d3748] text-white py-8", __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, "© 2025 Mental Health Companion. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 items-center", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowContactModal(true), className: "bg-[#4299e1] text-white px-6 py-2 rounded-full hover:bg-[#3182ce] transition-colors", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/legal?tab=privacy", className: "hover:text-[#4299e1]", "aria-label": "Privacy Policy", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/legal?tab=terms", className: "hover:text-[#4299e1]", "aria-label": "Terms of Use", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, "Terms of Use")))))), showContactModal && /*#__PURE__*/ React.createElement(React.Fragment, null)); }