Сірадж – шаблон веб-сайту React ісламського центру
Виберіть ліцензію
Popular Services from HTML шаблони Experts
MonsterONE - Необмежені завантаження за $14.00/міс.
Siraj - шаблон сайту React для ісламського центру
Siraj — це сучасний, цілеспрямований шаблон веб-сайту на React, розроблений для ісламських центрів, мечетей та релігійних організацій, які прагнуть надихати та об’єднувати свої громади онлайн. Створений зі швидкістю та гнучкістю React.js та структурований за допомогою чистого, модульного JavaScript разом із елегантним стилем CSS3, Siraj забезпечує плавну та адаптивну роботу на будь-якому пристрої. Цей шаблон ідеально підходить для демонстрації розкладів молитов, просування освітніх програм, оголошення подій або поширення ісламських знань, поєднуючи натхненні візуальні елементи з інтуїтивно зрозумілими макетами, щоб чудово передати вашу місію. Кожен розділ продумано оптимізовано для заохочення залучення, що дозволяє вам виділити ваші послуги, поділитися історіями спільноти та спростити реєстрацію на події або процеси пожертвування.
Багатофункціональні сторінки:
- Головна – Найважливіші моменти програм, подій та громадського життя.
- Про нас – Наша місія та роль у мусульманській громаді.
- Команда – Знайомтесь з нашими імамами, вчителями та волонтерами.
- Відгуки – слова членів нашої спільноти.
- Найчастіші запитання – швидкі відповіді на поширені запитання.
- Послуги – Огляд наших релігійних та соціальних послуг.
- Пожертви – Підтримайте нашу мечеть та програми.
- Події – Майбутні лекції та зустрічі.
- Галерея – фотографії з наших заходів та програм.
- Курси – Детальна інформація про заняття з Корану та ісламу.
- Проєкт – Поточні та завершені ініціативи.
- Кар'єра – Станьте волонтером або працюйте з нами.
- Умови надання послуг – політика веб-сайту та послуг.
- Політика конфіденційності – Як ми захищаємо вашу інформацію.
- Час молитви – щоденний та щомісячний час молитви (салату).
- Відеотека – ісламські лекції та хутби.
- Спонсори – ті, хто підтримує наш центр.
- Блоги – Новини, статті та роздуми.
- Продукція – ісламські книги та предмети першої необхідності.
- Зв’яжіться з нами – зверніться за допомогою або інформацією.
Шаблони форм
Siraj містить основні форми на базі PHPMailer для безпечного зв'язку:
- Форма кар’єри – подайте заявку на вакансії або волонтерські можливості в центрі.
- Контактна форма – звертайтеся з питаннями чи запитами.
- Форма оформлення замовлення – безпечно купуйте ісламські книги або товари в магазині.
- Підписка на розсилку – Підпишіться на новини та оновлення подій мечеті.
Усі форми інтегровані з PHPMailer (базова автентифікація), що забезпечує безпечне та надійне надсилання з використанням імені користувача та пароля програми.
Повністю адаптивний та кросбраузерний
Siraj чудово адаптується до телефонів, планшетів та настільних комп'ютерів , забезпечуючи безперебійний доступ у всіх сучасних браузерах .
Швидке налаштування та просте налаштування
Завдяки чистому коду та простим інструкціям ви можете легко запустити та налаштувати веб-сайт свого Ісламського центру.
Основні характеристики:
- Створено за допомогою React (JSX, компоненти, віртуальний DOM)
- Повністю адаптивний та зручний для мобільних пристроїв
- Функціональна контактна форма
- Підтримка кросбраузерності
- Легко налаштувати та розширити
- Чистий, валідний код та добре прокоментований
- Інтеграція слайдера Swiper
- Шрифти Google та іконки React
- Детальна документація
Особливості, специфічні для React:
- Керування станом – useState, useReducer та API контексту
- Навігація – React Router для плавного переходу між сторінками
- Компоненти інтерфейсу багаторазового використання – оптимізовані для модульної розробки
- Одностороннє зв'язування даних – забезпечення кращого контролю над потоком даних
- Оптимізація продуктивності – ефективний рендеринг за допомогою useEffect
- Добре організована структура папок – проста навігація та масштабованість
Що ви отримуєте?
- React-App
- Документація
Журнал змін
Changelog
August 17, 2025 (v0.1.0)
✨ Added
New Dependencies
isotope-layout– layout filteringreact-photo-view– advanced image galleryreact-select– dropdown componentsreact-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:
axiosreact,react-dom,react-router-domreact-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/corereact-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
- Enabled concurrent rendering with
-
Resolved peer dependency conflicts
-
Optimized global providers:
CartProviderWishlistProvider
0 Відгуків про цей товар
0 Коментарі до цього продукту