first commit

src/components/App/Community.jsx

@@ -0,0 +1,35 @@
+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