diff --git a/compose/neurosynth-frontend/cypress/e2e/pages/HelpPage.cy.tsx b/compose/neurosynth-frontend/cypress/e2e/pages/HelpPage.cy.tsx
new file mode 100644
index 00000000..551d0478
--- /dev/null
+++ b/compose/neurosynth-frontend/cypress/e2e/pages/HelpPage.cy.tsx
@@ -0,0 +1,42 @@
+describe('HelpPage', () => {
+    beforeEach(() => {
+        cy.visit('/help');
+    });
+
+    it('should display Community Support section', () => {
+        cy.contains('Community Support').should('be.visible');
+    });
+
+    it('should display Email Support section', () => {
+        cy.contains('Email Support').should('be.visible');
+    });
+
+    it('should have Visit NeuroStars button with correct link', () => {
+        cy.contains('a', 'Visit NeuroStars')
+            .should('be.visible')
+            .and('have.attr', 'href', 'https://neurostars.org/tag/neurosynth-compose')
+            .and('have.attr', 'target', '_blank')
+            .and('have.attr', 'rel', 'noopener noreferrer');
+    });
+
+    it('should have Send Email button with correct mailto link', () => {
+        cy.contains('a', 'Send Email')
+            .should('be.visible')
+            .and('have.attr', 'href', 'mailto:neurosynthorg@gmail.com')
+            .and('have.attr', 'target', '_blank')
+            .and('have.attr', 'rel', 'noopener noreferrer');
+    });
+
+    it('should display the email address link in Email Support section', () => {
+        cy.contains('a', 'neurosynthorg@gmail.com')
+            .should('be.visible')
+            .and('have.attr', 'href', 'mailto:neurosynthorg@gmail.com');
+    });
+
+    it('should display documentation link in tip section', () => {
+        cy.contains('a', 'documentation')
+            .should('be.visible')
+            .and('have.attr', 'href', 'https://neurostuff.github.io/compose-docs/')
+            .and('have.attr', 'target', '_blank');
+    });
+});
diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.spec.tsx b/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.spec.tsx
index 2b888d7c..30bdac5c 100644
--- a/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.spec.tsx
+++ b/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.spec.tsx
@@ -36,7 +36,7 @@ describe('NavDrawer component', () => {
         expect(screen.queryByText('LOGOUT')).not.toBeInTheDocument();
 
         expect(screen.queryByText('EXPLORE')).toBeInTheDocument();
-        expect(screen.queryByText('DOCS')).toBeInTheDocument();
+        expect(screen.queryByText('Help')).toBeInTheDocument();
         expect(screen.queryByText('SIGN IN/SIGN UP')).toBeInTheDocument();
     });
 
