В этом видео мы будем создавать одностраничный сайт для сервиса «Нетмонет» (приём чаевых и отзывов по QR-коду), с использованием различных нейросетей.
Вот так выглядит официальный сайт данного сервиса https://sb15.ru/netmonet/.
Получить Perplexity Pro на месяц бесплатно: https://perplexity.ai/pro?referral_code=0W6F7VVI
Для создания лендинга или одностраничного сайта мы будем использовать такой запрос:
Создай одностраничный сайт для сервиса «Нетмонет» (приём чаевых и отзывов по QR-коду).
Структура:
— Заголовок и слоган
— Краткое описание
— Блок с преимуществами
— Инструкция «Как работает»
— Блок «Для бизнеса»
— Призыв подключиться (кнопка)
Стиль: минимализм, белый фон, акцент на зелёный, современный, адаптивность.
И первый сервис, который мы используем — это Perplexity.
Perplexity AI — это поисковик будущего на базе лучших ИИ-моделей.
Так как подготовка ответа занимает много времени, я вам уже покажу результат.
Мы ввели наш запрос в специальном режиме «Лаборатория».
Последняя третья кнопка в левом нижнем углу поля ввода.
В этом режиме можно создавать презентации, лендинги и даже мини-приложения — прямо из диалога.
В результате мы получаем нашу страницу.
А также описание её структуры и функциональности.
На вкладке «Приложение» можно посмотреть как работает наша страница.
Посмотреть страницу в полно экранном режиме.
Посмотреть код страницы и скачать его в виде зип-архива.
На вкладке «Активы» можно посмотреть код каждого файла проекта и скачать архив с файлами.
На вкладке «Шаги» — посмотреть все этапы работы.
А на вкладке «Источники» — все используемые источники.
В описании видео я поделюсь с вами ссылкой, где вы сможете бесплатно получить месяц подписки Perplexity Pro.
И там же ссылку на рабочий пример одностраничного сайта для сервиса «Нетмонет».
Теперь мы рассмотрим ту же задачу в сервисе Claude.
Процесс работы здесь идёт быстрее и в правой части окна мы наблюдаем процесс создания кода для нашего сайта.
После создания мы можем проверить наш сайт в работе.
Мы можем скопировать код html-страницы или загрузить его сразу в виде html-файла.
Загруженный файл мы открываем в браузере.
Давайте выполним наш запрос в нейросети Chat GPT.
Здесь, как и в Claude быстро происходит процесс создания новой страницы.
Мы можем просмотреть результат, нажав на пункт меню «Предварительный просмотр».
Соглашаемся добавить анимацию появления элементов.
Происходит изменение кода.
Смотрим результат в Предварительном просмотре.
Сохраняем страницу и открываем в браузере.
И последняя нейросеть для тестирования — GigaChat от Сбера.
Здесь нужно включить режим поиска для использования актуальной информации.
И через некоторое время, мы получаем html-код нашего сайта.
К сожалению, отсутствует возможность предварительного просмотра страницы.
Копируем код и вставляем в текстовый редактор.
Сохраняем файл с расширением html и далее открываем в браузере.
Мне наиболее понравился первый вариант сайта, который был создан в сервисе Perplexity.
А какой понравился Вам?
Напишите в комментариях.
Ставьте лайк, если видео было полезным, и подписывайтесь на канал.
До встречи в следующих видео!