35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import communityCards from 'data/App/community.json';
|
|
import communityCardsrRTL from 'data/App/community-rtl.json';
|
|
|
|
const Community = ({ rtl }) => {
|
|
const data = rtl ? communityCardsrRTL : communityCards;
|
|
|
|
return (
|
|
<section className="community section-padding pt-0 style-4">
|
|
<div className="container">
|
|
<div className="section-head text-center style-4">
|
|
<small className="title_small">{ rtl ? 'مجتمع نوتيرو' : 'Notero Community' }</small>
|
|
<h2 className="mb-30">{ rtl ? 'انضم إلى' : 'Join Into' } <span>{ rtl ? 'مركزنا' : 'Our Hub' }</span> </h2>
|
|
</div>
|
|
<div className="content">
|
|
{
|
|
data.map((item, index) => (
|
|
<a href="#" className="commun-card" key={index}>
|
|
<div className="icon">
|
|
<i className={item.icon}></i>
|
|
</div>
|
|
<div className="inf">
|
|
<h5>{ item.title }</h5>
|
|
<p>{ item.description }</p>
|
|
</div>
|
|
</a>
|
|
))
|
|
}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|
|
|
|
export default Community |