first commit

src/components/App/Team.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import teamMembers from 'data/App/team.json'
+
+const Team = () => {
+  return (
+    <section className="team section-padding style-6">
+      <div className="content">
+        <div className="container">
+          <div className="section-head text-center style-4 mb-60">
+            <small className="title_small">The Team Work</small>
+            <h2 className="mb-20">Our <span>Leaders</span> </h2>
+            <p>The Professional Creative Team for Growth-up Works</p>
+          </div>
+          <div className="row">
+            {
+              teamMembers.map((member, index) => (
+                <div className="col-lg-3" key={index}>
+                  <div className={`team-card ${index !== teamMembers.length - 1 ? 'mb-30 mb-lg-0':''} style-6`}>
+                    <div className="img img-cover">
+                      <img src={member.picture} alt="" />
+                      <div className="social-icons">
+                        <a href="#" className="me-1">
+                          <i className="fab fa-twitter"></i>
+                        </a>
+                        <a href="#" className="me-1">
+                          <i className="fab fa-facebook-f"></i>
+                        </a>
+                        <a href="#" className="me-1">
+                          <i className="fab fa-linkedin-in"></i>
+                        </a>
+                        <a href="#">
+                          <i className="fab fa-github"></i>
+                        </a>
+                      </div>
+                    </div>
+                    <div className="info">
+                      <a className="d-block" href="#"><h6>{ member.name }</h6></a>
+                      <small>{ member.position }</small>
+                    </div>
+                  </div>
+                </div>
+              ))
+            }
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
+
+export default Team