@@ -49,7 +49,7 @@ describe('NavDrawer component', () => {
         expect(screen.queryByText('MY PROJECTS')).toBeInTheDocument();
         expect(screen.queryByText('LOGOUT')).toBeInTheDocument();
         expect(screen.queryByText('EXPLORE')).toBeInTheDocument();
-        expect(screen.queryByText('DOCS')).toBeInTheDocument();
+        expect(screen.queryByText('Help')).toBeInTheDocument();
     });
 
     it('should login', () => {
diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.tsx b/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.tsx
index 4b8c7a01..a1a2499f 100644
--- a/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.tsx
+++ b/compose/neurosynth-frontend/src/components/Navbar/NavDrawer.tsx
@@ -26,14 +26,6 @@ const NavDrawer: React.FC<INav> = (props) => {
     const [isOpen, setIsOpen] = useState(false);
     const navigate = useNavigate();
 
-    const handleOpenDrawer = (_event: React.MouseEvent<HTMLElement>) => {
-        setIsOpen(true);
-    };
-
-    const handleCloseDrawer = (_event: React.MouseEvent) => {
-        setIsOpen(false);
-    };
-
     return (
         <Toolbar>
             <Box
@@ -41,19 +33,15 @@ const NavDrawer: React.FC<INav> = (props) => {
                 to="/"
                 sx={[NavbarStyles.logoContainer, { flexGrow: 1, justifyContent: 'flex-end' }]}
             >
-                <img
-                    style={NavbarStyles.logo as any}
-                    alt="neurosynth compose logo"
-                    src="/static/synth.png"
-                />
+                <img style={NavbarStyles.logo as any} alt="neurosynth compose logo" src="/static/synth.png" />
                 <Typography sx={NavbarStyles.logoText}>neurosynth compose</Typography>
             </Box>
             <Box sx={{ flexGrow: 1, justifyContent: 'flex-end', display: 'flex' }}>
-                <IconButton onClick={handleOpenDrawer}>
+                <IconButton onClick={() => setIsOpen(true)}>
                     <MenuIcon />
                 </IconButton>
             </Box>
-            <Drawer anchor="right" open={isOpen} onClose={handleCloseDrawer}>
+            <Drawer anchor="right" open={isOpen} onClose={() => setIsOpen(false)}>
                 <List>
                     {isAuthenticated && (
                         <>
@@ -62,10 +50,7 @@ const NavDrawer: React.FC<INav> = (props) => {
                                     <ListItemIcon>
                                         <AddCircleOutlineIcon color="secondary" />
                                     </ListItemIcon>
-                                    <ListItemText
-                                        sx={{ color: 'secondary.main' }}
-                                        primary="NEW PROJECT"
-                                    />
+                                    <ListItemText sx={{ color: 'secondary.main' }} primary="NEW PROJECT" />
                                 </ListItemButton>
                             </ListItem>
                             <ListItem>
@@ -92,7 +77,27 @@ const NavDrawer: React.FC<INav> = (props) => {
                             </ListItem>
                         </List>
                     </DrawerToggleMenu>
-                    <ListItem>
+                    <DrawerToggleMenu labelText="Help">
+                        <List>
+                            <ListItem>
+                                <ListItemButton
+                                    onClick={() => window.open('https://neurostuff.github.io/compose-docs/', '_blank')}
+                                >
+                                    <ListItemIcon />
+                                    <ListItemText primaryTypographyProps={{ display: 'flex', alignItems: 'center' }}>
+                                        Documentation <OpenInNewIcon fontSize="small" sx={{ ml: 1 }} />
+                                    </ListItemText>
+                                </ListItemButton>
+                            </ListItem>
+                            <ListItem>
+                                <ListItemButton onClick={() => navigate('/help')}>
+                                    <ListItemIcon />
+                                    <ListItemText primary="Get Help" />
+                                </ListItemButton>
+                            </ListItem>
+                        </List>
+                    </DrawerToggleMenu>
+                    {/* <ListItem>
                         <Button
                             sx={{ display: 'flex', padding: '8px 16px', width: '100%' }}
                             target="_blank"
@@ -104,11 +109,15 @@ const NavDrawer: React.FC<INav> = (props) => {
                             </ListItemIcon>
                             <ListItemText primary="DOCS" sx={{ color: 'black' }} />
                         </Button>
-                    </ListItem>
+                    </ListItem> */}
                     <ListItem>
                         <ListItemButton
                             onClick={() => {
-                                isAuthenticated ? props.onLogout() : props.onLogin();
+                                if (isAuthenticated) {
+                                    props.onLogout();
+                                } else {
+                                    props.onLogin();
+                                }
                             }}
                         >
                             <ListItemIcon />
diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.spec.tsx b/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.spec.tsx
index b5eed12e..766783f9 100644
--- a/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.spec.tsx
+++ b/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.spec.tsx
@@ -29,7 +29,7 @@ describe('NavToolbar Component', () => {
         expect(screen.queryByTestId('PersonIcon')).not.toBeInTheDocument();
 
         expect(screen.queryByText('explore')).toBeInTheDocument();
-        expect(screen.queryByText('DOCS')).toBeInTheDocument();
+        expect(screen.queryByText('help')).toBeInTheDocument();
         expect(screen.queryByText('Sign In/Sign Up')).toBeInTheDocument();
     });
 
@@ -41,7 +41,7 @@ describe('NavToolbar Component', () => {
         expect(screen.queryByText('NEW PROJECT')).toBeInTheDocument();
         expect(screen.queryByText('my projects')).toBeInTheDocument();
         expect(screen.queryByText('explore')).toBeInTheDocument();
-        expect(screen.queryByText('DOCS')).toBeInTheDocument();
+        expect(screen.queryByText('help')).toBeInTheDocument();
         expect(screen.getByTestId('PersonIcon')).toBeInTheDocument();
     });
 
@@ -66,7 +66,8 @@ describe('NavToolbar Component', () => {
     it('should open the navpopup menu with the given menu items', () => {
         render(<NavToolbar onLogin={mockLogin} onLogout={mockLogout} />);
 
-        userEvent.click(screen.getByTestId('mock-trigger-show-popup'));
+        // get the first element (the Explore button)
+        userEvent.click(screen.getAllByTestId('mock-trigger-show-popup')[0]);
         expect(screen.getByText('Studies')).toBeInTheDocument();
         expect(screen.getByText('Meta-Analyses')).toBeInTheDocument();
     });
diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.tsx b/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.tsx
index c4502553..bd2ed570 100644
--- a/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.tsx
+++ b/compose/neurosynth-frontend/src/components/Navbar/NavToolbar.tsx
@@ -61,20 +61,31 @@ const NavToolbar: React.FC<INav> = (props) => {
                         buttonLabel="explore"
                     />
 
-                    <Button
-                        sx={[
-                            NavToolbarStyles.menuItemColor,
-                            NavToolbarStyles.menuItemPadding,
-                            NavToolbarStyles.menuItem,
+                    <NavToolbarPopupSubMenu
+                        buttonProps={{
+                            sx: [
+                                NavToolbarStyles.menuItemColor,
+                                NavToolbarStyles.menuItemPadding,
+                                NavToolbarStyles.menuItem,
+                            ],
+                            endIcon: <KeyboardArrowDownIcon />,
+                        }}
+                        options={[
+                            {
+                                label: (
+                                    <Box sx={{ display: 'flex', alignItems: 'center' }}>
+                                        Documentation <OpenInNewIcon fontSize="small" sx={{ ml: 1 }} />
+                                    </Box>
+                                ),
+                                onClick: () => window.open('https://neurostuff.github.io/compose-docs/', '_blank'),
+                            },
+                            {
+                                label: 'Get Help',
+                                onClick: () => navigate('/help'),
+                            },
                         ]}
-                        variant="outlined"
-                        target="_blank"
-                        rel="noreferrer"
-                        href="https://neurostuff.github.io/compose-docs/"
-                    >
-                        DOCS
-                        <OpenInNewIcon sx={{ marginLeft: '8px', fontSize: '1.2rem' }} />
-                    </Button>
+                        buttonLabel="help"
+                    />
                     <NeurosynthAvatar onLogout={props.onLogout} onLogin={props.onLogin} />
                 </Box>
             </Box>
diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavToolbarPopupSubMenu.tsx b/compose/neurosynth-frontend/src/components/Navbar/NavToolbarPopupSubMenu.tsx
index 73cf1b78..64b3ede8 100644
--- a/compose/neurosynth-frontend/src/components/Navbar/NavToolbarPopupSubMenu.tsx
+++ b/compose/neurosynth-frontend/src/components/Navbar/NavToolbarPopupSubMenu.tsx
@@ -5,7 +5,7 @@ export interface INavToolbarPopupSubMenu {
     buttonProps: ButtonProps;
     buttonLabel: string;
     options: {
-        label: string;
+        label: string | React.ReactNode;
         secondary?: string;
         onClick: () => void;
     }[];
@@ -37,10 +37,7 @@ const NavToolbarPopupSubMenu: React.FC<INavToolbarPopupSubMenu> = (props) => {
                                 handleCloseNavMenu();
                             }}
                         >
-                            <ListItemText
-                                primary={option.label}
-                                secondary={option?.secondary || ''}
-                            />
+                            <ListItemText primary={option.label} secondary={option?.secondary || ''} />
                         </ListItemButton>
                     </ListItem>
                 ))}
diff --git a/compose/neurosynth-frontend/src/pages/BaseNavigation/BaseNavigation.tsx b/compose/neurosynth-frontend/src/pages/BaseNavigation/BaseNavigation.tsx
index e30b442c..0ae319a8 100644
--- a/compose/neurosynth-frontend/src/pages/BaseNavigation/BaseNavigation.tsx
+++ b/compose/neurosynth-frontend/src/pages/BaseNavigation/BaseNavigation.tsx
@@ -19,6 +19,7 @@ import { Navigate, Route, Routes } from 'react-router-dom';
 import LandingPage from '../LandingPage/LandingPage';
 import BaseNavigationStyles from './BaseNavigation.styles';
 import ProtectedRoute from './components/ProtectedRoute';
+import HelpPage from 'pages/HelpPage/HelpPage';
 
 const EditStudyPage = React.lazy(() => import('pages/Study/EditStudyPage'));
 const ProjectStudyPage = React.lazy(() => import('pages/Study/ProjectStudyPage'));
@@ -215,6 +216,7 @@ const BaseNavigation: React.FC = () => {
                             </ProtectedRoute>
                         }
                     />
+                    <Route path="/help" element={<HelpPage />} />
                     <Route
                         path="/forbidden"
                         element={
diff --git a/compose/neurosynth-frontend/src/pages/Curation/components/CurationBoardAIGroupsListItem.tsx b/compose/neurosynth-frontend/src/pages/Curation/components/CurationBoardAIGroupsListItem.tsx
index ce0fd8bf..1357fe6f 100644
--- a/compose/neurosynth-frontend/src/pages/Curation/components/CurationBoardAIGroupsListItem.tsx
+++ b/compose/neurosynth-frontend/src/pages/Curation/components/CurationBoardAIGroupsListItem.tsx
@@ -50,7 +50,6 @@ const CurationBoardAIGroupsListItem: React.FC<{
                         )}
                         <ListItemText
                             sx={{
-                                textTransform: 'capitalize',
                                 '.MuiListItemText-primary': {
                                     fontSize: '14px',
                                     ...CurationBoardAIGroupsStyles.lineClamp3,
diff --git a/compose/neurosynth-frontend/src/pages/HelpPage/HelpPage.tsx b/compose/neurosynth-frontend/src/pages/HelpPage/HelpPage.tsx
new file mode 100644
index 00000000..24acc3e1
--- /dev/null
+++ b/compose/neurosynth-frontend/src/pages/HelpPage/HelpPage.tsx
@@ -0,0 +1,190 @@
+import { Box, Button, Card, CardContent, Container, Link, Typography } from '@mui/material';
+import ForumIcon from '@mui/icons-material/Forum';
+import EmailIcon from '@mui/icons-material/Email';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+
+const HelpPage: React.FC = () => {
+    return (
+        <Box
+            sx={{
+                width: '100%',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                py: '1.5rem',
+            }}
+        >
+            <Container maxWidth="lg">
+                <Box
+                    sx={{
+                        textAlign: 'center',
+                        marginBottom: '2rem',
+                        py: '1rem',
+                    }}
+                >
+                    <Typography variant="h4" color="primary" gutterBottom>
+                        How Can We Help?
+                    </Typography>
+                    <Typography variant="h6">
+                        We're here to support you. Choose the best way to get in touch with us.
+                    </Typography>
+                </Box>
+
+                <Box
+                    sx={{
+                        display: 'flex',
+                        flexDirection: { xs: 'column', md: 'row' },
+                        gap: '2rem',
+                    }}
+                >
+                    {[
+                        {
+                            title: 'Community Support',
+                            descriptionElement: (
+                                <Typography
+                                    variant="body1"
+                                    sx={{
+                                        color: 'text.primary',
+                                        marginBottom: '1rem',
+                                    }}
+                                >
+                                    Join our community on NeuroStars to ask questions, share insights, and connect with
+                                    other researchers. Get answers from both the Neurosynth team and the wider
+                                    neuroscience community.
+                                </Typography>
+                            ),
+                            icon: <ForumIcon sx={{ fontSize: '2rem', color: 'white' }} />,
+                            button: {
+                                label: 'Visit NeuroStars',
+                                href: 'https://neurostars.org/tag/neurosynth-compose',
+                            },
+                        },
+                        {
+                            title: 'Email Support',
+                            descriptionElement: (
+                                <Typography
+                                    variant="body1"
+                                    sx={{
+                                        color: 'text.primary',
+                                        marginBottom: '1rem',
+                                    }}
+                                >
+                                    Prefer direct contact? Send us an email at{' '}
+                                    <Link underline="hover" href="mailto:neurosynthorg@gmail.com" fontWeight="bold">
+                                        neurosynthorg@gmail.com
+                                    </Link>{' '}
+                                    Our team will get back to you as soon as possible to help resolve your questions or
+                                    issues.
+                                </Typography>
+                            ),
+                            icon: <EmailIcon sx={{ fontSize: '2rem', color: 'white' }} />,
+                            button: {
+                                label: 'Send Email',
+                                href: 'mailto:neurosynthorg@gmail.com',
+                            },
+                        },
+                    ].map(({ title, descriptionElement, icon, button }) => (
+                        <Card
+                            key={title}
+                            elevation={2}
+                            sx={{
+                                flex: 1,
+                                borderRadius: '16px',
+                            }}
+                        >
+                            <CardContent
+                                sx={{
+                                    display: 'flex',
+                                    height: '100%',
+                                    boxSizing: 'border-box',
+                                    flexDirection: 'column',
+                                    alignItems: 'center',
+                                    padding: '2rem',
+                                    textAlign: 'center',
+                                }}
+                            >
+                                <Box
+                                    sx={{
+                                        width: '70px',
+                                        height: '70px',
+                                        backgroundColor: 'primary.main',
+                                        borderRadius: '50%',
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                        marginBottom: '1.5rem',
+                                    }}
+                                >
+                                    {icon}
+                                </Box>
+                                <Typography
+                                    variant="h4"
+                                    sx={{
+                                        marginBottom: '1rem',
+                                        color: 'primary.main',
+                                    }}
+                                >
+                                    {title}
+                                </Typography>
+                                <Box>{descriptionElement}</Box>
+                                <Button
+                                    variant="contained"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    size="large"
+                                    disableElevation
+                                    endIcon={<OpenInNewIcon />}
+                                    href={button.href}
+                                    component="a"
+                                    sx={{
+                                        width: '230px',
+                                        marginTop: 'auto',
+                                        paddingX: '1.5rem',
+                                    }}
+                                >
+                                    {button.label}
+                                </Button>
+                            </CardContent>
+                        </Card>
+                    ))}
+                </Box>
+
+                <Box
+                    sx={{
+                        marginTop: '3rem',
+                        textAlign: 'center',
+                        padding: '1.5rem',
+                        backgroundColor: 'primary.light',
+                        borderRadius: '8px',
+                    }}
+                >
+                    <Typography
+                        variant="body1"
+                        sx={{
+                            color: 'white',
+                            lineHeight: 1.8,
+                        }}
+                    >
+                        Tip: Before reaching out, you might find answers in our{' '}
+                        <Link
+                            href="https://neurostuff.github.io/compose-docs/"
+                            target="_blank"
+                            underline="always"
+                            rel="noopener noreferrer"
+                            sx={{
+                                textDecorationColor: 'white',
+                                color: 'white',
+                                fontWeight: 'bold',
+                            }}
+                        >
+                            documentation
+                        </Link>
+                        .
+                    </Typography>
+                </Box>
+            </Container>
+        </Box>
+    );
+};
+
+export default HelpPage;