Real Estate Website

Современный веб-сайт для агентства недвижимости, построенный с использованием Next.js, Payload CMS и Tailwind CSS.

Функциональность

Блоки страниц

1. Hero Block

   • Главный баннер с изображением и текстом
   • Настраиваемый заголовок и подзаголовок
   • Кнопки призыва к действию

2. Properties Block

   • Отображение списка объектов недвижимости
   • Фильтрация по:
     • Цене
     • Типу недвижимости (продажа/аренда)
     • Количеству спален
     • Количеству ванных
     • Площади
   • Поиск по названию
   • Пагинация
   • Сетка/список отображения

3. Property Hero Block

   • Детальный баннер для страницы объекта
   • Основное изображение
   • Информация о цене и типе
   • Кнопки для связи с агентом и записи на просмотр

4. Property Features Block

   • Детальная информация об объекте
   • Основные характеристики (спальни, ванные, площадь)
   • Дополнительные характеристики
   • Список особенностей и удобств
   • Описание объекта

5. Vision Block

   • Отображение видения компании
   • Список преимуществ с иконками
   • Кнопка призыва к действию

6. How It Works Block

   • Пошаговый процесс работы
   • Иконки и описания для каждого шага
   • Визуальное соединение шагов

7. Blog Block

   • Отображение последних постов
   • Категории постов
   • Ссылка на все посты

8. FAQ Block

   • Часто задаваемые вопросы
   • Аккордеон для ответов
   • Настраиваемые вопросы и ответы

9. Contact Us Form Block

   • Форма обратной связи
   • Валидация полей
   • Интеграция с Payload CMS

Административная панель

• Управление объектами недвижимости
• Управление страницами и блоками
• Управление блогом
• Управление пользователями
• Управление медиафайлами

Установка и запуск

1. Клонируйте репозиторий:

git clone [url-репозитория]
cd [папка-проекта]

2. Установите зависимости:

npm install

3. Создайте файл .env в корне проекта:

PAYLOAD_SECRET=your-secret-key
MONGODB_URI=your-mongodb-uri

4. Запустите сервер разработки:

npm run dev

5. Откройте http://localhost:3000 в браузере

Использование

Создание страницы

1. Войдите в административную панель
2. Перейдите в раздел "Pages"
3. Нажмите "Create New"
4. Заполните основные поля:
   • Title (заголовок)
   • Slug (URL)
5. Добавьте нужные блоки в секции "Layout"
6. Настройте каждый блок:
   • Для Properties Block выберите объекты недвижимости
   • Для Property Features Block выберите конкретный объект
   • Настройте заголовки и другие параметры блоков
7. Сохраните страницу

Управление объектами недвижимости

1. Перейдите в раздел "Properties"
2. Создайте новый объект:
   • Заполните основную информацию (название, адрес, цена)
   • Добавьте изображения
   • Укажите характеристики (спальни, ванные, площадь)
   • Добавьте особенности и удобства
   • Напишите описание
3. Установите статус (активный, проданный, черновик)
4. Сохраните объект

Настройка блога

1. Перейдите в раздел "Posts"
2. Создайте новый пост:
   • Заполните заголовок и slug
   • Добавьте изображение
   • Выберите категории
   • Напишите контент
3. Установите статус публикации
4. Сохраните пост

Технологии

• Next.js 14
• Payload CMS
• Tailwind CSS
• DaisyUI
• MongoDB
• TypeScript

Лицензия

MIT