feat: add new design for Our Team Section

components/TopBar/CategoryDescriptions.ts

@@ -210,13 +210,15 @@ const categoryDescriptions: CategoryDescriptions = {
     'This section provides various online courses that can help you start with the fundamentals of data structures and algorithms and also ace your coding interviews.',
   'dsa tutorials':
     'This section provides you with YouTube tutorials that help you grasp concepts better by hands-on experience and learn better, practically!',
-
-   //BlockChain
-  smartcontracts : 'Smart contracts are self-executing contracts with the terms of the agreement directly written into code. They run on a blockchain network, which is a decentralized and distributed ledger technology. Smart contracts automatically execute and enforce the terms of a contract when predefined conditions are met',
-  truffle : 'Truffle is a popular development framework for Ethereum blockchain. It provides a development environment, testing framework, and asset pipeline for building decentralized applications (DApps) on the Ethereum platform.',
-  hardhat : 'Hardhat is another popular development framework for Ethereum smart contracts and decentralized applications (DApps). It provides a wide range of features and tools for Ethereum developers, making the development and testing of smart contracts easier and more efficient.',  
-  ethers  : '"Ethers" generally refers to both the native cryptocurrency of the Ethereum network and a popular JavaScript library used for interacting with the Ethereum blockchain.'
-
+  //BlockChain
+  smartcontracts:
+    'Smart contracts are self-executing contracts with the terms of the agreement directly written into code. They run on a blockchain network, which is a decentralized and distributed ledger technology. Smart contracts automatically execute and enforce the terms of a contract when predefined conditions are met',
+  truffle:
+    'Truffle is a popular development framework for Ethereum blockchain. It provides a development environment, testing framework, and asset pipeline for building decentralized applications (DApps) on the Ethereum platform.',
+  hardhat:
+    'Hardhat is another popular development framework for Ethereum smart contracts and decentralized applications (DApps). It provides a wide range of features and tools for Ethereum developers, making the development and testing of smart contracts easier and more efficient.',
+  ethers:
+    '"Ethers" generally refers to both the native cryptocurrency of the Ethereum network and a popular JavaScript library used for interacting with the Ethereum blockchain.',
 }
 
 export default categoryDescriptions

data/maintainersData.ts

