Iterate over content and adapt

Author: D063520

docs/introduction/1-Introduction.mdx

@@ -6,15 +6,58 @@ slug: /
 ---
 
 import Image from '../../src/components/Image';
+import { Icon } from '@mui/material'
+import TextSnippet from '@mui/icons-material/TextSnippet'
+import CloudIcon from '@mui/icons-material/Cloud'
+import LanguageIcon from '@mui/icons-material/Language'
+import QuizIcon from '@mui/icons-material/Quiz'
+import SharePointIcon from '../../src/components/SharePointIcon/'
+import RDFLogo from '../../src/components/RDFLogo'
+import OneNoteIcon from '../../src/components/OneNoteIcon.svg'
+import SearchIcon from '@mui/icons-material/Search'
+import ChatIcon from '@mui/icons-material/Chat'
+import DataUsageIcon from '@mui/icons-material/DataUsage'
+import EditNoteIcon from '@mui/icons-material/EditNote'
+import LinkIcon from '@mui/icons-material/Link'
+import NotesIcon from '@mui/icons-material/Notes'
 
-<h3>A Platform to access your data via Natural Language</h3>
+<h3>Create Enterprise AI Assistants in a breeze</h3>
 
-QAnswer is a AI Assistant platform, i.e., a platform that allows to find answers accross your data. You can query several data sources and formats, 
-such as **collections of documents** (txt, pdf, docx, ...) and **RDF data**. It makes your data accessible via natural language!
+QAnswer is a platform that allows to combine the power of Large Language Models (LLMs) with enterprise data. QAnswer enables organizations to build intelligent AI assistants directly on top of their existing data, making information instantly accessible and actionable. Its three-step approach simplifies the deployment process:
 
-It is a combination of semantic technologies, information retrieval and machine learning techniques. This makes QAnswer the first AI driven platform to query your data in natural language.
+1. **Connect Your Data**: Integrate QAnswer with your data repositories. Currently supported data sources include:
+    <ul style={{'list-style-type': 'disc'}}>
+    <li>[<TextSnippet sx={{verticalAlign:"middle"}}/> **Documents** (PDFs, txt, docx, ..)](tutorial-ui/data-source/document)</li>
+    <li>[<LanguageIcon sx={{verticalAlign:"middle"}}/> **Websites** (server and client side rendered)](tutorial-ui/data-source/website)</li>
+    <li>[<QuizIcon sx={{verticalAlign:"middle"}}/> **Q&A**](tutorial-ui/data-source/q&a)</li>
+    <li>[<SharePointIcon sx={{verticalAlign:"middle"}}/> **Sharepoint**](tutorial-ui/data-source/sharepoint)</li>
+    <li>[<CloudIcon sx={{verticalAlign:"middle"}}/> **OneDrive**](tutorial-ui/data-source/onedrive)</li>
+    <li>[<Icon sx={{verticalAlign:"middle"}}><OneNoteIcon/></Icon> **OneNote**](tutorial-ui/data-source/onenote)</li>
+    <li>[<RDFLogo size={20} color={'#148FBF'} color2={'#148FBF'}/> **Knowledge Graphs**: RDF data formats (.TTL, .NT)](tutorial-ui/data-source/rdf)</li>
+    </ul>
+   
+2. **Choose Your AI Task**: Select the functionality best suited to your needs:
+    <ul style={{'list-style-type': 'disc'}}>
+    <li>[<ChatIcon sx={{verticalAlign:"middle"}}/> **Chatbot Creation**](tutorial-ui/ai-task/chat): Design conversational agents to interact with users, answer questions, and guide them through processes.</li>
+    <li>[<SearchIcon sx={{verticalAlign:"middle"}}/> **Semantic Search**](tutorial-ui/ai-task/search): Go beyond keywords and retrieve precise answers based on the meaning and context of queries.</li>
+    <li>[<DataUsageIcon sx={{verticalAlign:"middle"}}/> **Data Extraction**](tutorial-ui/ai-task/data-extractor): Automatically identify and extract specific pieces of information from your documents.</li>
+    <li>[<EditNoteIcon sx={{verticalAlign:"middle"}}/> **Report Generation**](tutorial-ui/ai-task/report-generator): Summarize key findings and generate insightful reports from your data.</li>
+    </ul>
 
