Add Footer to home

src/components/home/Footer.tsx

@@ -0,0 +1,30 @@
+import React from 'react'
+import FitCenter from '@/components/common/FitCenter.tsx'
+import Icon from '@ant-design/icons'
+import '@/assets/css/components/home/footer.scss'
+import FitFullScreen from '@/components/common/FitFullScreen.tsx'
+import { NavLink } from 'react-router-dom'
+
+const Footer: React.FC = () => {
+    return (
+        <>
+            <FitFullScreen backgroundColor={'#333'}>
+                <FitCenter vertical={true} style={{ gap: '20px' }}>
+                    <div className={'icons'}>
+                        <NavLink to={'https://github.com/FatttSnake'}>
+                            <Icon component={IconFatwebGithub} className={'icon'} />
+                        </NavLink>
+                        <NavLink to={'https://ci.fatweb.top'}>
+                            <Icon component={IconFatwebJenkins} className={'icon'} />
+                        </NavLink>
+                    </div>
+                    <div className={'links'}>
+                        <NavLink to={'mailto:fatttsnake@fatweb.top'}>Mail</NavLink>
+                    </div>
+                </FitCenter>
+            </FitFullScreen>
+        </>
+    )
+}
+
+export default Footer

src/components/home/index.tsx

@@ -1,17 +1,17 @@
 import React from 'react'
 import '@/assets/css/components/home/home.scss'
 import FitFullScreen from '@/components/common/FitFullScreen'
-import FitCenter from '@/components/common/FitCenter'
 import { MainFrameworkContext } from '@/pages/MainFramework'
 import Slogan from '@/components/home/Slogan'
 import OxygenToolbox from '@/components/home/OxygenToolbox'
 import Indicator from '@/components/common/Indicator.tsx'
+import Footer from '@/components/home/Footer'
 
 const Home: React.FC = () => {
     const {
         hideScrollbarRef,
         navbarHiddenState: { navbarHidden, setNavbarHidden },
-        showDropdownMenuState: {setShowDropdownMenu},
+        showDropdownMenuState: { setShowDropdownMenu },
         preventScrollState: { setPreventScroll }
     } = useContext(MainFrameworkContext)
 
@@ -140,7 +140,7 @@ const Home: React.FC = () => {
             children: <Slogan onClickScrollDown={handleScrollDown} />
         },
         { children: <OxygenToolbox /> },
-        { children: <FitCenter>3</FitCenter> }
+        { children: <Footer /> }
     ]
 
     return (