@@ -1,7 +1,164 @@
 export const maintainersData = [
   { login: 'rupali-codes', name: 'Rupali Haldiya' },
   { login: 'CBID2', name: 'Christine Belzie' },
-  { login: 'ujjawaltyagii', name: 'Ujjawal Tyagi' },
-  { login: 'k-deepak04', name: 'Deepak Singh' },
   { login: 'Anmol-Baranwal', name: 'Anmol Baranwal' },
+  { login: 'aftabrehan', name: 'Aftab Rehan' },
+]
+
+export interface MaintainersDataInterface {
+  name: string
+  avatarUrl: string
+  login: string
+  designation: string
+  role: string
+  firstLink: string
+  firstTxt: string
+  secondLink: string
+  secondTxt: string
+  thirdLink: string
+  thirdTxt: string
+}
+
+export const Maintainers: MaintainersDataInterface[] = [
+  {
+    name: 'Rupali Haldiya',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/78981177?v=4',
+    login: 'rupali-codes',
+    designation: 'FullStack Developer',
+    role: 'Founder',
+    firstLink: 'https://github.com/sponsors/rupali-codes',
+    firstTxt: 'Sponsor',
+    secondLink: 'https://github.com/rupali-codes',
+    secondTxt: 'GitHub',
+    thirdLink: 'https://twitter.com/rupali_codes',
+    thirdTxt: 'Twitter',
+  },
+  {
+    name: 'Anmol Baranwal',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    login: 'Anmol-Baranwal',
+    designation: 'Software Developer',
+    role: 'Maintainer',
+    firstLink: 'https://www.linkedin.com/in/Anmol-Baranwal',
+    firstTxt: 'LinkedIn',
+    secondLink: 'https://github.com/Anmol-Baranwal',
+    secondTxt: 'GitHub',
+    thirdLink: 'https://twitter.com/Anmol_Codes',
+    thirdTxt: 'Twitter',
+  },
+  {
+    name: 'Christine Belzie',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/105683440?v=4',
+    login: 'CBID2',
+    designation: 'Technical Writer',
+    role: 'Maintainer',
+    firstLink: 'https://github.com/sponsors/CBID2',
+    firstTxt: 'Sponsor',
+    secondLink: 'https://www.linkedin.com/in/christinebelzie',
+    secondTxt: 'LinkedIn',
+    thirdLink: 'https://twitter.com/CodesChrissy',
+    thirdTxt: 'Twitter',
+  },
+  {
+    name: 'Aftab Rehan',
+    avatarUrl: 'https://avatars.githubusercontent.com/u/93012310?v=4',
+    login: 'aftabrehan',
+    designation: 'UI/UX Designer',
+    role: 'Maintainer',
+    firstLink: 'https://aftabrehan.com',
+    firstTxt: 'Website',
+    secondLink: 'https://github.com/aftabrehan',
+    secondTxt: 'GitHub',
+    thirdLink: 'https://twitter.com/aftabrehan_',
+    thirdTxt: 'Twitter',
+  },
+]
+
+export interface Contributor {
+  twitter_username?: string
+  id: number
+  avatar_url: string
+  name: string
+  login: string
+  contributions: number
+}
+
+export const dummyContributors: Contributor[] = [
+  {
+    id: 1,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'John Doe',
+    login: 'johndoe',
+    contributions: 15,
+  },
+  {
+    id: 2,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Jane Smith',
+    login: 'janesmith',
+    contributions: 10,
+  },
+  {
+    id: 3,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 4,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 5,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 6,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 7,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 8,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 9,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 10,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
+  {
+    id: 11,
+    avatar_url: 'https://avatars.githubusercontent.com/u/74038190?v=4',
+    name: 'Bob Johnson',
+    login: 'bobjohnson',
+    contributions: 5,
+  },
 ]

database/frontend/ui-libraries.json

@@ -40,6 +40,26 @@
         "description": "Flowbite React is an open-source UI component library built on top of Tailwind CSS with React components and based on the Flowbite Design System.",
         "category": "frontend",
         "subcategory": "ui-libraries"
+    },
+    {
+        "name": "React Bootstrap",
+        "url": "https://react-bootstrap.github.io/",
+        "description": "React Bootstrap is a popular open-source UI library for React that provides a set of pre-designed and customizable components for building responsive web applications. It's known for its seamless integration with React and extensive theming capabilities.",
+        "category": "frontend",
+        "subcategory": "ui-libraries"
+    },
+    {
+        "name": "Semantic UI",
+        "url": "https://semantic-ui.com/",
+        "description": "Semantic UI is a popular open-source UI component library that provides a set of pre-designed and customizable components for building responsive web applications. It's known for its ease of use and extensive theming capabilities.",
+        "category": "frontend",
+        "subcategory": "ui-libraries"
+    },
+    {
+        "name": "Seamless UI",
+        "url": "https://seamlessui.vercel.app/",
+        "description": "The next gen UI made with simple HTML and Tailwind CSS. It's compatible with simple HTML, CSS static website or a React, Vue, Angular or Next.js Complex app. Zero JS and no plugins installed.",
+        "category": "frontend",
+        "subcategory": "ui-libraries"
     }
-
 ]

database/resources/official-docs.json

@@ -27,6 +27,13 @@
     "category": "resources",
     "subcategory": "officialdocs"
   },
+  {
+    "name": "Go programming language",
+    "description": "This page gives an overview of the Go documentation and related resources.",
+    "url": "https://go.dev/doc/",
+    "category": "resources",
+    "subcategory": "officialdocs"
+  },
   {
     "name": "Next.js",
     "description": "This documentation is a comprehensive resource for building fast, scalable, and production-ready web apps using Next.js.",

database/youtube/web-development.json

@@ -31,14 +31,6 @@
     "subcategory": "web-development",
     "language": "english"
   },
-  {
-    "name": "CodeWithHarry",
-    "description": "This course will teach you everything you need to know about web development using Flask. It will lead you through each and every concept of Flask and will give you a good initial start.",
-    "url": "https://www.codewithharry.com/videos/web-dev-using-flask-and-python-1/",
-    "category": "youtube",
-    "subcategory": "web-development",
-    "language": "hindi"
-  },
   {
     "name": "Programming with Mosh",
     "description": "It's another great channel for starting your web development journey.",

layouts/GeneralLayout.tsx

@@ -21,7 +21,7 @@ const GeneralLayout = ({ children }: { children: ReactNode }) => {
       <Header />
       <SideNavbar />
       <div
-        className={`row-start-2 row-end-3 overflow-y-scroll h-[calc(100vh-156px)] sm:h-[calc(100vh-72px)] w-full bg-gray-100 dark:bg-[#101623] ${
+        className={`row-start-2 row-end-3 overflow-y-scroll h-full w-full bg-gray-100 dark:bg-[#101623] ${
           sidebar ? 'max-[1024px]:overflow-hidden' : ''
         }`}
       >

package.json

@@ -49,4 +49,4 @@
     "postcss": "^8.4.21",
     "tailwindcss": "^3.3.1"
   }
-}
+}