Merge pull request #110 from hack4bengal/ark-dev

[FEAT]: Added Mentors
hack4bengal · Jun 14, 2024 · 8af1f6d · 8af1f6d
2 parents f09b305 + 1c3604d
commit 8af1f6d
Show file tree

Hide file tree

Showing 9 changed files with 95 additions and 34 deletions.
diff --git a/src/assets/data/MentorsContent.js b/src/assets/data/MentorsContent.js
@@ -1 +1,38 @@
-export const mentorContent = [];
+import md_nasirul_haque from "../images/MentorImages/md_nasirul_haque.webp";
+import snehangshu_bhattacharya from "../images/MentorImages/snehangshu_bhattacharya.webp";
+import anubhav_singh from "../images/MentorImages/anubhav_singh.webp"
+import kazi_haque from "../images/MentorImages/kazi_haque.webp"
+
+export const mentorContent = [
+  {
+    name: "Nasirul",
+    designation: "IT Analyst",
+    company: "Tata Consultancy Services",
+    linkedin: "https://www.linkedin.com/in/mdnasirulhaque",
+    twitter: "https://twitter.com/mdnasirulhaque",
+    image: md_nasirul_haque,
+  },
+  {
+    name: "Snehangshu",
+    designation: "Lead Engineer",
+    company: "Dynopii",
+    linkedin: "https://www.linkedin.com/in/snehangshub",
+    twitter: "https://twitter.com/snehangshu_",
+    image: snehangshu_bhattacharya,
+  },
+  {
+    name: "Anubhav",
+    designation: "Co-Founder",
+    company: "Callchimp.ai",
+    linkedin: "https://www.linkedin.com/in/xprilion",
+    twitter: "https://twitter.com/xprilion",
+    image: anubhav_singh,
+  },
+  {
+    name: "Kazi",
+    designation: "Co-Founder",
+    company: "Dynopii",
+    linkedin: "https://www.linkedin.com/in/haquekazi",
+    image: kazi_haque,
+  },
+];
diff --git a/src/assets/images/MentorImages/anubhav_singh.webp b/src/assets/images/MentorImages/anubhav_singh.webp
diff --git a/src/assets/images/MentorImages/kazi_haque.webp b/src/assets/images/MentorImages/kazi_haque.webp
diff --git a/src/assets/images/MentorImages/md_nasirul_haque.webp b/src/assets/images/MentorImages/md_nasirul_haque.webp
diff --git a/src/assets/images/MentorImages/snehangshu_bhattacharya.webp b/src/assets/images/MentorImages/snehangshu_bhattacharya.webp
diff --git a/src/components/private/mentors/Mentors.jsx b/src/components/private/mentors/Mentors.jsx
@@ -10,7 +10,26 @@ function Mentors() {
   return (
     <section className="mentors__parent" id="mentors">
       <Header {...HeaderData.mentors} />
-      <ComingSoon />
+      <div className="mentors__container mentors__container_desktop">
+        {mentorContent.map((mentor, index) => {
+          return (
+            <SingleMentors mentor={mentor} key={index} />
+          );
+        })}
+      </div>
+      <Marquee
+        autoFill={true}
+        pauseOnHover={true}
+        speed={50}
+        direction="right"
+        className="mentors__container mentors__container_mobile"
+      >
+        {mentorContent.map((mentor, index) => {
+          return (
+            <SingleMentors mentor={mentor} key={index} />
+          );
+        })}
+      </Marquee>
     </section>
   );
 }

diff --git a/src/components/private/mentors/Mentors.scss b/src/components/private/mentors/Mentors.scss
@@ -14,6 +14,7 @@
     margin: auto;
     margin-top: 7rem;
     gap: 2rem;
+    padding-block: 1.5rem;
 
     @media screen and (min-width: 576px) {
       display: flex;
@@ -90,7 +91,7 @@
           margin-top: 1rem;
 
           h2 {
-            font-size: 1.5rem;
+            font-size: 1.8rem;
             margin: 0.5rem 0;
             color: #ffffff;
             font-family: var(--heading-font);

diff --git a/src/components/private/mentors/singleMentors/SingleMentors.jsx b/src/components/private/mentors/singleMentors/SingleMentors.jsx
@@ -18,38 +18,42 @@ const SingleMentors = ({ mentor }) => {
           </div>
           <hr />
           <div className="mentor__social_wrapper">
-            <a href={mentor?.twitter} target="_blank" rel="noopener noreferrer">
-
-              <svg aria-label="Twitter"
-                stroke="currentColor"
-                fill="currentColor"
-                stroke-width="0"
-                viewBox="0 0 512 512"
-                height="1em"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
-              </svg>
-            </a>
+            {mentor.twitter && (
+              <a href={mentor?.twitter} target="_blank" rel="noopener noreferrer">
+
+                <svg aria-label="Twitter"
+                  stroke="currentColor"
+                  fill="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 512 512"
+                  height="1em"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
+                </svg>
+              </a>
+            )}
 
-            <a
-              href={mentor?.linkedin}
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <svg aria-label="LinkedIn"
-                stroke="currentColor"
-                fill="currentColor"
-                stroke-width="0"
-                viewBox="0 0 448 512"
-                height="1em"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+            {mentor.linkedin && (
+              <a
+                href={mentor?.linkedin}
+                target="_blank"
+                rel="noopener noreferrer"
               >
-                <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
-              </svg>
-            </a>
+                <svg aria-label="LinkedIn"
+                  stroke="currentColor"
+                  fill="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 448 512"
+                  height="1em"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
+                </svg>
+              </a>
+            )}
           </div>
         </div>
       </div>

diff --git a/src/pages/home/Home.jsx b/src/pages/home/Home.jsx
@@ -26,8 +26,8 @@ const Home = () => {
       <Venue />
       <Theme />
       <Prizes />
-      <Sponsors />
       <Mentors />
+      <Sponsors />
       <Testimonials />
       <FAQ />
     </div>