Merge pull request #103 from eduversa/ankur

ankurhalder · web-flow · commit d7916485d5a7 · 2024-08-02T16:42:44.000+05:30
refactor: Add member backlink for Ankur Halder in ContactUs component
diff --git a/containers/ContactUs/ContactUs.jsx b/containers/ContactUs/ContactUs.jsx
@@ -7,9 +7,11 @@ const ContactUs = () => {
   const { teamMembers, contactEmail, teamObjective, additionalInformation } =
     contactUs;
   const [containerClass, setContainerClass] = useState("");
+
   function emailHandler(contactEmail) {
     window.location.href = `mailto:${contactEmail}`;
   }
+
   const eduversaEmail = "eduversa.developer@gmail.com";
   function contactEduversa() {
     window.location.href = `mailto:${eduversaEmail}`;
@@ -40,18 +42,41 @@ const ContactUs = () => {
             height={20}
             width={20}
             className="member__email__icon"
-          ></Image>
+          />
           <span className="member__email__link">{member.email}</span>
         </div>
         <p className="member__expertise">Expertise: {member.expertise}</p>
         <p className="member__description">{member.description}</p>
+        {member.name === "Ankur Halder (Leader)" && (
+          <div className="member__backlink">
+            <a
+              href="https://www.ankurhalder.in"
+              target="_blank"
+              rel="noopener noreferrer"
+              style={{
+                display: "inline-block",
+                color: "#0070f3",
+                fontWeight: "bold",
+                textDecoration: "underline",
+                fontSize: "16px",
+                transition: "color 0.3s",
+                marginTop: "10px",
+              }}
+              onMouseEnter={(e) => (e.currentTarget.style.color = "#0050c0")}
+              onMouseLeave={(e) => (e.currentTarget.style.color = "#0070f3")}
+            >
+              Visit Ankur Halder's Website: ankurhalder.in
+            </a>
+          </div>
+        )}
       </div>
     ));
   };
 
   const handleSocialLoginClick = (provider) => {
     alert(`We are coming on ${provider} soon!`);
   };
+
   return (
     <Fragment>
       <Head>
@@ -71,7 +96,6 @@ const ContactUs = () => {
           <h3 className="team-members__heading">Our Team</h3>
           {renderTeamMembers()}
         </div>
-
         <div className="contact-email">
           <h3 className="contact-email__heading">Contact Email</h3>
           <div className="contact-email__container" onClick={contactEduversa}>
@@ -81,16 +105,14 @@ const ContactUs = () => {
               height={20}
               width={20}
               className="contact-email__container__icon"
-            ></Image>
+            />
             <p className="contact-email__container__content">{contactEmail}</p>
           </div>
         </div>
-
         <div className="team-objective">
           <h3 className="team-objective__heading">Team Objective</h3>
           <p className="team-objective__content">{teamObjective}</p>
         </div>
-
         <div className="social-media">
           <h4 className="social-media__heading">Connect Us With</h4>
           <ul>
@@ -109,7 +131,7 @@ const ContactUs = () => {
                 height={25}
                 width={25}
                 className="github-icon"
-              ></Image>
+              />
             </li>
             <li onClick={() => handleSocialLoginClick("Twitter")}>
               Twitter:
@@ -119,7 +141,7 @@ const ContactUs = () => {
                 height={25}
                 width={25}
                 className="twitter-icon"
-              ></Image>
+              />
             </li>
             <li onClick={() => handleSocialLoginClick("LinkedIn")}>
               LinkedIn:
@@ -129,7 +151,7 @@ const ContactUs = () => {
                 height={25}
                 width={25}
                 className="linkedin-icon"
-              ></Image>
+              />
             </li>
             <li onClick={() => handleSocialLoginClick("Facebook")}>
               Facebook:
@@ -139,7 +161,7 @@ const ContactUs = () => {
                 height={25}
                 width={25}
                 className="facebook-icon"
-              ></Image>
+              />
             </li>
             <li onClick={() => handleSocialLoginClick("Instagram")}>
               Instagram:
@@ -149,7 +171,7 @@ const ContactUs = () => {
                 height={25}
                 width={25}
                 className="instagram-icon"
-              ></Image>
+              />
             </li>
           </ul>
         </div>