+3. **Expose Your Assistant**: Make your AI assistant readily available through multiple channels:
+    <ul style={{'list-style-type': 'disc'}}>
+    <li>[**Web Widgets**](tutorial-ui/expose/classical-integrations/website-chatbot): Embed interactive chatbots seamlessly into your website or intranet pages.</li>
+    <li>[**Integrations**](/tutorial-ui/expose/third-party-integrations/bubble): Leverage existing platforms like Microsoft Teams, Slack, or other collaboration tools.</li>
+    <li>**Native APIs**: Develop custom integrations and workflows tailored to your specific requirements.</li>
+    </ul>
 
+Potential Use Cases include:
+    <ul style={{'list-style-type': 'disc'}}>
+<li>**Website Chatbots**: Quickly create chatbots for your websites</li>
+<li>**Internal Employee Assistants**: Streamline HR processes, facilitate policy lookups, and offer personalised guidance to staff members.</li>
+<li>**Support**: Elevate customer service by offering 24/7 access to information.</li>
+<li>**Legal Research**: Accelerate research by enabling direct access to legal precedents, regulations, and historical records.</li>
+</ul>
 <div style={{ display: 'flex', alignItems: 'center', flexDirection: 'column', gap: '30px', marginBottom: '20px' }}>
     Go ahead to start using QAnswer!
     <img src='/img/illustrations/search-text.png' alt='training button' width= '40%'/>

docs/introduction/2-ContactInformation.mdx

@@ -5,12 +5,15 @@ sidebar_label: Contact Information
 ---
 
 import Link from '@docusaurus/Link'
+import EmailIcon from '@mui/icons-material/Email';
+import LinkedInIcon from '@mui/icons-material/LinkedIn';
+import DiscordIcon from './discord'
+
 
 If you have any questions, feedbacks or need further assistance, feel free to reach out to us. Here are the different ways you can contact us:
 
