update social links (#20)

Author: romanindev

src/components/Footer/Footer.tsx

@@ -24,36 +24,52 @@ export const Footer = () => {
 
           <Stack direction="row" spacing={2}>
             <Link
-              href="https://www.npmjs.com/package/@dfsync/client"
+              href="https://github.com/dfsyncjs/dfsync"
               target="_blank"
               rel="noreferrer"
               underline="hover"
               onClick={createTrackedLinkHandler({
                 params: {
-                  cta_name: 'npm',
+                  cta_name: 'github',
                   location: 'footer',
-                  label: 'npm',
-                  link_url: 'https://www.npmjs.com/package/@dfsync/client',
+                  label: 'GitHub',
+                  link_url: 'https://github.com/dfsyncjs/dfsync',
                 },
               })}
             >
-              npm
+              GitHub
             </Link>
             <Link
-              href="https://github.com/dfsyncjs/dfsync"
+              href="https://www.linkedin.com/company/dfsync/"
               target="_blank"
               rel="noreferrer"
               underline="hover"
               onClick={createTrackedLinkHandler({
                 params: {
-                  cta_name: 'github',
+                  cta_name: 'linkedIn',
                   location: 'footer',
-                  label: 'GitHub',
-                  link_url: 'https://github.com/dfsyncjs/dfsync',
+                  label: 'LinkedIn',
+                  link_url: 'https://www.linkedin.com/company/dfsync/',
                 },
               })}
             >
-              GitHub
+              LinkedIn
+            </Link>
+            <Link
+              href="https://x.com/dfsyncjs"
+              target="_blank"
+              rel="noreferrer"
+              underline="hover"
+              onClick={createTrackedLinkHandler({
+                params: {
+                  cta_name: 'x',
+                  location: 'footer',
+                  label: 'X (Twitter)',
+                  link_url: 'https://x.com/dfsyncjs',
+                },
+              })}
+            >
+              X (Twitter)
             </Link>
           </Stack>
         </Stack>

src/components/Header/Header.tsx

@@ -1,4 +1,5 @@
 import GitHubIcon from '@mui/icons-material/GitHub';
+import LinkedIn from '@mui/icons-material/LinkedIn';
 import { AppBar, Box, Button, Container, Toolbar } from '@mui/material';
 import { Link as RouterLink } from 'react-router-dom';
 import { Brand } from '../Brand/Brand';
@@ -42,36 +43,37 @@ export const Header = () => {
             </Button>
             <Button
               color="inherit"
-              href="https://www.npmjs.com/package/@dfsync/client"
+              href="https://github.com/dfsyncjs/dfsync"
               target="_blank"
               rel="noreferrer"
+              startIcon={<GitHubIcon />}
               onClick={createTrackedLinkHandler({
                 params: {
-                  cta_name: 'npm',
+                  cta_name: 'github',
                   location: 'header',
-                  label: 'npm',
-                  link_url: 'https://www.npmjs.com/package/@dfsync/client',
+                  label: 'GitHub',
+                  link_url: 'https://github.com/dfsyncjs/dfsync',
                 },
               })}
             >
-              npm
+              GitHub
             </Button>
             <Button
               color="inherit"
-              href="https://github.com/dfsyncjs/dfsync"
+              href="https://www.linkedin.com/company/dfsync/"
               target="_blank"
               rel="noreferrer"
-              startIcon={<GitHubIcon />}
+              startIcon={<LinkedIn />}
               onClick={createTrackedLinkHandler({
                 params: {
-                  cta_name: 'github',
+                  cta_name: 'linkedIn',
                   location: 'header',
-                  label: 'GitHub',
-                  link_url: 'https://github.com/dfsyncjs/dfsync',
+                  label: 'LinkedIn',
+                  link_url: 'https://www.linkedin.com/company/dfsync/',
                 },
               })}
             >
-              GitHub
+              LinkedIn
             </Button>
             <ThemeToggle />
           </Box>