diff --git a/src/components/Community.tsx b/src/components/Community.tsx
new file mode 100644
index 0000000..f2ed4fd
--- /dev/null
+++ b/src/components/Community.tsx
@@ -0,0 +1,97 @@
+import {
+    Center,
+    Text,
+    Button,
+    useColorModeValue,
+    Wrap,
+} from '@chakra-ui/react';
+import {
+    FaDiscord,
+    FaLinkedin,
+    FaMediumM,
+    FaReddit,
+    FaTwitter,
+} from 'react-icons/fa';
+import { BsInstagram, BsTelegram } from 'react-icons/bs';
+import { useTranslation } from 'react-i18next';
+
+const communityList = [
+    {
+        href: 'https://discord.gg/DfVSwYprvK',
+        icon: <FaDiscord />,
+        text: 'Discord',
+    },
+    {
+        href: 'links.twitter',
+        icon: <FaTwitter />,
+        text: 'Twitter',
+    },
+    {
+        href: 'https://t.me/TG_Crypto_Arsenal',
+        icon: <BsTelegram />,
+        text: 'Telegram',
+    },
+    {
+        href: 'links.instagram',
+        icon: <BsInstagram />,
+        text: 'Instagram',
+    },
+    {
+        href: 'links.medium',
+        icon: <FaMediumM />,
+        text: 'Medium',
+    },
+    {
+        href: 'https://www.linkedin.com/company/crypto-arsenal',
+        icon: <FaLinkedin />,
+        text: 'LinkedIn',
+    },
+    {
+        href: 'https://www.reddit.com/r/CryptoArsenal',
+        icon: <FaReddit />,
+        text: 'Reddit',
+    },
+    {
+        href: 'https://www.tradingview.com/u/Crypto-Arsenal/',
+        icon: (
+            <>
+                <svg
+                    width='20'
+                    height='20'
+                    viewBox='0 0 36 27'
+                    xmlns='http://www.w3.org/2000/svg'
+                >
+                    <path
+                        d='M14 22H7V11H0V4h14v18zM28 22h-8l7.5-18h8L28 22z'
+                        fill='currentColor'
+                    ></path>
+                    <circle cx='20' cy='8' r='4' fill='currentColor'></circle>
+                </svg>
+            </>
+        ),
+        text: 'TradingView',
+    },
+];
+
+export default function Community() {
+    const { t } = useTranslation();
+    return (
+        <Wrap spacing='2px' justify='center' mt={6}>
+            {communityList.map((community) => (
+                <Button
+                    as='a'
+                    href={t(community.href)}
+                    target='_blank'
+                    variant={'outline'}
+                    leftIcon={community.icon}
+                    bg={useColorModeValue('gray.50', 'gray.800')}
+                    size={'sm'}
+                >
+                    <Center>
+                        <Text>{community.text}</Text>
+                    </Center>
+                </Button>
+            ))}
+        </Wrap>
+    );
+}
diff --git a/src/components/Profile.tsx b/src/components/Profile.tsx
index 0f6225a..fb3525d 100644
--- a/src/components/Profile.tsx
+++ b/src/components/Profile.tsx
@@ -29,19 +29,53 @@ import {
     ListIcon,
     ListItem,
     useClipboard,
-    HStack
+    HStack,
 } from '@chakra-ui/react';
-import { TbMathFunction, TbNumber1, TbNumber2 } from 'react-icons/tb'
+import { TbMathFunction, TbNumber1, TbNumber2 } from 'react-icons/tb';
 import { FcGlobe, FcGoogle } from 'react-icons/fc';
-import { FaCaretDown, FaCaretUp, FaCode, FaDiscord, FaExpand, FaFacebook, FaInfo, FaInfoCircle, FaInstagram, FaLinkedin, FaMediumM, FaReddit, FaRobot, FaTelegram, FaTv, FaTwitter } from 'react-icons/fa';
-import { SiJirasoftware, SiLinkedin, SiMessenger, SiTelegram } from 'react-icons/si';
+import {
+    FaCaretDown,
+    FaCaretUp,
+    FaCode,
+    FaDiscord,
+    FaExpand,
+    FaFacebook,
+    FaInfo,
+    FaInfoCircle,
+    FaInstagram,
+    FaLinkedin,
+    FaMediumM,
+    FaReddit,
+    FaRobot,
+    FaTelegram,
+    FaTv,
+    FaTwitter,
+} from 'react-icons/fa';
+import {
+    SiJirasoftware,
+    SiLinkedin,
+    SiMessenger,
+    SiTelegram,
+} from 'react-icons/si';
 import Verified from 'public/assets/images/verified.svg';
 
