Add Help & FAQ button to navigation and update README with live demo link

Author: AmrNabel

README.md

@@ -48,40 +48,44 @@ Resume Author is part of the **T3 Innovation Network** initiative, designed to c
 ### Installation
 
 1. **Clone the repository**
+
    ```bash
    git clone https://github.com/your-org/resume-author.git
    cd resume-author
    ```
 
 2. **Install dependencies**
+
    ```bash
    npm install
    # or
    yarn install
    ```
 
 3. **Environment Configuration**
-   
+
    Create a `.env` file in the root directory with the following variables:
+
    ```env
    # Google OAuth
    REACT_APP_GOOGLE_CLIENT_ID=your_google_client_id
    REACT_APP_GOOGLE_REDIRECT_URI=http://localhost:3000/auth/callback
-   
+
    # Auth0 Configuration
    REACT_APP_AUTH0_DOMAIN=your_auth0_domain
    REACT_APP_AUTH0_CLIENT_ID=your_auth0_client_id
-   
+
    # Backend Server
    REACT_APP_SERVER_URL=https://linkedcreds.allskillscount.org
-   
+
    # Firebase Configuration
    REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
    REACT_APP_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
    REACT_APP_FIREBASE_PROJECT_ID=your_project_id
    ```
 
 4. **Start the development server**
+
    ```bash
    npm start
    # or
@@ -202,14 +206,15 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 
 ## 📞 Support
 
-- **Live Demo**: [https://resume-author.vercel.app/](https://resume-author.vercel.app/)
+- **Live Demo**: [https://resume.allskillscount.org/](https://resume.allskillscount.org/)
 - **Documentation**: Check the `/docs` folder for detailed documentation
 - **Issues**: Report bugs and feature requests in the GitHub Issues section
 - **FAQ**: Visit `/faq` route in the application for frequently asked questions
 
 ## 🔄 Changelog
 
 ### Version 0.1.0
+
 - Initial release with core resume editing functionality
 - Google Drive integration for storage
 - Verifiable credentials support
@@ -221,4 +226,4 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 
 **Built with ❤️ by the T3 Innovation Network team**
 
-*Empowering individuals to showcase their skills and experiences securely in the digital age.*
+_Empowering individuals to showcase their skills and experiences securely in the digital age._

src/components/Nav.tsx

@@ -147,15 +147,31 @@ const Nav = () => {
                   </IconButton>
                 </Box>
                 <List>
+                  {/* Always show Help & FAQ */}
+                  <ListItem disablePadding>
+                    <Button
+                      fullWidth
+                      onClick={() => {
+                        navigate('/faq')
+                        setMobileMenuOpen(false)
+                      }}
+                      sx={mobileNavStyles}
+                    >
+                      Help & FAQ
+                    </Button>
+                  </ListItem>
+
                   {!isLogged ? (
                     <>
-                      {navItems.map((item, index) => (
-                        <ListItem key={index} disablePadding>
-                          <Button fullWidth onClick={item.action} sx={mobileNavStyles}>
-                            {item.label}
-                          </Button>
-                        </ListItem>
-                      ))}
+                      {navItems
+                        .filter(item => item.label !== 'Help & FAQ')
+                        .map((item, index) => (
+                          <ListItem key={index} disablePadding>
+                            <Button fullWidth onClick={item.action} sx={mobileNavStyles}>
+                              {item.label}
+                            </Button>
+                          </ListItem>
+                        ))}
                       <ListItem disablePadding>
                         <Button fullWidth onClick={handleLogin} sx={mobileNavStyles}>
                           Login
@@ -174,19 +190,34 @@ const Nav = () => {
             </>
           ) : !isLogged ? (
             <Stack direction='row' spacing={{ sm: 2, md: 5 }}>
-              {navItems.map((item, index) => (
-                <Button key={index} color='inherit' sx={navStyles} onClick={item.action}>
-                  {item.label}
-                </Button>
-              ))}
+              {navItems
+                .filter(item => item.label !== 'Help & FAQ')
+                .map((item, index) => (
+                  <Button
+                    key={index}
+                    color='inherit'
+                    sx={navStyles}
+                    onClick={item.action}
+                  >
+                    {item.label}
+                  </Button>
+                ))}
+              <Button color='inherit' sx={navStyles} onClick={() => navigate('/faq')}>
+                Help & FAQ
+              </Button>
               <Button onClick={handleLogin} color='inherit' sx={navStyles}>
                 Login
               </Button>
             </Stack>
           ) : (
-            <Button onClick={handleLogout} color='inherit' sx={navStyles}>
-              Logout
-            </Button>
+            <Stack direction='row' spacing={{ sm: 2, md: 5 }}>
+              <Button color='inherit' sx={navStyles} onClick={() => navigate('/faq')}>
+                Help & FAQ
+              </Button>
+              <Button onClick={handleLogout} color='inherit' sx={navStyles}>
+                Logout
+              </Button>
+            </Stack>
           )}
         </Toolbar>
       </AppBar>