-- **Email**: For general inquiries, you can email us at [[email protected]](mailto:[email protected]).
-- **Twitter**: Stay updated with our latest news and announcements by following us on Twitter [@TheQACompany](https://twitter.com/TheQACompany).
-- **LinkedIn**: Connect with us on LinkedIn to explore professional opportunities, stay connected with our team, and receive the latest announcements. Visit our LinkedIn page [https://www.linkedin.com/company/qanswer](https://www.linkedin.com/company/qanswer).
-- **Discord Community Server**: Join our Discord community server to engage in discussions, ask questions, and connect with other members of our community. Click [https://discord.gg/XqkNCB3ZEY](https://discord.gg/XqkNCB3ZEY) to join our Discord server.
+- <EmailIcon sx={{verticalAlign:"middle"}}/> **Email**: For general inquiries, you can email us at [[email protected]](mailto:[email protected]).
+- <LinkedInIcon sx={{verticalAlign:"middle"}}/> **LinkedIn**: Connect with us on LinkedIn to explore professional opportunities, stay connected with our team, and receive the latest announcements. Visit our LinkedIn page [https://www.linkedin.com/company/qanswer](https://www.linkedin.com/company/qanswer).
+- <DiscordIcon sx={{verticalAlign:"middle"}}/> **Discord Community Server**: Join our Discord community server to engage in discussions, ask questions, and connect with other members of our community. Click [https://discord.gg/XqkNCB3ZEY](https://discord.gg/XqkNCB3ZEY) to join our Discord server.
 
 We value your feedback and are always here to assist you. Feel free to reach out through any of the above channels. We look forward to hearing from you!

docs/introduction/discord.js

@@ -1,15 +1,15 @@
 ---
-id: register-login
-title: Register and login
-sidebar_label: Register and login
+id: register-login-email
+title: Email
+sidebar_label: Email
 ---
 
 import Image from '../../src/components/Image';
 import Link from '@docusaurus/Link';
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-To discover the full potential of the platform, you need to register and login to the platform. Let's get started !
+You can start to register and login from here:
 
 <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '20px' }}>
     <Link
@@ -27,22 +27,18 @@ You will then be able to [change your password](/premise-mode/change-pwd) on you
 :::
 
 ## Register
-First you need to register.
+First you need to register by indicating a valid e-mail, a name, a username and a password:
 
 <Image src='/img/screenshots/register.png' alt='Sign up'/>
 
 ## Activate your account
-After your registered, you need to activate your account (check your email).
+After your registered, you need to activate your account (check your email (also your spams)).
 
 <Image src='/img/screenshots/activate-account.png' alt='Activate account'/>
 
 ## Login
 Once your account is validated, you can login to the platform and start having fun!
 
-:::info
-You can also connect with your Google or GitHub account!
-:::
-
 <Image src='/img/screenshots/login.png' alt='Login'/>
 
-<div style={{ display: 'flex', width: '100%', justifyContent: 'center', fontSize: '30px' }}>Welcome to the QAnswer community 🎉</div>
+<div style={{ display: 'flex', width: '100%', justifyContent: 'center', fontSize: '30px' }}>Welcome to the QAnswer community 🎉</div>../../../src/components/Image

docs/tutorial-ui/registerAndLogin.mdx renamed to docs/register/email.mdx

@@ -0,0 +1,40 @@
+---
+id: register-login-oauth
+title: OAuth
+sidebar_label: OAuth
+---
+
+import Image from '../../src/components/Image';
+import Link from '@docusaurus/Link';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+You can start to register and login from here:
+
+<div style={{ display: 'flex', justifyContent: 'center', marginBottom: '20px' }}>
+    <Link
+        to='https://app.qanswer.ai'
+        className="button button--primary button--lg"
+    >
+        Try it out!
+    </Link>
+</div>
+
+:::note
+If you are in *On premise mode* an administrator needs to create an account for you.
+
+You will then be able to [change your password](/premise-mode/change-pwd) on your profile page.
+:::
+
+## oAuth
+Choose the oAuth provider that you want to use, for example Google or Github and click on the corresponding oAuth button:
+
+<Image src='/img/screenshots/login.png' alt='Login'/>
+
+## Login and authorize
+
+Login via your oAuth provider and if needed authorize the application:
+
+<Image src='/img/screenshots/oauth.png' alt='Login'/>
+
+<div style={{ display: 'flex', width: '100%', justifyContent: 'center', fontSize: '30px' }}>Welcome to the QAnswer community 🎉</div>

docs/register/oAuth.mdx

@@ -7,18 +7,17 @@ import Link from '@docusaurus/Link'
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 import Image from '../../src/components/Image'
+import AddIcon from '@mui/icons-material/Add';
 
-Welcome to our AI Assistant documentation, where you can effortlessly explore your data using natural language queries. Enhance the performance of your AI Assistants through training and share them with peers.
-
-## Access
+In the following we will guide you through the steps to create an AI Assistant on your data.
 
 :::info
-You have to be connected to create and access your AI Assistant (you can use AI Assistant without being connected if it is open to public and you have the link).
-
-If you don't have an account yet, you can [see the tutorial here](/tutorial-ui/register-login)
+You have to be connected to create and access your AI Assistants. If you don't have an account yet, you can [see the tutorial here](/tutorial-ui/register/register-login-email)
 :::
 
-Once your account is created, you can login and start discovering the platform!
+## List AI Assistants
+
+When you are logged in, you will enter in the **AI Assistant** page. The page is directly available here:
 
 <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '20px' }}>
     <Link
@@ -29,7 +28,7 @@ Once your account is created, you can login and start discovering the platform!
     </Link>
 </div>
 
-When you are logged in, you will enter in the **AI Assistant** page:
+The page will be empty or contain the AI Assistants that you have already created:
 
 <Tabs>
     <TabItem value='s1' label='Empty page' default>
@@ -40,17 +39,11 @@ When you are logged in, you will enter in the **AI Assistant** page:
     </TabItem>
 </Tabs>
 
-:::note
-Independently to their type, all AI Assistant will be listed in this [page](https://app.qanswer.ai/qa-systems).
-:::
+## Create
 
 <p>
-    It's time to build your first AI Assistant! In the panel <a href='https://app.qanswer.ai/qa-systems'>AI Assistant</a>, click on
-    <span style={{ whiteSpace: 'nowrap' }}>
-        <img src='/img/icons/add_circle.svg' style={{ width: '30px', padding: '0 5px', verticalAlign: 'middle' }}/>
-        <b style={{ verticalAlign: 'middle', color: '#666666', marginRight: '10px' }}>CREATE</b>
-    </span>
-    button and choose the type of AI Assistant you want to create.
+    It's time to build your an AI Assistant! In the panel <a href='https://app.qanswer.ai/'>AI Assistant</a>, click on the "CREATE"
+    button and choose the name of AI Assistant you want to create as well the language it should support.
 </p>
 
 <Image src='/img/screenshots/tutorial-ui/ai-assistant-empty-add-btn.png' alt='Home page, add button'/>

docs/tutorial-ui/createAiAssistant.mdx

@@ -1,6 +1,6 @@
 ---
 id: document
-title: 'Document data source AI Assistant'
+title: 'Document data source'
 sidebar_label: Document
 ---
 
@@ -9,9 +9,17 @@ import Link from '@docusaurus/Link'
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 
-## Creation
-Upload your files (click or drag and drop on the dedicated area). There is the list of extention files supported by the AI Assitant :<br/>
-.txt, .html, .md, .ods, .docx, .xlsx, .doc, .rtf, .odt, .csv, .pdf, .pptx
+Click on "Document" to add documents as a data source:
+
+<Image src='/img/screenshots/tutorial-ui/data-source/data-source-empty.png' alt='data source menu'/>
+
+## Upload
+
+Upload your files (click or drag and drop on the dedicated area):
+
+:::info
+The following file formats are currently supported: .txt, .html, .md, .ods, .docx, .xlsx, .doc, .rtf, .odt, .csv, .pdf, .pptx
+:::
 
 <Tabs>
     <TabItem value='g1' label='Empty' default>
@@ -22,20 +30,13 @@ Upload your files (click or drag and drop on the dedicated area). There is the l
     </TabItem>
 </Tabs>
 
-Then you can click on:
-* <kbd>Finish</kbd> to create your AI Assistant and you will be redirected to the AI Assistant principal page with a topbar and you
-will have your newly built connector appearing in the list.
+Once you specified all your documents click on "Finish". You will be redirected to data source page:
 
 <Image src='/img/screenshots/tutorial-ui/data-source/document/documents-list.png' alt='documents list'/>
 
 
-## Access
-:::note
-If you don't have created an AI Assistant you can check [Create an AI Assistant](/tutorial-ui/createAiAssistant) section!
-:::
-
-:::info
-We are making an AI Assistant on top of a collection of textual documents (PDFs) about the Simpsons that can be found here:
+:::tip
+If you need some files to try out this data source you can use this collection of PDFs about the Simpsons that can be found here:
 <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '20px' }}>
     <Link
         target="_blank"
@@ -47,11 +48,9 @@ We are making an AI Assistant on top of a collection of textual documents (PDFs)
     </Link>
 </div>
 These documents are coming from <a href='https://simpsons.fandom.com/wiki/Category:Simpson_family'>the Simpsons wiki</a>
-:::
 
+Here you can access a search interface based on this PDF collection, you can try it yourself!
 
-:::tip
-Here you can access a demo based on this tutorial and try it yourself!
 <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '20px' }}>
     <Link
         to='https://app.qanswer.ai/public-share?kb=The%20Simpson%20Family&type=text&user=demo&lang=en'