Merge pull request #11 from lassiecoder/staging

Feature addition and miscellaneous changes

package.json

@@ -17,21 +17,22 @@
     "deploy": "npm run build && gh-pages -d build"
   },
   "dependencies": {
-    "@tabler/icons-react": "^3.19.0",
+    "@tabler/icons-react": "^3.24.0",
     "@tsparticles/engine": "^3.3.0",
     "@tsparticles/react": "^3.0.0",
     "@tsparticles/slim": "^3.3.0",
     "clsx": "^2.1.1",
-    "framer-motion": "^11.11.9",
+    "framer-motion": "^11.13.1",
     "gh-pages": "^6.1.1",
     "next": "^15.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-element-to-jsx-string": "^15.0.0",
     "react-ga4": "^2.1.0",
     "react-icons": "^5.0.1",
+    "react-social-media-embed": "^2.5.17",
     "sonner": "^1.4.41",
-    "tailwind-merge": "^2.5.4",
+    "tailwind-merge": "^2.5.5",
     "typewriter-effect": "^2.21.0"
   },
   "devDependencies": {

src/app/page.tsx

@@ -10,6 +10,7 @@ import ContactForm from "./pages/contact";
 import ReactGA from "react-ga4";
 import { useEffect } from "react";
 import { Experience } from "./pages/experience";
+import Networking from "./pages/networking";
 
 export default function Home() {
   useEffect(() => {
@@ -25,6 +26,7 @@ export default function Home() {
       <Experience />
       <ThreeDCard />
       <Article />
+      <Networking />
       <ContactForm />
     </div>
   );

src/app/pages/articles.tsx

@@ -35,35 +35,50 @@ export function Article() {
 
 const pinData = [
   {
-    techstack: "/dev.to/lassiecoder/",
+    techstack: "@medium.com/lassiecoder",
+    href: "https://sharmapriyanka84510.medium.com/keeping-your-open-source-repo-happy-with-github-community-health-files-1972e3dacc27",
+    heading:
+      "Keeping Your Open Source Repo Happy with GitHub Community Health Files",
+    description:
+      "Explore essential strategies for organizing your open source repository, ensuring clarity and collaboration while avoiding chaos in the world of code maintenance."
+  },
+  {
+    techstack: "@medium.com/lassiecoder",
+    href: "https://medium.com/@sharmapriyanka84510/commit-guidelines-f41b23f0bf4a",
+    heading: "Git Commit Guidelines",
+    description:
+      "A comprehensive guide to crafting clear and meaningful Git commit messages, enhancing collaboration, maintainability, and understanding throughout the development process for future contributors."
+  },
+  {
+    techstack: "@dev.to/lassiecoder/",
     href: "https://dev.to/lassiecoder/git-common-developer-pitfalls-and-solutions-5aim",
     heading: "Git <> Common Developer Pitfalls and Solutions",
     description:
       "This article tackles typical Git challenges and offers actionable remedies to enhance version control and teamwork, empowering developers to optimize their workflows and collaboration processes."
   },
   {
-    techstack: "/medium.com/lassiecoder",
+    techstack: "@medium.com/lassiecoder",
     href: "https://sharmapriyanka84510.medium.com/navigating-the-upgrade-odyssey-a-journey-through-react-native-project-upgrades-and-helpful-tools-1b4384dc7f6d",
     heading: "Navigating React Native Project Upgrades: A Journey & Tools.",
     description:
       "Upgrade React Native projects effortlessly using tools like Renovate, React Native CLI, npm-check-updates, Dependabot, and react-native-template-upgrade."
   },
   {
-    techstack: "/medium.com/lassiecoder",
+    techstack: "@medium.com/lassiecoder",
     href: "https://medium.com/nerd-for-tech/fastlane-with-react-native-part-2-a1adea3321aa",
     heading: "Fastlane with React Native — Part-2",
     description:
       "Discover Fastlane's efficiency in Android app deployment, transitioning from manual to automated processes, enhancing workflow with its robust automation features."
   },
   {
-    techstack: "/medium.com/lassiecoder",
+    techstack: "@medium.com/lassiecoder",
     href: "https://sharmapriyanka84510.medium.com/fastlane-with-react-native-part-1-ac916d99cb83",
     heading: "Fastlane with React Native — Part-1",
     description:
       "Fastlane optimizes iOS app development, automating build increments and metadata uploads, enhancing deployment efficiency with streamlined processes."
   },
   {
-    techstack: "/medium.com/lassiecoder",
+    techstack: "@medium.com/lassiecoder",
     href: "https://medium.com/swlh/javascript-array-mutability-immutability-93d366c90751",
     heading: "JavaScript: Array, mutability & immutability",
     description: