diff --git a/components/common/SocialShare.tsx b/components/common/SocialShare.tsx
index ea1e8e37b..84ba82ad8 100644
--- a/components/common/SocialShare.tsx
+++ b/components/common/SocialShare.tsx
@@ -1,10 +1,10 @@
 import React, { FC } from 'react'
-
 // Icons
-import { BsTwitter, BsLinkedin, BsFacebook } from 'react-icons/bs'
+import { BsTwitter, BsLinkedin, BsFacebook ,BsReddit} from 'react-icons/bs'
 import { FaHackerNewsSquare } from 'react-icons/fa'
 
 interface SocialShareProps {
+  title:string
   url: string
   direction?: string
   size?: string
@@ -13,9 +13,17 @@ interface SocialShareProps {
   linkedin?: boolean
   facebook?: boolean
   hackerNews?: boolean
+  reddit?: boolean
 }
-
+const extractTitleFromURL = (url: string): string => {
+  const slug = url.split('/').pop() || '';
+  return slug
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+};
 const SocialShare:FC<SocialShareProps> = ({
+  reddit= true,
   twitter = true,
   linkedin = true,
   facebook = false,
@@ -23,28 +31,33 @@ const SocialShare:FC<SocialShareProps> = ({
   url,
   direction = "row",
   size = "xl" || "lg" || "md" || "sm" || "xs",
-  gap = 2
+  gap = 2,
+
 }) => {
-  
+  const title= extractTitleFromURL(url);
   const commonStyle = `gap-${gap} ${direction == "row" ? "flex-row" : "flex-col"}`
   const iconSize = `text-${size}`
 
   return (
     <div className={` ${commonStyle} ${iconSize} flex  gap-2`}>
-      {twitter && <TwitterLink url={url} />}
-      {linkedin && <LinkedinLink url={url}/>}
-      {facebook && <FacebookLink url={url}/>}
-      {hackerNews && <HackerNewsLink url={url}/>}
+      {twitter && <TwitterLink url={url} title={title} />}
+      {linkedin && <LinkedinLink url={url} title={title} />}
+      {facebook && <FacebookLink url={url} title={title} />}
+      {hackerNews && <HackerNewsLink url={url} title={title} />}
+      {reddit && <RedditLink url={url} title={title} />}
     </div>
   )
 }
 
 export default SocialShare
 
+
 interface SocialLinkProps {
   url: string
+  title: string
 }
 
+
 const TwitterLink:FC<SocialLinkProps> = ({url}) => {
   return (
     <a href={`https://twitter.com/intent/tweet?url=${url}`}>
@@ -72,4 +85,12 @@ const HackerNewsLink:FC<SocialLinkProps> = ({url}) => {
       <FaHackerNewsSquare/>
     </a>
   )
+}
+
+const RedditLink: FC<SocialShareProps> = ({title , url}) => {
+  return (
+    <a href={`https://www.reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`}>
+      <BsReddit/>
+    </a>
+  )
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 09d4597f8..49d88e3dc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "react-intersection-observer": "^9.4.3",
         "react-markdown": "^8.0.5",
         "react-player": "^2.12.0",
+        "react-router-dom": "^6.26.2",
         "react-slideshow-image": "^4.0.5",
         "rss": "^1.2.2",
         "sanity": "^3.48.1",
@@ -3222,6 +3223,15 @@
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.19.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.19.2.tgz",
+      "integrity": "sha512-baiMx18+IMuD1yyvOGaHM9QrVUPGGG0jC+z+IPHnRJWUAUvaKuWKyE8gjDj2rzv3sz9zOGoRSPgeBVHRhZnBlA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@rexxars/react-json-inspector": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/@rexxars/react-json-inspector/-/react-json-inspector-8.0.1.tgz",
@@ -15460,6 +15470,38 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "6.26.2",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.2.tgz",
+      "integrity": "sha512-tvN1iuT03kHgOFnLPfLJ8V95eijteveqdOSk+srqfePtQvqCExB8eHOYnlilbOcyJyKnYkr1vJvf7YqotAJu1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.19.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.26.2",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.26.2.tgz",
+      "integrity": "sha512-z7YkaEW0Dy35T3/QKPYB1LjMK2R1fxnHO8kWpUMTBdfVzZrWOiY9a7CtN8HqdWtDUWd5FY6Dl8HFsqVwH4uOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.19.2",
+        "react-router": "6.26.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/react-rx": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/react-rx/-/react-rx-3.1.3.tgz",
diff --git a/package.json b/package.json
index 83f3a0b79..0e23271fb 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "react-intersection-observer": "^9.4.3",
     "react-markdown": "^8.0.5",
     "react-player": "^2.12.0",
+    "react-router-dom": "^6.26.2",
     "react-slideshow-image": "^4.0.5",
     "rss": "^1.2.2",
     "sanity": "^3.48.1",