Siraj - 伊斯兰中心 React 网站模板

Updated

shoppingBag 减价出售: 3

分享:

Created: 2023年2月10日

Updated: 2025年8月21日

ID: 313601

Choose a license

Popular Services from 网站模板 Experts

Monster One 进入订阅

MonsterONE - 无限制下载 $14.00/月

540k 项目 | 商业用途 License permits using this item to create unlimited digital end products for sale during the active period of your subscription. | Support 加入后可下载此产品  免费

Siraj - 伊斯兰中心 React 网站模板

Siraj 是一款现代化、功能明确的 React 网站模板,专为致力于在线激励和连接社群的伊斯兰中心、清真寺和宗教组织而设计。Siraj 运用React.js 的速度和灵活性,并采用简洁的模块化 JavaScript 和优雅的 CSS3 样式构建,在任何设备上都能提供流畅、响应迅速的体验。该模板非常适合展示祈祷时间表、推广教育项目、发布活动或分享伊斯兰知识,它将令人振奋的视觉效果与直观的布局完美融合,完美地传达您的使命。每个部分都经过精心优化,以鼓励参与——让您能够突出您的服务、分享社区故事,并简化活动注册或捐赠流程。

功能丰富的页面:

  • 主页– 节目、活动和社区生活的精彩内容。
  • 关于我们——我们在穆斯林社区中的使命和角色。
  • 团队——认识我们的伊玛目、老师和志愿者。
  • 评价——来自我们社区成员的评价。
  • 常见问题解答——常见问题的快速解答。
  • 服务——我们的宗教和社会服务概述。
  • 捐赠——支持我们的清真寺和项目。
  • 活动——即将举行的讲座和聚会。
  • 画廊——我们的活动和项目的照片。
  • 课程——有关古兰经和伊斯兰课程的详细信息。
  • 项目——正在进行和已完成的计划。
  • 职业– 担任志愿者或与我们一起工作。
  • 服务条款——网站和服务政策。
  • 隐私政策——我们如何保护您的信息。
  • 祈祷时间——每日和每月的礼拜时间。
  • 视频库——伊斯兰讲座和演讲。
  • 赞助商——支持我们中心的人。
  • 博客——新闻、文章和感想。
  • 产品——伊斯兰书籍和必需品。
  • 联系我们– 寻求帮助或信息。

模板表格

Siraj 包含由PHPMailer提供支持的安全通信基本表单:

  • 职业表格——申请中心的职位或志愿者机会。
  • 联系表– 提出问题或请求。
  • 结账表格– 安全购买伊斯兰书籍或中心商品。
  • 订阅新闻通讯——订阅清真寺新闻和活动更新。

所有表单都与PHPMailer(基本身份验证)集成,确保使用用户名和应用程序密码安全可靠地提交。

完全响应且跨浏览器就绪

Siraj 完美适配手机、平板电脑和台式机,确保在所有现代浏览器上顺畅访问。

快速设置和轻松定制

通过干净的代码简单的说明,您可以轻松启动和定制您的伊斯兰中心网站。

核心功能:

  • 使用 React(JSX、组件、虚拟 DOM)构建
  • 完全响应且适合移动设备
  • 功能联系表
  • 跨浏览器支持
  • 易于定制和扩展
  • 干净、有效的代码和良好的注释
  • Swiper 滑块集成
  • Google 字体和 React 图标
  • 详细文档

React 特有的功能:

  • 状态管理– useState、useReducer 和 Context API
  • 导航– React Router 实现无缝页面转换
  • 可重复使用的 UI 组件– 针对模块化开发进行了优化
  • 单向数据绑定——确保更好地控制数据流
  • 性能优化– 使用 useEffect 实现高效渲染
  • 组织良好的文件夹结构– 易于导航和扩展

你得到了什么?

  • React-App
  • 文档

更新日志

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 Reviews for this product

0 Comments for this product

关于作者

HotShot Author

Customer Support

2.6 /5
Support rating (5 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 3
Response Time: Fast This value represents the average response time to a client's inquiry or request.
Support Maverik Support Maverik

Achievements

Images included:

Yes

General software requirements:

Code editing tool ZIP unarchiver

Hosting Requirements:

Web Server Compatibility: