diff --git a/docs/neurobots/neurobot01.md b/docs/neurobots/neurobot01.md index e963c5e3..f961819d 100644 --- a/docs/neurobots/neurobot01.md +++ b/docs/neurobots/neurobot01.md @@ -6,107 +6,119 @@ sidebar_label: Chatbots import YouTube from 'react-youtube' -# Creating an AI Chatbot for VKontakte through Senler +# Creating a VK Chatbot with AI via Senler ![neurocoder](/img/neurobots/neuro1.png) -Creating a chatbot for your VKontakte community using the Senler service can be done in several steps. Below is a step-by-step guide to creating a bot that will interact with users in "clean" and "teacher" modes. +Creating a chatbot for your VKontakte community using the Senler service can be done in several steps. Below is a step-by-step guide to creating a bot that will interact with users through "clean" and "teacher" modes. -## Step 1: Creating the Chatbot +## Step 1: Creating a Chatbot -1. Log into your personal account on the Senler website and select your community. +1. Log in to your personal account on the Senler website and select your community. 2. Go to the "Chatbots" section and click the "New Bot" button. 3. Enter the bot's name and save it. The system will automatically generate a bot key. ## Step 2: Setting Up the First Block -1. Create the first block that will send a message to the user with the text: "Hello, choose a mode." +1. Create the first block that will send a message to the user with the text: "Hello, choose a mode". 2. Add two buttons: - - First button: name "clean", type: text. - - Second button: name "teacher", type: text. - - The button colors can be chosen arbitrarily. +- First button: name "clean", type: text. +- Second button: name "teacher", type: text. +- The color of the buttons can be chosen arbitrarily. + +![neurocoder](/img/neurobots/image1.1.png) ## Step 3: Creating User Variables -1. Create two action blocks with a user variable mode. -2. For the first action, set the value to clean, and for the second — learn. +#### 1. Create two action blocks and add the user variable mode. +#### 2. For the first action, set the value to clean, for the second — learn. +![neurocoder](/img/neurobots/image1.21.png) +![neurocoder](/img/neurobots/image1.22.png) + +#### 3. Add the message "write a question", and check the "Wait for response" box. +#### 4. Create an Action where the response to the message is saved in the user variable question. +![neurocoder](/img/neurobots/image1.3.png) + +## Step 4: Condition Group -## Step 4: Group Conditions +1. Create a "Condition Group" block with two conditions: +- First condition: mode = clean. +- Second condition: mode = learn. -1. Create a "Group Conditions" block with two conditions: - - First condition: mode = clean. - - Second condition: mode = learn. +![neurocoder](/img/neurobots/image1.4.png) ## Step 5: Integration with ChatGPT -1. Create two integration blocks with ChatGPT, one for each mode. -2. Set up ChatGPT for the clean mode: - - Insert the OpenAI API key. - - Choose the chat type and model. - - Set the instruction: "Reply to the user in their language." - - Add a message to the user: "Write a question" and mark "Waiting for response." -3. Create a variable question to store the user's response. +1. Create two ChatGPT integration blocks, one for each mode. +2. Set up ChatGPT for clean mode: +- Insert the OpenAI API key. +- Select the Chat type and model. +- Set the instruction: "Reply to the user in their language". -## Step 6: Setting Up ChatGPT for the Learn Mode +![neurocoder](/img/neurobots/image1.5.png) -1. Repeat the settings as for the clean mode, but change the instruction to: "Reply to the user in their language. You are well versed in JavaScript, TypeScript, React Native, and similar languages." +## Step 6: Setting Up ChatGPT for Learn Mode -## Step 7: Completing the Setup +1. Repeat the settings as for clean mode, but change the instruction to: "Reply to the user in their language. You are well versed in JavaScript, TypeScript, React Native and similar languages". -1. Add a message with the variable chat_gpt_answer ((%chat_gpt_answer%)). -2. Add a button with the name "Change mode" and mark "Waiting for response." -3. Connect all blocks to complete the interaction chain. +## Step 7: Completing the Setup -![neurocoder](/img/neurobots/image1.png) +#### 1. Add a message with the variable chat_gpt_answer ((%chat_gpt_answer%)). +#### 2. Add a button named "Change mode" and check the "Wait for response" box. +![neurocoder](/img/neurobots/image1.6.png) +#### 3. Connect all the blocks to complete the interaction chain. +![neurocoder](/img/neurobots/image1.7.png) ## Testing the Bot -# Creating a Chatbot with ChatGPT for Telegram on the Make.com Platform +## Creating a Chatbot with ChatGPT for Telegram on the Make.com Platform -Creating a chatbot with ChatGPT integration for Telegram can be implemented using the automation platform Make.com (formerly Integromat). This allows you to quickly and easily set up the bot without the need to write code. Let's look at a step-by-step guide to creating such a bot. +Creating a chatbot with ChatGPT integration for Telegram can be implemented using the Make.com automation platform (formerly Integromat). This allows you to quickly and easily set up a bot without writing code. Let's look at a step-by-step guide to creating such a bot. -## Step 1: Creating a New Bot in Telegram +## Step 1. Creating a New Bot in Telegram -1. In Telegram, find the bot @BotFather and start a conversation with it. +1. In Telegram, find the @BotFather bot and start a conversation with it. 2. Send the command /newbot to create a new bot. -3. Follow the instructions from BotFather, enter the bot's name and a unique username. -4. Copy the API token provided by BotFather - it will be needed for bot setup. +3. Follow BotFather's instructions, enter the bot's name and unique username. +4. Copy the API token provided by BotFather - it will be needed to set up the bot. -## Step 2: Creating a Scenario in Make.com +## Step 2. Creating a Scenario in Make.com 1. Register on the Make.com platform and create a new scenario. -2. Select the Telegram Bot module and the action Watch for updates. +2. Select the Telegram Bot module and the Watch for updates action. 3. Insert your bot's HTTP API token in the Create a webhook field. -## Step 3: Integration with OpenAI +## Step 3. Integration with OpenAI -1. Create a new OpenAI module and select the action Create a completion. -2. Insert the OpenAI API key you received during registration. -3. Choose the ChatGPT model of your choice. -4. Add message 1 with the role of System and content "Reply to the user in their language." -5. Add message 2 with the role of User and content "1. Message: Text" (OpenAI). -6. Set the Max tokens value depending on the chosen model. +#### 1. Create a new OpenAI module and select the Create a completion action. +#### 2. Insert the OpenAI API key you received upon registration. +#### 3. Select the ChatGPT model of your choice. +#### 4. Add message 1 with the role System and content "Reply to the user in their language". +#### 5. Add message 2 with the role User and content "1. Message: Text"(OpenAi). +#### 6. Set the Max tokens value depending on the selected model. +![neurocoder](/img/neurobots/image1.8.png) +![neurocoder](/img/neurobots/image1.9.png) -## Step 4: Sending a Response in Telegram +## Step 4. Sending a Response to Telegram -1. Create a new Telegram Bot module and select the action Send a Text Message or a Reply. -2. In the Chat ID field, insert "1. Message: Chat: ID" (Telegram Bot). -3. In the message text, insert "1: Message.Content" (OpenAI). -4. Choose the MarkDown mode in the Parse Mode field. +1. Create a new Telegram Bot module and select the Send a Text Message or a Reply action. +2. In the Chat ID field, insert "1. Message: Chat: ID"(Telegram Bot). +3. In the message text, insert "1: Message.Content"(OpenAI). +4. Select the MarkDown mode in the Parse Mode field. -![neurocoder](/img/neurobots/image2.png) +![neurocoder](/img/neurobots/image1.10.png) +![neurocoder](/img/neurobots/image1.11.png) -## Step 5: Setting Up the Webhook +## Step 5. Setting Up the Webhook 1. Copy the webhook URL from the Make.com scenario. 2. Bind the webhook to the bot using the template: - https://api.telegram.org/bot"token"/setWebhook?url="makeurl" - Replace "token" with your bot's API token and "makеurl" with the webhook URL from Make.com. -3. Paste the resulting link into your browser. - -## Step 6: Testing the Bot +https://api.telegram.org/bot'TOKEN'/setWebhook?url='MAKEURL' +Replace 'TOKEN' with your bot's API token, and 'MAKEURL' with the webhook URL from Make.com. +3. Paste the resulting link into the browser. -Now you can test your bot by sending it a message. The bot should respond using the capabilities of ChatGPT. Thus, using the Make.com platform, you can quickly create a Telegram chatbot with ChatGPT integration without the need to write code. This allows you to easily automate interactions with users and provide them with intelligent responses based on the capabilities of ChatGPT. +## Step 6. Testing the Bot +Now you can test your bot by sending it a message. The bot should respond using ChatGPT capabilities. Thus, using the Make.com platform, you can quickly create a chatbot for Telegram with ChatGPT integration without writing code. This allows you to easily automate user interactions and provide them with intelligent responses based on ChatGPT capabilities. \ No newline at end of file diff --git a/docs/neurobots/neurobot02.md b/docs/neurobots/neurobot02.md index 215ab80c..b13f85ab 100644 --- a/docs/neurobots/neurobot02.md +++ b/docs/neurobots/neurobot02.md @@ -1,7 +1,7 @@ --- id: neurobot02 -title: VK Payments -sidebar_label: VK Payments +title: Connecting VK Payments +sidebar_label: Connecting VK Payments --- import YouTube from 'react-youtube' @@ -10,54 +10,60 @@ import YouTube from 'react-youtube' ![neurocoder](/img/neurobots/neuro2.png) -In this article, we will discuss how to connect payments to your VKontakte community using the Senler service. We will go through several key stages, including setting up subscriber groups, creating products, adding banners, configuring the post-payment page, and integrating the payment system with the bot. +In this article, we will look at how to connect payments to your VKontakte community using the Senler service. We will go through several key stages, including setting up subscriber groups, creating products, adding banners, setting up a post-payment page, and integrating the payment system with the bot. ## Step 1: Setting Up Subscriber Groups The first step is to create subscriber groups that will be used to manage subscriptions. - -### Creating the First Subscriber Group -1. **Log into Senler**: Go to the Senler website and log into your account. -2. **Create a Group**: In the "Subscriber Groups" section, click the "Create Group" button. -3. **Fill in the Information**: - - **Group Name**: Specify a name to easily identify it in the future. - - **Description**: Add a brief description that will be visible to users. - - **Banner**: Upload a banner that will represent your group. -4. **Save**: Click "Save" to complete the creation of the first group. - -### Creating the Second and Third Subscriber Groups +Creating the first subscriber group +1. Log in to Senler: Go to the Senler website and log in to your account. +2. Create a group: In the "Subscriber Groups" section, click the "Create Group" button. +3. Fill in the information: +- Group name: Specify a name to easily identify it in the future. +- Description: Add a brief description that will be visible to users. +- Banner: Upload a banner that will represent your group. +4. Save: Click "Save" to complete the creation of the first group. + +![neurocoder](/img/neurobots/image2.1.png) + +Creating the second and third subscriber groups Repeat the group creation process as described above for the second and third subscriber groups, ensuring unique names and descriptions. ## Step 2: Creating Products After setting up subscriber groups, you need to create products that will represent different subscription levels. - -1. **Go to the "Products" Section**: In the menu, select "Create Product." -2. **Creating the First Product**: - - **Name**: Specify the name of the first subscription level. - - **Description**: Describe what the subscription includes. - - **Price**: Set the price for the first level. - - **Product Link**: Insert the link to the subscription page from the "Subscriber Groups" section in Senler. - - **Save**: Click "Save." -3. **Creating the Second and Third Products**: Repeat the process to create the second and third subscription levels, changing the name, description, and price according to the offerings. +1. Go to the "Products" section: In the menu, select "Create Product". +2. Creating the first product: +- Name: Specify the name of the first subscription level. +- Description: Describe what the subscription includes. +- Price: Set the price for the first level. +- Product link: Insert the link to the subscription page from the "Subscriber Groups" section in Senler. +- Save: Click "Save". +3. Creating the second and third products: Repeat the process to create the second and third subscription levels, changing the name, description, and price according to the offers. ## Step 3: Adding a Link to the Community Menu -1. **Go to Community Settings**: Navigate to your community page and select the "Management" section. -2. **Menu Setup**: In the menu, choose the option to edit menu items. Here you can add new links. -3. **Adding a Link**: Insert the link to the subscription page from the "Subscriber Groups" section in Senler. Specify the name and add a cover so users understand where the link leads. -4. **Save Changes**: After adding all necessary menu items, don’t forget to save the changes. +1. Go to community settings: Go to your community page and select the "Manage" section. +2. Menu setup: In the menu, select the option to edit menu items. Here you can add new links. +3. Adding a link: Insert the link to the subscription page from the "Subscriber Groups" section in Senler. +Specify the name and add a cover so that users understand where the link leads. +4. Save changes: After adding all the necessary menu items, do not forget to save the changes. + +![neurocoder](/img/neurobots/image2.2.png) ## Step 4: Integrating the Payment System with the Bot -To automate the payment process and manage subscriptions, it is necessary to integrate the payment system with your bot. +To automate the payment process and manage subscriptions, you need to integrate the payment system with your bot. +1. Choosing a payment system: Senler offers several options, such as VK Pay, YooMoney, and others. Choose the one that suits your business. +2. Integration setup: +- Go to the "Payment Acceptance" section and follow the instructions to connect the selected payment system. +- Enter the necessary data, such as API keys and secret keys. +3. Testing: Conduct test payments to ensure that the system works correctly and users can successfully subscribe. -1. **Choosing a Payment System**: Several options are available in Senler, such as VK Pay, YuMoney, and others. Choose the one that suits your business. -2. **Setting Up Integration**: - - Go to the "Payment Acceptance" section and follow the instructions to connect the chosen payment system. +![neurocoder](/img/neurobots/image2.3.png) -## Заключение +## Conclusion -Подключение оплаты к вашему ВК сообществу через Senler — это эффективный способ монетизировать вашу аудиторию и управлять подписками. Следуя приведенным шагам, вы сможете создать группы подписчиков, товары, баннеры, страницы после оплаты и интегрировать платежную систему с ботом, что значительно упростит процесс взаимодействия с вашими клиентами и повысит уровень их удовлетворенности. +Connecting payments to your VK community via Senler is an effective way to monetize your audience and manage subscriptions. By following the steps provided, you will be able to create subscriber groups, products, banners, post-payment pages, and integrate the payment system with the bot, which will significantly simplify the interaction process with your customers and increase their satisfaction level. \ No newline at end of file diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot01.md b/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot01.md index cdbc02df..18a9ffe5 100644 --- a/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot01.md +++ b/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot01.md @@ -26,10 +26,20 @@ import YouTube from 'react-youtube' - Первая кнопка: название «чистый», тип: текст. - Вторая кнопка: название «учитель», тип: текст. - Цвет кнопок можно выбрать произвольно. + +![neurocoder](/img/neurobots/image1.1.png) + ## Шаг 3: Создание пользовательских переменных -1. Создайте два блока действий с пользовательской переменной mode. -2. Для первого действия установите значение clean, для второго — learn. +#### 1. Создайте два блока действий и добавьте пользовательскую переменную mode. +#### 2. Для первого действия установите значение clean, для второго — learn. +![neurocoder](/img/neurobots/image1.21.png) +![neurocoder](/img/neurobots/image1.22.png) + +#### 3. Добавьте сообщение "напиши вопрос", и поставьте галочку на "Ожидание ответа" +#### 4. Создайте Действие, в котором ответ на сообщение, сохраняется в пользовательской переменной question. +![neurocoder](/img/neurobots/image1.3.png) + ## Шаг 4: Группа условий @@ -37,6 +47,9 @@ import YouTube from 'react-youtube' - Первое условие: mode = clean. - Второе условие: mode = learn. +![neurocoder](/img/neurobots/image1.4.png) + + ## Шаг 5: Интеграция с ChatGPT 1. Создайте два блока интеграции с ChatGPT, один для каждого режима. @@ -44,8 +57,9 @@ import YouTube from 'react-youtube' - Вставьте API ключ от OpenAI. - Выберите тип Chat и модель. - Установите инструкцию: "Reply to the user in their language". -- Добавьте сообщение пользователю: «Напиши вопрос» и отметьте «Ожидание ответа». -3. Создайте переменную question, чтобы сохранить ответ пользователя. + +![neurocoder](/img/neurobots/image1.5.png) + ## Шаг 6: Настройка ChatGPT для режима learn @@ -53,13 +67,16 @@ import YouTube from 'react-youtube' ## Шаг 7: Завершение настройки -1. Добавьте сообщение с переменной chat_gpt_answer ((%chat_gpt_answer%)). -2. Добавьте кнопку с названием «Поменять режим» и отметьте «Ожидание ответа». -3. Соедините все блоки, чтобы завершить цепочку взаимодействия. +#### 1. Добавьте сообщение с переменной chat_gpt_answer ((%chat_gpt_answer%)). +#### 2. Добавьте кнопку с названием «Поменять режим» и отметьте «Ожидание ответа». +![neurocoder](/img/neurobots/image1.6.png) +#### 3. Соедините все блоки, чтобы завершить цепочку взаимодействия. +![neurocoder](/img/neurobots/image1.7.png) + ## Тестирование бота -#Создание чат-бота с ChatGPT для Telegram на платформе Make.com +## Создание чат-бота с ChatGPT для Telegram на платформе Make.com Создание чат-бота с интеграцией ChatGPT для Telegram можно реализовать с помощью платформы автоматизации Make.com (ранее Integromat). Это позволит быстро и легко настроить бота без необходимости писать код. Рассмотрим пошаговую инструкцию по созданию такого бота. @@ -78,12 +95,14 @@ import YouTube from 'react-youtube' ## Шаг 3. Интеграция с OpenAI -1. Создайте новый модуль OpenAI и выберите действие Create a completion. -2. Вставьте API-ключ OpenAI, который вы получили при регистрации. -3. Выберите модель ChatGPT по своему усмотрению. -4. Добавьте сообщение 1 с ролью System и содержимым "Reply to the user in their language". -5. Добавьте сообщение 2 с ролью User и содержимым "1. Message: Text"(OpenAi). -6. Установите значение Max tokens в зависимости от выбранной модели. +#### 1. Создайте новый модуль OpenAI и выберите действие Create a completion. +#### 2. Вставьте API-ключ OpenAI, который вы получили при регистрации. +#### 3. Выберите модель ChatGPT по своему усмотрению. +#### 4. Добавьте сообщение 1 с ролью System и содержимым "Reply to the user in their language". +#### 5. Добавьте сообщение 2 с ролью User и содержимым "1. Message: Text"(OpenAi). +#### 6. Установите значение Max tokens в зависимости от выбранной модели. +![neurocoder](/img/neurobots/image1.8.png) +![neurocoder](/img/neurobots/image1.9.png) ## Шаг 4. Отправка ответа в Telegram @@ -92,6 +111,10 @@ import YouTube from 'react-youtube' 3. В текст сообщения вставьте "1: Message.Content"(OpenAI). 4. Выберите режим MarkDown в поле Parse Mode. +![neurocoder](/img/neurobots/image1.10.png) +![neurocoder](/img/neurobots/image1.11.png) + + ## Шаг 5. Настройка webhook 1. Скопируйте URL-адрес вебхука из сценария Make.com. diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot02.md b/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot02.md index 28c770e8..e37e8c4a 100644 --- a/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot02.md +++ b/i18n/ru/docusaurus-plugin-content-docs/current/neurobots/neurobot02.md @@ -25,6 +25,9 @@ import YouTube from 'react-youtube' - Описание: Добавьте краткое описание, которое будет видно пользователям. - Баннер: Загрузите баннер, который будет представлять вашу группу. 4. Сохранение: Нажмите "Сохранить", чтобы завершить создание первой группы. + +![neurocoder](/img/neurobots/image2.1.png) + Создание второй и третьей группы подписчиков Повторите процесс создания группы, как описано выше, для второй и третьей группы подписчиков, обеспечив уникальность названий и описаний. @@ -44,9 +47,13 @@ import YouTube from 'react-youtube' 1. Перейдите в настройки сообщества: Зайдите на страницу вашего сообщества и выберите раздел "Управление". 2. Настройка меню: В меню выберите опцию для редактирования пунктов меню. Здесь вы сможете добавить новые ссылки. -3. Добавление ссылки: Вставьте ссылку на страницу подписки из раздела “Группы подписчиков” в Senler. Укажите название и добавьте обложку, чтобы пользователи понимали, куда ведет ссылка. +3. Добавление ссылки: Вставьте ссылку на страницу подписки из раздела “Группы подписчиков” в Senler. +Укажите название и добавьте обложку, чтобы пользователи понимали, куда ведет ссылка. 4. Сохранение изменений: После добавления всех необходимых пунктов меню, не забудьте сохранить изменения. +![neurocoder](/img/neurobots/image2.2.png) + + ## Шаг 4: Интеграция платежной системы с ботом Для автоматизации процесса оплаты и управления подписками необходимо интегрировать платежную систему с вашим ботом. @@ -56,6 +63,9 @@ import YouTube from 'react-youtube' - Введите необходимые данные, такие как API-ключи и секретные ключи. 3. Тестирование: Проведите тестовые платежи, чтобы убедиться, что система работает корректно и пользователи могут успешно подписываться. +![neurocoder](/img/neurobots/image2.3.png) + + ## Заключение Подключение оплаты к вашему ВК сообществу через Senler — это эффективный способ монетизировать вашу аудиторию и управлять подписками. Следуя приведенным шагам, вы сможете создать группы подписчиков, товары, баннеры, страницы после оплаты и интегрировать платежную систему с ботом, что значительно упростит процесс взаимодействия с вашими клиентами и повысит уровень их удовлетворенности. diff --git a/static/img/neurobots/image1.1.png b/static/img/neurobots/image1.1.png new file mode 100644 index 00000000..7f34b609 Binary files /dev/null and b/static/img/neurobots/image1.1.png differ diff --git a/static/img/neurobots/image1.10.png b/static/img/neurobots/image1.10.png new file mode 100644 index 00000000..34ac52ed Binary files /dev/null and b/static/img/neurobots/image1.10.png differ diff --git a/static/img/neurobots/image1.11.png b/static/img/neurobots/image1.11.png new file mode 100644 index 00000000..f98ba656 Binary files /dev/null and b/static/img/neurobots/image1.11.png differ diff --git a/static/img/neurobots/image1.21.png b/static/img/neurobots/image1.21.png new file mode 100644 index 00000000..882c99bf Binary files /dev/null and b/static/img/neurobots/image1.21.png differ diff --git a/static/img/neurobots/image1.22.png b/static/img/neurobots/image1.22.png new file mode 100644 index 00000000..9b6e6e68 Binary files /dev/null and b/static/img/neurobots/image1.22.png differ diff --git a/static/img/neurobots/image1.3.png b/static/img/neurobots/image1.3.png new file mode 100644 index 00000000..dc8d43db Binary files /dev/null and b/static/img/neurobots/image1.3.png differ diff --git a/static/img/neurobots/image1.4.png b/static/img/neurobots/image1.4.png new file mode 100644 index 00000000..612fe767 Binary files /dev/null and b/static/img/neurobots/image1.4.png differ diff --git a/static/img/neurobots/image1.5.png b/static/img/neurobots/image1.5.png new file mode 100644 index 00000000..0a37e4b1 Binary files /dev/null and b/static/img/neurobots/image1.5.png differ diff --git a/static/img/neurobots/image1.6.png b/static/img/neurobots/image1.6.png new file mode 100644 index 00000000..f1ccb26d Binary files /dev/null and b/static/img/neurobots/image1.6.png differ diff --git a/static/img/neurobots/image1.7.png b/static/img/neurobots/image1.7.png new file mode 100644 index 00000000..7f09dc1d Binary files /dev/null and b/static/img/neurobots/image1.7.png differ diff --git a/static/img/neurobots/image1.8.png b/static/img/neurobots/image1.8.png new file mode 100644 index 00000000..58b0cdf7 Binary files /dev/null and b/static/img/neurobots/image1.8.png differ diff --git a/static/img/neurobots/image1.9.png b/static/img/neurobots/image1.9.png new file mode 100644 index 00000000..72e8944f Binary files /dev/null and b/static/img/neurobots/image1.9.png differ diff --git a/static/img/neurobots/image2.1.png b/static/img/neurobots/image2.1.png new file mode 100644 index 00000000..7197a758 Binary files /dev/null and b/static/img/neurobots/image2.1.png differ diff --git a/static/img/neurobots/image2.2.png b/static/img/neurobots/image2.2.png new file mode 100644 index 00000000..e7b3a20e Binary files /dev/null and b/static/img/neurobots/image2.2.png differ diff --git a/static/img/neurobots/image2.3.png b/static/img/neurobots/image2.3.png new file mode 100644 index 00000000..a821bdd0 Binary files /dev/null and b/static/img/neurobots/image2.3.png differ