Merge pull request #1198 from CodeHarborHub/dev-3

debug code

Author: ajay-dhangar

community/team.md

@@ -21,8 +21,4 @@ If you are interested in joining the team, or would like to contribute to the Op
 
 ## Contributors {#contributors}
 
-![contributors](https://opencollective.com/codeharborhub/contributors.svg?button=false)
-
-<!--
-[![contributors](https://contrib.rocks/image?repo=codeharborhub/codeharborhub)](https://github.com/codeharborhub/codeharborhub/graphs/contributors)
--->
+![Contributors](https://opencollective.com/codeharborhub/contributors.svg?button=false&avatarHeight=50&width=1000)

docusaurus.config.js

@@ -175,7 +175,7 @@ const config = {
 
           {
             to: "/our-sponsors/",
-            html: '<span class="nav-emoji">💰</span> Sponsors',
+            html: '<span class="nav-emoji">💰</span> Donate'
           },
 
           {

src/components/TeamProfileCards/index.tsx

@@ -13,12 +13,23 @@ function WebsiteLink({ to, children }: { to: string; children?: ReactNode }) {
   );
 }
 
+function CompanyLink({ to, children }: { to: string; children?: ReactNode }) {
+  return (
+    <Link to={to}>
+      {children ?? (
+        <Translate id="team.profile.CompanyLinkLabel">company</Translate>
+      )}
+    </Link>
+  );
+}
+
 type ProfileProps = {
   className?: string;
   name: string;
   children: ReactNode;
   githubUrl: string;
   twitterUrl?: string;
+  linkedInUrl?: string;
 };
 
 function TeamProfileCard({
@@ -27,6 +38,7 @@ function TeamProfileCard({
   children,
   githubUrl,
   twitterUrl,
+  linkedInUrl
 }: ProfileProps) {
   return (
     <div className={className}>
@@ -54,11 +66,16 @@ function TeamProfileCard({
                 GitHub
               </Link>
             )}
+            {linkedInUrl && (
+              <Link className="button button--secondary" href={linkedInUrl}>
+                LinkedIn
+              </Link>
+            )}
             {twitterUrl && (
               <Link className="button button--secondary" href={twitterUrl}>
                 Twitter
               </Link>
-            )}
+            )}            
           </div>
         </div>
       </div>
@@ -77,18 +94,36 @@ export function ActiveTeamRow(): JSX.Element {
     <div className="row">
       <TeamProfileCardCol
         name="Ajay Dhangar"
-        githubUrl="https://github.com/ajay-dhangar"
-        twitterUrl="https://twitter.com/CodesWithAjay"
+        githubUrl="https://github.com/ajay-dhangar"      
+        linkedInUrl="https://www.linkedin.com/in/ajay-dhangar"
+        twitterUrl="https://twitter.com/CodesWithAjay"  
       >
         <Translate
           id="team.profile.Sebastien Lorber.body"
           values={{
-            website: <WebsiteLink to="https://cmhq.tech" />,
+            website: <WebsiteLink to="https://ajay-dhangar.github.io/" />,
             devto: <Link to="https://dev.to/ajaydhangar49">Dev.to</Link>,
           }}
         >
           {
-            "Fullstack developer, open source enthusiast, and tech blogger. He loves to contribute to open source and write articles on his {website} and {devto}."
+            "Founder, Lead Developer and Maintainer of CodeHarborHub. He loves to contribute to open source and write articles on his {website} and {devto}."
+          }
+        </Translate>
+      </TeamProfileCardCol>
+      <TeamProfileCardCol
+        name="MOHD ARIF"
+        githubUrl="https://github.com/mrmohdarif"
+        linkedInUrl="https://www.linkedin.com/in/mohd-arif-115b87231/"
+      >
+        <Translate
+          id="team.profile.Sebastien Lorber.body"
+          values={{
+            compony: <CompanyLink to="https://www.linkedin.com/company/techneutron/" />,
+            portfolio: <Link to="https://mrmohdarif.github.io/portfolio/">Portfolio</Link>,
+          }}
+        >
+          {
+            "Lead Developer of CodeHarborHub. He loves to contribute to open source and currently working at {compony} and you can check his {portfolio}."
           }
         </Translate>
       </TeamProfileCardCol>

src/database/sponsors/index.tsx

@@ -1,23 +1,30 @@
 interface Sponsor {
-    name: string;
-    image: string;
-    description: string;
-    github?: string;
-    linkedin?: string;
-    twitter?: string;
-    instagram?: string;
+  name: string;
+  image: string;
+  description: string;
+  github?: string;
+  linkedin?: string;
+  twitter?: string;
+  instagram?: string;
 }
 
 const sponsors: Sponsor[] = [
-    {
-        name: 'Ajay Dhangar',
-        image: '/sponsors/ajay-dhangar.jpg',
-        description: 'Full Stack Engineer',
-        github: 'https://github.com/ajay-dhangar',
-        linkedin: 'https://linkedin.com/in/ajay-dhangar',
-        twitter: 'https://x.com/CodesWithAjay',
-        instagram: 'https://www.instagram.com/_ajay.dhangar'
-    },
+//   {
+//     name: "Ajay Dhangar",
+//     image: "/sponsors/ajay-dhangar.jpg",
+//     description: "Full Stack Engineer",
+//     github: "https://github.com/ajay-dhangar",
+//     linkedin: "https://linkedin.com/in/ajay-dhangar",
+//     twitter: "https://x.com/CodesWithAjay",
+//     instagram: "https://www.instagram.com/_ajay.dhangar",
+//   },
+  {
+    name: "MOHD ARIF",
+    image: "https://github.com/mrmohdarif.png",
+    description: "Full Stack Developer",
+    github: "https://github.com/mrmohdarif",
+    linkedin: "https://www.linkedin.com/in/mohd-arif-115b87231/",
+  },
 ];
 
-export default sponsors;
+export default sponsors;

src/pages/our-sponsors/Sponsors.css

@@ -30,7 +30,7 @@
     border-radius: 8px;
     padding: 16px;
     text-align: center;
-    width: 200px;
+    width: 200px;    
 }
 
 .sponsor-page .sponsor-card img {