Siraj - Шаблон веб-сайта исламского центра React

Поделиться:

Created: 10 февр. 2023 г.

Updated: 21 авг. 2025 г.

ID: 313601

Choose a license

Popular Services from HTML шаблоны Experts

Или Monster One Подписка

MonsterONE - Неограниченные загрузки за $14.00/мес.

540k Items | Коммерческое использование License permits using this item to create unlimited digital end products for sale during the active period of your subscription. | Поддержка Присоединяйтесь, чтобы загрузить этот продукт  Бесплатно

Шаблон сайта Исламского центра «Сираж» на React

Siraj — это современный, специализированный шаблон сайта на React , разработанный для исламских центров, мечетей и религиозных организаций, стремящихся вдохновлять и объединять свои сообщества онлайн. Siraj, созданный на основе скорости и гибкости React.js и структурированный с использованием чистого модульного JavaScript и элегантного оформления CSS3, обеспечивает плавный и адаптивный интерфейс на любом устройстве. Этот шаблон идеально подходит для демонстрации расписания молитв, продвижения образовательных программ, анонсов мероприятий или распространения исламских знаний. Он сочетает вдохновляющие визуальные эффекты с интуитивно понятным макетом, чтобы наглядно донести вашу миссию. Каждый раздел тщательно оптимизирован для повышения вовлеченности, позволяя вам рассказывать о своих услугах, делиться историями сообщества и упрощать процессы регистрации на мероприятия или пожертвования.

Многофункциональные страницы:

  • Главная – Основные моменты программ, мероприятий и общественной жизни.
  • О нас – Наша миссия и роль в мусульманском сообществе.
  • Команда – познакомьтесь с нашими имамами, учителями и волонтерами.
  • Отзывы – слова членов нашего сообщества.
  • FAQ – быстрые ответы на часто задаваемые вопросы.
  • Услуги – Обзор наших религиозных и социальных услуг.
  • Пожертвования – Поддержите нашу мечеть и программы.
  • Мероприятия – Предстоящие лекции и встречи.
  • Галерея – Фотографии с наших мероприятий и программ.
  • Курсы – Подробная информация о занятиях по Корану и исламу.
  • Проект – Текущие и завершенные инициативы.
  • Карьера – станьте волонтером или работайте с нами.
  • Условия обслуживания – Политика веб-сайта и обслуживания.
  • Политика конфиденциальности – Как мы защищаем вашу информацию.
  • Время молитв – ежедневное и ежемесячное время намаза.
  • Видеотека – Исламские лекции и хутбы.
  • Спонсоры – те, кто поддерживает наш центр.
  • Блоги – новости, статьи и размышления.
  • Продукция – исламские книги и предметы первой необходимости.
  • Свяжитесь с нами — обратитесь за помощью или информацией.

Шаблоны форм

Siraj включает в себя основные формы на базе PHPMailer для безопасной связи:

  • Анкета для трудоустройства — подайте заявку на вакансии или возможность стать волонтером в центре.
  • Контактная форма — обращайтесь с вопросами и пожеланиями.
  • Форма оформления заказа – Покупайте исламские книги или центральные товары безопасно.
  • Подписка на рассылку новостей – Подпишитесь на новости и обновления о мероприятиях мечети.

Все формы интегрированы с PHPMailer (базовая аутентификация), что обеспечивает безопасную и надежную отправку данных с использованием имени пользователя и пароля приложения.

Полностью адаптивный и кроссбраузерный

Siraj прекрасно адаптируется к телефонам, планшетам и настольным компьютерам , обеспечивая бесперебойный доступ во всех современных браузерах .

Быстрая настройка и простая настройка

Используя чистый код и простые инструкции , вы сможете с легкостью запустить и настроить веб-сайт своего Исламского центра.

Основные характеристики:

  • Создано с помощью React (JSX, компоненты, виртуальный DOM)
  • Полностью адаптивный и удобный для мобильных устройств
  • Функциональная контактная форма
  • Поддержка кроссбраузеров
  • Легко настраивать и расширять
  • Чистый, валидный код с хорошими комментариями
  • Интеграция слайдера Swiper
  • Шрифты Google и иконки React
  • Подробная документация

Особенности, специфичные для React:

  • Управление состоянием – useState, useReducer и Context API
  • Навигация – React Router для плавных переходов между страницами
  • Многоразовые компоненты пользовательского интерфейса — оптимизированы для модульной разработки
  • Односторонняя привязка данных — обеспечение лучшего контроля над потоком данных
  • Оптимизация производительности — эффективный рендеринг с useEffect
  • Хорошо организованная структура папок — простая навигация и масштабируемость

Что вы получаете?

  • React-App
  • Документация

Changelog

Changelog

August 17, 2025 (v0.1.0)

✨ Added

New Dependencies

  • isotope-layout – layout filtering
  • react-photo-view – advanced image gallery
  • react-select – dropdown components
  • react-toastify – notification system

Features

  • Smart filter sidebar for Shop and Blog (includes category/tag filters, search, price range, and sorting)
  • Banner Section on the homepage
  • Newsletter subscription form in the Footer
  • Global state management with Context API (supports Cart and Wishlist functionality)

Pages

  • Newsletter Section
  • Video Library
  • Course Pages
  • Project Pages
  • Terms of Service
  • Privacy Policy
  • Career Pages

🔄 Updated

Dependencies

  • Upgraded core packages for stability and compatibility:

    • axios
    • react, react-dom, react-router-dom
    • react-icons, react-countup, react-image-gallery

UI & UX

Redesigned:

  • Header
  • Footer
  • Mobile Navbar
  • Contact Page

Revamped detail pages:

  • Blog

  • Service

  • Donation

  • Event

  • Updated logic for Cart, Wishlist, and Checkout

  • Restructured Home and About pages

  • Optimized assets: converted images from .png.jpg

  • Replaced outdated image gallery with a faster, more efficient library


🗑️ Removed

  • Deprecated packages:

    • @material-ui/core
    • react-lightbox-pack
    • Legacy testing libraries
  • Obsolete pages and unused components to reduce bundle size


⚙️ Technical

  • Migrated to React 18.3.x

    • Enabled concurrent rendering with ReactDOM.createRoot
  • Resolved peer dependency conflicts

  • Optimized global providers:

    • CartProvider
    • WishlistProvider

0 отзывов на продукте

0 Comments for this product

Об авторе

HotShot Author

Customer Support

3,0 /5
Support rating (4 ratings) This rating is based on feedback from customers who have received support from the author of this product. 5 2 4 0 3 0 2 0 1 2
Response Time: Fast This value represents the average response time to a client's inquiry or request.
Support Maverik Support Maverik

Achievements