-import { BsCaretDown, BsFileWordFill, BsGiftFill, BsGlobe, BsGlobe2, BsInstagram, BsJournalBookmark, BsLink, BsPeople, BsPeopleFill, BsTelegram } from 'react-icons/bs';
+import {
+    BsCaretDown,
+    BsFileWordFill,
+    BsGiftFill,
+    BsGlobe,
+    BsGlobe2,
+    BsInstagram,
+    BsJournalBookmark,
+    BsLink,
+    BsPeople,
+    BsPeopleFill,
+    BsTelegram,
+} from 'react-icons/bs';
 import { ImInstagram } from 'react-icons/im';
 import { CheckIcon, ExternalLinkIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
-
+import Community from '../components/Community';
 
 const size = '96px';
 const color = 'teal';
@@ -60,11 +94,12 @@ const pulseRing = keyframes`
 	`;
 
 const ExpandableMeetTaipieButton = () => {
-    const { isOpen, onToggle } = useDisclosure()
-    const [isClicked, { on }] = useBoolean()
+    const { isOpen, onToggle } = useDisclosure();
+    const [isClicked, { on }] = useBoolean();
 
-    const { t } = useTranslation()
-    const { onCopy, value, setValue, hasCopied } = useClipboard("meettaipei2022");
+    const { t } = useTranslation();
+    const { onCopy, value, setValue, hasCopied } =
+        useClipboard('meettaipei2022');
 
     return (
         <Box
@@ -83,42 +118,66 @@ const ExpandableMeetTaipieButton = () => {
             p={'10px'}
             rounded={'lg'}
             // align={{ base: null, md: 'center' }}
-            border="1px solid #e3007f"
+            border='1px solid #e3007f'
         >
             <Flex
-                as="button"
+                as='button'
                 onClick={onToggle}
                 align={{ base: 'center', md: 'center' }}
                 // flexDir={{ base: 'column', md: 'row' }}
                 w={'full'}
             >
                 <Center>
-                    <Flex bg="#e3007f" width={{ base: '40px', md: '50px' }} height={{ base: '40px', md: '50px' }} rounded="md" justifyContent='center' alignItems={'center'}>  <BsGiftFill color="white" />  </Flex>
+                    <Flex
+                        bg='#e3007f'
+                        width={{ base: '40px', md: '50px' }}
+                        height={{ base: '40px', md: '50px' }}
+                        rounded='md'
+                        justifyContent='center'
+                        alignItems={'center'}
+                    >
+                        {' '}
+                        <BsGiftFill color='white' />{' '}
+                    </Flex>
                 </Center>
-                <Box w='full' >
-                    <Flex justifyContent='center' alignItems={'center'} textAlign="center" >
-                        <Text fontWeight={"bold"} color="#e3007f">  {t("meetTaipei.title")}</Text>
+                <Box w='full'>
+                    <Flex
+                        justifyContent='center'
+                        alignItems={'center'}
+                        textAlign='center'
+                    >
+                        <Text fontWeight={'bold'} color='#e3007f'>
+                            {' '}
+                            {t('meetTaipei.title')}
+                        </Text>
                     </Flex>
                 </Box>
-                <Box mr={2}>
-                    {isOpen ? <FaCaretUp /> : <FaCaretDown />}
-
-                </Box>
+                <Box mr={2}>{isOpen ? <FaCaretUp /> : <FaCaretDown />}</Box>
             </Flex>
             <Collapse in={isOpen} animateOpacity>
                 <Box mt={3}>
                     <Divider />
                     <Box m={1}>
-                        <Box bg={useColorModeValue('gray.50', 'gray.900')} px={2} py={3}>
+                        <Box
+                            bg={useColorModeValue('gray.50', 'gray.900')}
+                            px={2}
+                            py={3}
+                        >
                             <List spacing={5}>
                                 <ListItem mt={4}>
-                                    <Text fontWeight={'bold'}> Step 1️⃣: {t("meetTaipei.Join Discord and Receive Gift Code")}</Text>
+                                    <Text fontWeight={'bold'}>
+                                        {' '}
+                                        Step 1️⃣:{' '}
+                                        {t(
+                                            'meetTaipei.Join Discord and Receive Gift Code'
+                                        )}
+                                    </Text>
                                     <Button
                                         size={'sm'}
                                         // variant={'outline'}
-                                        as="a"
-                                        href="https://discord.gg/DfVSwYprvK"
-                                        target={"_blank"}
+                                        as='a'
+                                        href='https://discord.gg/DfVSwYprvK'
+                                        target={'_blank'}
                                         mt={2}
                                         mb={1}
                                         onClick={on}
@@ -126,7 +185,9 @@ const ExpandableMeetTaipieButton = () => {
                                         bg={'rgb(114,137,218)'}
                                         color={'white'}
                                         rounded={'md'}
-                                        boxShadow={'0 5px 20px 0px rgb(114 137 218 / 43%)'}
+                                        boxShadow={
+                                            '0 5px 20px 0px rgb(114 137 218 / 43%)'
+                                        }
                                         _hover={{
                                             bg: '#637ddb',
                                         }}
@@ -135,7 +196,14 @@ const ExpandableMeetTaipieButton = () => {
                                         }}
                                         leftIcon={<FaDiscord />}
                                     >
-                                        {t("meetTaipei.Join Discord")} {t("meetTaipei.and Text")} <Code fontWeight={'semibold'} color="white">/meetca </Code>
+                                        {t('meetTaipei.Join Discord')}{' '}
+                                        {t('meetTaipei.and Text')}{' '}
+                                        <Code
+                                            fontWeight={'semibold'}
+                                            color='white'
+                                        >
+                                            /meetca{' '}
+                                        </Code>
                                     </Button>
 
                                     {/* <Text fontWeight={'normal'} fontSize={'md'}>  {t("meetTaipei.to receive steps & gift code")}  </Text> */}
@@ -144,12 +212,14 @@ const ExpandableMeetTaipieButton = () => {
                                             mr={1}
                                             rounded={'md'}
                                             onClick={on}
-                                            as="a"
+                                            as='a'
                                             href={t('links.twitter')}
-                                            target="_blank"
+                                            target='_blank'
                                             colorScheme={'twitter'}
                                             // variant={'outline'}
-                                            leftIcon={<FaTwitter />} size={'sm'}>
+                                            leftIcon={<FaTwitter />}
+                                            size={'sm'}
+                                        >
                                             <Center>
                                                 <Text>Twitter</Text>
                                             </Center>
@@ -158,14 +228,15 @@ const ExpandableMeetTaipieButton = () => {
                                             mr={1}
                                             rounded={'md'}
                                             onClick={on}
-                                            as="a"
-                                            href="https://t.me/TG_Crypto_Arsenal"
-                                            target="_blank"
+                                            as='a'
+                                            href='https://t.me/TG_Crypto_Arsenal'
+                                            target='_blank'
                                             colorScheme={'telegram'}
                                             // variant={'outline'}
                                             leftIcon={<BsTelegram />}
                                             // bg={useColorModeValue('gray.50', 'gray.800')}
-                                            size={'sm'}>
+                                            size={'sm'}
+                                        >
                                             <Center>
                                                 <Text>Telegram</Text>
                                             </Center>
@@ -174,74 +245,144 @@ const ExpandableMeetTaipieButton = () => {
                                             mr={1}
                                             rounded={'md'}
                                             onClick={on}
-                                            as="a"
+                                            as='a'
                                             href={t('links.instagram')}
-                                            target="_blank"
+                                            target='_blank'
                                             colorScheme={'red'}
                                             // variant={'outline'}
                                             leftIcon={<BsInstagram />}
                                             // bg={useColorModeValue('gray.50', 'gray.800')}
-                                            size={'sm'}>
+                                            size={'sm'}
+                                        >
                                             <Center>
                                                 <Text>Instagram</Text>
                                             </Center>
                                         </Button>
                                     </Wrap>
                                     <Box>
-                                        {isClicked ? "🎁" : "🔐"}  <Code>{isClicked ? 'meettaipei2022' : '********'} </Code>
-                                        <Button size="sm" onClick={onCopy} disabled={!isClicked}>{hasCopied ? "Copied!" : (isClicked ? "Copy" : "Follow to unlock 👆")}</Button>
+                                        {isClicked ? '🎁' : '🔐'}{' '}
+                                        <Code>
+                                            {isClicked
+                                                ? 'meettaipei2022'
+                                                : '********'}{' '}
+                                        </Code>
+                                        <Button
+                                            size='sm'
+                                            onClick={onCopy}
+                                            disabled={!isClicked}
+                                        >
+                                            {hasCopied
+                                                ? 'Copied!'
+                                                : isClicked
+                                                ? 'Copy'
+                                                : 'Follow to unlock 👆'}
+                                        </Button>
                                     </Box>
-                                    <Text fontWeight={'normal'} fontSize={'md'}>  {t("meetTaipei.to receive steps & gift code")}  </Text>
-
+                                    <Text fontWeight={'normal'} fontSize={'md'}>
+                                        {' '}
+                                        {t(
+                                            'meetTaipei.to receive steps & gift code'
+                                        )}{' '}
+                                    </Text>
                                 </ListItem>
                                 <ListItem>
-                                    <Text fontWeight={'bold'} fontSize={'md'}> Step 2️⃣:  {t("meetTaipei.Sign Up and Unlock Starter Plan")} </Text>
+                                    <Text fontWeight={'bold'} fontSize={'md'}>
+                                        {' '}
+                                        Step 2️⃣:{' '}
+                                        {t(
+                                            'meetTaipei.Sign Up and Unlock Starter Plan'
+                                        )}{' '}
+                                    </Text>
 
                                     {/* <ListIcon as={TbNumber1} color="green.400" fontWeight={'bold'} bg="green" /> */}
                                     <Button
                                         mt={2}
                                         mb={1}
-                                        as="a"
-                                        href="https://crypto-arsenal.io/?ref=Trader-Alex"
-                                        target="_blank"
+                                        as='a'
+                                        href='https://crypto-arsenal.io/?ref=Trader-Alex'
+                                        target='_blank'
                                         colorScheme={'green'}
-                                        boxShadow={'0 5px 20px 0px rgb(154 230 180 / 43%)'}
+                                        boxShadow={
+                                            '0 5px 20px 0px rgb(154 230 180 / 43%)'
+                                        }
                                         // variant={'outline'}
                                         leftIcon={<BsLink />}
                                         // bg={useColorModeValue('gray.50', 'gray.800')}
-                                        size={'sm'}>
+                                        size={'sm'}
+                                    >
                                         <Center>
-                                            <Text> {t("meetTaipei.Your Sign Up Link")} </Text>
+                                            <Text>
+                                                {' '}
+                                                {t(
+                                                    'meetTaipei.Your Sign Up Link'
+                                                )}{' '}
+                                            </Text>
                                         </Center>
                                     </Button>
-                                    <Text fontWeight={'normal'} fontSize={'md'}> {t("meetTaipei.Register and redeem the Gift Code")}  (<Link target="_blank" href="https://help.crypto-arsenal.io/en/articles/6576020-how-to-redeem-gift-code" color={'yellow'}>{t("meetTaipei.see tutorial")}</Link>)  </Text>
-
+                                    <Text fontWeight={'normal'} fontSize={'md'}>
+                                        {' '}
+                                        {t(
+                                            'meetTaipei.Register and redeem the Gift Code'
+                                        )}{' '}
+                                        (
+                                        <Link
+                                            target='_blank'
+                                            href='https://help.crypto-arsenal.io/en/articles/6576020-how-to-redeem-gift-code'
+                                            color={'yellow'}
+                                        >
+                                            {t('meetTaipei.see tutorial')}
+                                        </Link>
+                                        ){' '}
+                                    </Text>
                                 </ListItem>
                                 <ListItem>
-                                    <Text fontWeight={'bold'} fontSize={'md'}> Step 3️⃣: {t("meetTaipei.Trade with the Pros")}   </Text>
+                                    <Text fontWeight={'bold'} fontSize={'md'}>
+                                        {' '}
+                                        Step 3️⃣:{' '}
+                                        {t(
+                                            'meetTaipei.Trade with the Pros'
+                                        )}{' '}
+                                    </Text>
 
                                     {/* <ListIcon as={TbNumber1} color="green.400" fontWeight={'bold'} bg="green" /> */}
                                     <Button
                                         mt={2}
                                         mb={1}
-                                        as="a"
-                                        href="https://crypto-arsenal.io/arena?tab=Trader%20Alex"
-                                        target="_blank"
+                                        as='a'
+                                        href='https://crypto-arsenal.io/arena?tab=Trader%20Alex'
+                                        target='_blank'
                                         colorScheme={'pink'}
-                                        boxShadow={'0 5px 20px 0px rgb(251 182 206 / 43%)'}
+                                        boxShadow={
+                                            '0 5px 20px 0px rgb(251 182 206 / 43%)'
+                                        }
                                         // variant={'outline'}
                                         leftIcon={<FaRobot />}
                                         // bg={useColorModeValue('gray.50', 'gray.800')}
-                                        size={'sm'}>
+                                        size={'sm'}
+                                    >
                                         <Center>
-                                            <Text>{t("meetTaipei.Visit Arena")}</Text>
+                                            <Text>
+                                                {t('meetTaipei.Visit Arena')}
+                                            </Text>
                                         </Center>
                                     </Button>
-                                    <Text fontWeight={'normal'} fontSize={'md'}> {t("meetTaipei.Trade with the best strategies from Alex's Trading League")}  (<Link target="_blank" href="https://youtu.be/RCni_smvI90" color={'pink'}>{t("meetTaipei.see tutorial")}</Link>) </Text>
-
+                                    <Text fontWeight={'normal'} fontSize={'md'}>
+                                        {' '}
+                                        {t(
+                                            "meetTaipei.Trade with the best strategies from Alex's Trading League"
+                                        )}{' '}
+                                        (
+                                        <Link
+                                            target='_blank'
+                                            href='https://youtu.be/RCni_smvI90'
+                                            color={'pink'}
+                                        >
+                                            {t('meetTaipei.see tutorial')}
+                                        </Link>
+                                        ){' '}
+                                    </Text>
                                 </ListItem>
 
-
                                 {/* 
 
 
@@ -306,14 +447,14 @@ const ExpandableMeetTaipieButton = () => {
                         </Box>
                     </Box>
                 </Box>
-            </Collapse >
-        </Box >
-    )
-}
+            </Collapse>
+        </Box>
+    );
+};
 
 const ExpandableButton = () => {
-    const { isOpen, onToggle } = useDisclosure()
-    const { t } = useTranslation()
+    const { isOpen, onToggle } = useDisclosure();
+    const { t } = useTranslation();
 
     return (
         <Box
@@ -332,62 +473,93 @@ const ExpandableButton = () => {
             p={'10px'}
             rounded={'lg'}
             // align={{ base: null, md: 'center' }}
-            border="1px solid #3F73FF"
+            border='1px solid #3F73FF'
         >
             <Flex
-                as="button"
+                as='button'
                 onClick={onToggle}
                 align={{ base: 'center', md: 'center' }}
                 // flexDir={{ base: 'column', md: 'row' }}
                 w={'full'}
             >
                 <Center>
-                    <Flex bg="#3F73FF" width={{ base: '40px', md: '50px' }} height={{ base: '40px', md: '50px' }} rounded="md" justifyContent='center' alignItems={'center'}>  <BsPeopleFill color="white" />  </Flex>
+                    <Flex
+                        bg='#3F73FF'
+                        width={{ base: '40px', md: '50px' }}
+                        height={{ base: '40px', md: '50px' }}
+                        rounded='md'
+                        justifyContent='center'
+                        alignItems={'center'}
+                    >
+                        {' '}
+                        <BsPeopleFill color='white' />{' '}
+                    </Flex>
                 </Center>
-                <Box w='full' >
-                    <Flex justifyContent='center' alignItems={'center'} textAlign="center" >
-                        <Text fontWeight={"bold"} color="#3F73FF">{t("job.Join our Wordclass Team")}  </Text>
+                <Box w='full'>
+                    <Flex
+                        justifyContent='center'
+                        alignItems={'center'}
+                        textAlign='center'
+                    >
+                        <Text fontWeight={'bold'} color='#3F73FF'>
+                            {t('job.Join our Wordclass Team')}{' '}
+                        </Text>
                     </Flex>
                 </Box>
-                <Box mr={2}>
-                    {isOpen ? <FaCaretUp /> : <FaCaretDown />}
-
-                </Box>
+                <Box mr={2}>{isOpen ? <FaCaretUp /> : <FaCaretDown />}</Box>
             </Flex>
             <Collapse in={isOpen} animateOpacity>
                 <Box mt={3}>
                     <Divider />
                     <Box m={1}>
-                        <Box bg={useColorModeValue('gray.50', 'gray.900')} px={2} py={3}>
+                        <Box
+                            bg={useColorModeValue('gray.50', 'gray.900')}
+                            px={2}
+                            py={3}
+                        >
                             <List spacing={3}>
                                 <ListItem>
-                                    <ListIcon as={CheckIcon} color="green.400" />
-                                    {t("job.Quant Intership")}
+                                    <ListIcon
+                                        as={CheckIcon}
+                                        color='green.400'
+                                    />
+                                    {t('job.Quant Intership')}
                                 </ListItem>
                                 <ListItem>
-                                    <ListIcon as={CheckIcon} color="green.400" />
-                                    {t("job.Backend Internship")}
+                                    <ListIcon
+                                        as={CheckIcon}
+                                        color='green.400'
+                                    />
+                                    {t('job.Backend Internship')}
                                 </ListItem>
                                 <ListItem>
-                                    <ListIcon as={CheckIcon} color="green.400" />
-                                    {t("job.Frontend Internship")}
+                                    <ListIcon
+                                        as={CheckIcon}
+                                        color='green.400'
+                                    />
+                                    {t('job.Frontend Internship')}
                                 </ListItem>
                                 <ListItem>
-                                    <ListIcon as={CheckIcon} color="green.400" />
-                                    {t("job.Marketing Internship")}
+                                    <ListIcon
+                                        as={CheckIcon}
+                                        color='green.400'
+                                    />
+                                    {t('job.Marketing Internship')}
                                 </ListItem>
                             </List>
 
                             <Button
-                                as="a"
-                                href="https://www.cakeresume.com/companies/crypto-arsenal/jobs"
-                                target={"_blank"}
+                                as='a'
+                                href='https://www.cakeresume.com/companies/crypto-arsenal/jobs'
+                                target={'_blank'}
                                 mt={10}
                                 w={'full'}
                                 bg={'green.400'}
                                 color={'white'}
                                 rounded={'xl'}
-                                boxShadow={'0 5px 20px 0px rgb(72 187 120 / 43%)'}
+                                boxShadow={
+                                    '0 5px 20px 0px rgb(72 187 120 / 43%)'
+                                }
                                 _hover={{
                                     bg: 'green.500',
                                 }}
@@ -396,18 +568,24 @@ const ExpandableButton = () => {
                                 }}
                                 rightIcon={<ExternalLinkIcon />}
                             >
-                                Cakeresume  <Badge colorScheme='green' ml={2}>  3 NEW </Badge>
+                                Cakeresume{' '}
+                                <Badge colorScheme='green' ml={2}>
+                                    {' '}
+                                    3 NEW{' '}
+                                </Badge>
                             </Button>
                             <Button
-                                as="a"
-                                href="https://www.yourator.co/companies/Crypto-Arsenal"
-                                target={"_blank"}
+                                as='a'
+                                href='https://www.yourator.co/companies/Crypto-Arsenal'
+                                target={'_blank'}
                                 mt={3}
                                 w={'full'}
                                 bg={'blue.400'}
                                 color={'white'}
                                 rounded={'xl'}
-                                boxShadow={'0 5px 20px 0px rgb(63 115 255 / 43%)'}
+                                boxShadow={
+                                    '0 5px 20px 0px rgb(63 115 255 / 43%)'
+                                }
                                 _hover={{
                                     bg: 'blue.500',
                                 }}
@@ -416,20 +594,23 @@ const ExpandableButton = () => {
                                 }}
                                 rightIcon={<ExternalLinkIcon />}
                             >
-                                Yourator <Badge colorScheme='green' ml={2}> 4 NEW </Badge>
+                                Yourator{' '}
+                                <Badge colorScheme='green' ml={2}>
+                                    {' '}
+                                    4 NEW{' '}
+                                </Badge>
                             </Button>
                         </Box>
                     </Box>
                 </Box>
             </Collapse>
         </Box>
-    )
-}
-
+    );
+};
 
 export default function SocialProfileSimple() {
-    const { t } = useTranslation()
-    const banner = '/assets/images/banner.png'
+    const { t } = useTranslation();
+    const banner = '/assets/images/banner.png';
     return (
         <Center py={3}>
             <Box
@@ -440,7 +621,8 @@ export default function SocialProfileSimple() {
                 rounded={'lg'}
                 p={4}
                 pb={8}
-                textAlign={'center'}>
+                textAlign={'center'}
+            >
                 <Box
                     bg={`url(${banner})`}
                     bgSize='cover'
@@ -452,38 +634,61 @@ export default function SocialProfileSimple() {
                     mt='-42px'
                     border='4px solid'
                     size={'xl'}
-                    src={
-                        '/assets/images/ca1.png'
-                    }
+                    src={'/assets/images/ca1.png'}
                     // alt={'Avatar Alt'}
                     mb={4}
                     pos={'relative'}
-                // _after={{
-                //     content: '""',
-                //     w: 4,
-                //     h: 4,
-                //     bg: 'green.300',
-                //     border: '2px solid white',
-                //     rounded: 'full',
-                //     pos: 'absolute',
-                //     bottom: 0,
-                //     right: 3,
-                // }}
+                    // _after={{
+                    //     content: '""',
+                    //     w: 4,
+                    //     h: 4,
+                    //     bg: 'green.300',
+                    //     border: '2px solid white',
+                    //     rounded: 'full',
+                    //     pos: 'absolute',
+                    //     bottom: 0,
+                    //     right: 3,
+                    // }}
                 />
 
                 <Heading fontSize={'2xl'} fontFamily={'body'}>
-                    <Flex justify={'center'} align="center" letterSpacing={'wide'} fontWeight="bold">
+                    <Flex
+                        justify={'center'}
+                        align='center'
+                        letterSpacing={'wide'}
+                        fontWeight='bold'
+                    >
                         Crypto Arsenal
-                        <Box ml="1">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5247 15.1234C8.203 14.9251 7.797 14.9251 7.4753 15.1234L7.14873 15.3247C6.6942 15.6048 6.09974 15.4785 5.79845 15.0377L5.58199 14.721C5.36875 14.409 4.99785 14.2438 4.62332 14.2941L4.24311 14.3452C3.71392 14.4162 3.22226 14.059 3.12631 13.5338L3.05737 13.1564C2.98947 12.7847 2.7178 12.483 2.35519 12.3766L1.98709 12.2686C1.47475 12.1182 1.17088 11.5919 1.29687 11.0731L1.38738 10.7003C1.47655 10.333 1.35109 9.94692 1.0631 9.70224L0.770757 9.45385C0.363852 9.10813 0.300327 8.50373 0.626462 8.08096L0.860777 7.77722C1.0916 7.47801 1.13404 7.07424 0.970468 6.73358L0.804424 6.38776C0.573314 5.90643 0.761114 5.32844 1.23101 5.07488L1.56861 4.8927C1.90117 4.71324 2.10417 4.36164 2.0933 3.9839L2.08227 3.60044C2.06692 3.06672 2.47357 2.61509 3.00597 2.57457L3.38848 2.54546C3.76529 2.51678 4.09375 2.27814 4.23746 1.92864L4.38335 1.57385C4.5864 1.08002 5.1416 0.832836 5.64445 1.01237L6.00573 1.14135C6.36163 1.26842 6.75875 1.18401 7.03219 0.923173L7.30978 0.658391C7.69613 0.289852 8.30387 0.289852 8.69022 0.658392L8.96781 0.923173C9.24125 1.18401 9.63837 1.26842 9.99427 1.14135L10.3555 1.01237C10.8584 0.832836 11.4136 1.08002 11.6167 1.57385L11.7625 1.92864C11.9063 2.27814 12.2347 2.51678 12.6115 2.54546L12.994 2.57457C13.5264 2.61509 13.9331 3.06672 13.9177 3.60044L13.9067 3.9839C13.8958 4.36164 14.0988 4.71324 14.4314 4.8927L14.769 5.07488C15.2389 5.32844 15.4267 5.90643 15.1956 6.38776L15.0295 6.73358C14.866 7.07424 14.9084 7.47801 15.1392 7.77722L15.3735 8.08096C15.6997 8.50373 15.6361 9.10813 15.2292 9.45385L14.9369 9.70224C14.6489 9.94692 14.5234 10.333 14.6126 10.7003L14.7031 11.0731C14.8291 11.5919 14.5253 12.1182 14.0129 12.2686L13.6448 12.3766C13.2822 12.483 13.0105 12.7847 12.9426 13.1564L12.8737 13.5338C12.7777 14.059 12.2861 14.4162 11.7569 14.3452L11.3767 14.2941C11.0021 14.2438 10.6313 14.409 10.418 14.721L10.2015 15.0377C9.90026 15.4785 9.3058 15.6048 8.85127 15.3247L8.5247 15.1234Z" fill="#00B6FF" />
-                                <path d="M5.06998 7.56265L7.1913 9.68397L11.4339 5.44133" stroke="white" strokeWidth="2" />
+                        <Box ml='1'>
+                            <svg
+                                width='16'
+                                height='16'
+                                viewBox='0 0 16 16'
+                                fill='none'
+                                xmlns='http://www.w3.org/2000/svg'
+                            >
+                                <path
+                                    fill-rule='evenodd'
+                                    clip-rule='evenodd'
+                                    d='M8.5247 15.1234C8.203 14.9251 7.797 14.9251 7.4753 15.1234L7.14873 15.3247C6.6942 15.6048 6.09974 15.4785 5.79845 15.0377L5.58199 14.721C5.36875 14.409 4.99785 14.2438 4.62332 14.2941L4.24311 14.3452C3.71392 14.4162 3.22226 14.059 3.12631 13.5338L3.05737 13.1564C2.98947 12.7847 2.7178 12.483 2.35519 12.3766L1.98709 12.2686C1.47475 12.1182 1.17088 11.5919 1.29687 11.0731L1.38738 10.7003C1.47655 10.333 1.35109 9.94692 1.0631 9.70224L0.770757 9.45385C0.363852 9.10813 0.300327 8.50373 0.626462 8.08096L0.860777 7.77722C1.0916 7.47801 1.13404 7.07424 0.970468 6.73358L0.804424 6.38776C0.573314 5.90643 0.761114 5.32844 1.23101 5.07488L1.56861 4.8927C1.90117 4.71324 2.10417 4.36164 2.0933 3.9839L2.08227 3.60044C2.06692 3.06672 2.47357 2.61509 3.00597 2.57457L3.38848 2.54546C3.76529 2.51678 4.09375 2.27814 4.23746 1.92864L4.38335 1.57385C4.5864 1.08002 5.1416 0.832836 5.64445 1.01237L6.00573 1.14135C6.36163 1.26842 6.75875 1.18401 7.03219 0.923173L7.30978 0.658391C7.69613 0.289852 8.30387 0.289852 8.69022 0.658392L8.96781 0.923173C9.24125 1.18401 9.63837 1.26842 9.99427 1.14135L10.3555 1.01237C10.8584 0.832836 11.4136 1.08002 11.6167 1.57385L11.7625 1.92864C11.9063 2.27814 12.2347 2.51678 12.6115 2.54546L12.994 2.57457C13.5264 2.61509 13.9331 3.06672 13.9177 3.60044L13.9067 3.9839C13.8958 4.36164 14.0988 4.71324 14.4314 4.8927L14.769 5.07488C15.2389 5.32844 15.4267 5.90643 15.1956 6.38776L15.0295 6.73358C14.866 7.07424 14.9084 7.47801 15.1392 7.77722L15.3735 8.08096C15.6997 8.50373 15.6361 9.10813 15.2292 9.45385L14.9369 9.70224C14.6489 9.94692 14.5234 10.333 14.6126 10.7003L14.7031 11.0731C14.8291 11.5919 14.5253 12.1182 14.0129 12.2686L13.6448 12.3766C13.2822 12.483 13.0105 12.7847 12.9426 13.1564L12.8737 13.5338C12.7777 14.059 12.2861 14.4162 11.7569 14.3452L11.3767 14.2941C11.0021 14.2438 10.6313 14.409 10.418 14.721L10.2015 15.0377C9.90026 15.4785 9.3058 15.6048 8.85127 15.3247L8.5247 15.1234Z'
+                                    fill='#00B6FF'
+                                />
+                                <path
+                                    d='M5.06998 7.56265L7.1913 9.68397L11.4339 5.44133'
+                                    stroke='white'
+                                    strokeWidth='2'
+                                />
                             </svg>
                         </Box>
                     </Flex>
                 </Heading>
                 <Box mb={4}>
-                    <Text fontWeight={'semibold'} color={'gray.500'} as="a" href="https://twitter.com/_cryptoarsenal_">
+                    <Text
+                        fontWeight={'semibold'}
+                        color={'gray.500'}
+                        as='a'
+                        href='https://twitter.com/_cryptoarsenal_'
+                    >
                         @CryptoAsrsena1
                     </Text>
                 </Box>
@@ -493,28 +698,39 @@ export default function SocialProfileSimple() {
                     textAlign={'center'}
                     letterSpacing={'wide'}
                     color={useColorModeValue('gray.700', 'gray.400')}
-                    px={3}>
-                    Web2 & Web3 Crypto Bot Marketplace that Bridges the Gap Between Strategy Creators and Traders
+                    px={3}
+                >
+                    Web2 & Web3 Crypto Bot Marketplace that Bridges the Gap
+                    Between Strategy Creators and Traders
                 </Text>
                 <Center mt={4}>
-                    <Stack direction={'row'} justify={'center'} spacing={4} ml="15px">
+                    <Stack
+                        direction={'row'}
+                        justify={'center'}
+                        spacing={4}
+                        ml='15px'
+                    >
                         <Stack spacing={0} align={'center'}>
                             <Text fontWeight={600}>2k</Text>
                             <Text fontSize={'sm'} color={'gray.500'}>
-                                {t("stats.Trading Bots")}
+                                {t('stats.Trading Bots')}
                             </Text>
                         </Stack>
                         <Stack spacing={0} align={'center'}>
                             <Text fontWeight={600}>6k</Text>
                             <Text fontSize={'sm'} color={'gray.500'}>
-                                {t("stats.Users")}
+                                {t('stats.Users')}
                             </Text>
                         </Stack>
 
                         <Stack spacing={0} align={'center'}>
                             <Text fontWeight={600}>120M</Text>
-                            <Text fontSize={'sm'} color={'gray.500'} fontWeight={'normal'}>
-                                {t("stats.Trading Volume")}
+                            <Text
+                                fontSize={'sm'}
+                                color={'gray.500'}
+                                fontWeight={'normal'}
+                            >
+                                {t('stats.Trading Volume')}
                             </Text>
                         </Stack>
                     </Stack>
@@ -522,114 +738,46 @@ export default function SocialProfileSimple() {
 
                 <Wrap spacing='2px' justify='center' mt={6}>
                     <Button
-                        as="a"
-                        href="https://crypto-arsenal.io"
-                        target="_blank"
-                        variant={'outline'} leftIcon={<BsGlobe2 />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
+                        as='a'
+                        href='https://crypto-arsenal.io'
+                        target='_blank'
+                        variant={'outline'}
+                        leftIcon={<BsGlobe2 />}
+                        bg={useColorModeValue('gray.50', 'gray.800')}
+                        size={'sm'}
+                    >
                         <Center>
                             <Text>Website</Text>
                         </Center>
                     </Button>
                     <Button
-                        as="a"
-                        href="https://help.crypto-arsenal.io"
-                        target="_blank"
-                        variant={'outline'} leftIcon={<FaInfoCircle />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
+                        as='a'
+                        href='https://help.crypto-arsenal.io'
+                        target='_blank'
+                        variant={'outline'}
+                        leftIcon={<FaInfoCircle />}
+                        bg={useColorModeValue('gray.50', 'gray.800')}
+                        size={'sm'}
+                    >
                         <Center>
                             <Text>Help Center </Text>
                         </Center>
                     </Button>
                     <Button
-                        as="a"
-                        href={"https://docs.crypto-arsenal.io/"}
-                        target="_blank"
-                        variant={'outline'} leftIcon={<FaCode />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
+                        as='a'
+                        href={'https://docs.crypto-arsenal.io/'}
+                        target='_blank'
+                        variant={'outline'}
+                        leftIcon={<FaCode />}
+                        bg={useColorModeValue('gray.50', 'gray.800')}
+                        size={'sm'}
+                    >
                         <Center>
                             <Text>Documentation</Text>
                         </Center>
                     </Button>
                 </Wrap>
-
-
-                <Wrap spacing='2px' justify='center' mt={6}>
-                    <Button
-                        as="a"
-                        href="https://discord.gg/DfVSwYprvK"
-                        target="_blank"
-                        variant={'outline'} leftIcon={<FaDiscord />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>Discord</Text>
-                        </Center>
-                    </Button>
-                    <Button
-                        as="a"
-                        href={t('links.twitter')}
-                        target="_blank"
-                        variant={'outline'} leftIcon={<FaTwitter />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>Twitter</Text>
-                        </Center>
-                    </Button>
-                    <Button
-                        as="a"
-                        href="https://t.me/TG_Crypto_Arsenal"
-                        target="_blank"
-
-                        variant={'outline'} leftIcon={<BsTelegram />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>Telegram</Text>
-                        </Center>
-                    </Button>
-                    <Button
-                        as="a"
-                        href={t('links.instagram')}
-                        target="_blank"
-                        variant={'outline'} leftIcon={<BsInstagram />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>Instagram</Text>
-                        </Center>
-                    </Button>
-                    <Button
-                        as="a"
-                        href={t('links.medium')}
-                        target="_blank"
-                        variant={'outline'} leftIcon={<FaMediumM />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>Medium</Text>
-                        </Center>
-                    </Button>
-                    <Button
-                        as="a"
-                        href="https://www.linkedin.com/company/crypto-arsenal"
-                        target="_blank"
-                        variant={'outline'} leftIcon={<FaLinkedin />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>LinkedIn</Text>
-                        </Center>
-                    </Button>
-                    <Button
-                        as="a"
-                        href="https://www.reddit.com/r/CryptoArsenal"
-                        target="_blank"
-                        variant={'outline'} leftIcon={<FaReddit />} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>Reddit</Text>
-                        </Center>
-                    </Button>
-                    <Button
-                        as="a"
-                        href="https://www.tradingview.com/u/Crypto-Arsenal/"
-                        target="_blank"
-                        variant={'outline'} leftIcon={
-                            <>
-                                <svg width="20" height="20" viewBox="0 0 36 27" xmlns="http://www.w3.org/2000/svg"><path d="M14 22H7V11H0V4h14v18zM28 22h-8l7.5-18h8L28 22z" fill="currentColor"></path><circle cx="20" cy="8" r="4" fill="currentColor"></circle></svg>
-                            </>} bg={useColorModeValue('gray.50', 'gray.800')} size={'sm'}>
-                        <Center>
-                            <Text>TradingView</Text>
-                        </Center>
-                    </Button>
-                </Wrap>
-
+                <Community />
                 {/* <Stack mt={8} direction={'row'} spacing={4}>
                     <Button
                         flex={1}
@@ -662,7 +810,12 @@ export default function SocialProfileSimple() {
                     <Divider />
                 </Box>
                 <Center>
-                    <Stack spacing={"40px"} align={'center'} w={'full'} justify='center' >
+                    <Stack
+                        spacing={'40px'}
+                        align={'center'}
+                        w={'full'}
+                        justify='center'
+                    >
                         {/* <Box w={'full'}>
                             <Box fontWeight="extrabold" fontSize={'xl'}> <Text color="#e3007f"> {t("meetTaipei.Meet Taipei 2022")} </Text> </Box>
                             <Stack spacing={"40px"} align={'center'} w={'full'} justify='center' mt={'20px'} >
@@ -686,15 +839,26 @@ export default function SocialProfileSimple() {
                             </Box>
                         </Flex> */}
                         <Box w={'full'}>
-                            <Box fontWeight="extrabold" fontSize={'xl'} > <Text color="#3F73FF"> {t("job.Work with Us")} </Text> </Box>
-                            <Stack spacing={"40px"} align={'center'} w={'full'} justify='center' mt={'20px'} >
+                            <Box fontWeight='extrabold' fontSize={'xl'}>
+                                {' '}
+                                <Text color='#3F73FF'>
+                                    {' '}
+                                    {t('job.Work with Us')}{' '}
+                                </Text>{' '}
+                            </Box>
+                            <Stack
+                                spacing={'40px'}
+                                align={'center'}
+                                w={'full'}
+                                justify='center'
+                                mt={'20px'}
+                            >
                                 <ExpandableButton />
                             </Stack>
                         </Box>
-
                     </Stack>
                 </Center>
-            </Box >
-        </Center >
+            </Box>
+        </Center>
     );
 }