diff --git a/src/frontend/src/components/pages/welcome/BackgroundBlur.jsx b/src/frontend/src/components/pages/welcome/BackgroundBlur.jsx
index 9365ea5..37c35c2 100644
--- a/src/frontend/src/components/pages/welcome/BackgroundBlur.jsx
+++ b/src/frontend/src/components/pages/welcome/BackgroundBlur.jsx
@@ -8,7 +8,7 @@ const BackgroundBlur = () => (
left={0}
width={'100%'}
height={'100%'}
- filter={'blur(15px'}
+ filter={'blur(6px)'}
zIndex={0}
>
diff --git a/src/frontend/src/components/pages/welcome/WelcomeContent.jsx b/src/frontend/src/components/pages/welcome/WelcomeContent.jsx
index bc63630..aa09ef6 100644
--- a/src/frontend/src/components/pages/welcome/WelcomeContent.jsx
+++ b/src/frontend/src/components/pages/welcome/WelcomeContent.jsx
@@ -1,52 +1,34 @@
-import { Box, Heading, Text, VStack, Button, Image, HStack } from '@chakra-ui/react';
-import { motion } from 'framer-motion';
-//import groupIcon from '../assets/group.png';
-//import manageIcon from '../assets/materialsymbolsmanageaccountsoutline-1.svg';
+import { Box, Heading, Text, VStack } from '@chakra-ui/react';
+import githubIcon from '@/resources/welcome/image/github.svg';
+import manageIcon from '@/resources/welcome/image/setting.svg';
+import MotionCard from '@/components/ui/MotionCard';
+import { useNavigate } from 'react-router-dom';
-const MotionBox = motion(Box);
-const MotionButton = motion(Button);
+const WelcomeContent = () => {
+ const navigate = useNavigate();
-const WelcomeContent = () => (
-
-
-
- 智能网络交换机
-
- 管理系统
-
-
- 助力大型网络交换机配置及网络流量管理，方便的管控网络，让网络配置不再困难
-
-
+ return (
+
+
+
+ 智能网络交换机
+
+ 管理系统
+
+
+ 助力大型网络交换机配置及网络流量管理，方便的管控网络，让网络配置不再困难
+
+
- }
- colorScheme={'teal'}
- variant={'outline'}
- px={6}
- py={4}
- >
- 管理后台
-
+ navigate('/dashboard')} />
-
-
- Github
-
-
-);
+ window.open('https://github.com/Jerryplusy/AI-powered-switches', '_blank')}
+ />
+
+ );
+};
export default WelcomeContent;
diff --git a/src/frontend/src/components/ui/MotionCard.jsx b/src/frontend/src/components/ui/MotionCard.jsx
new file mode 100644
index 0000000..1132a56
--- /dev/null
+++ b/src/frontend/src/components/ui/MotionCard.jsx
@@ -0,0 +1,25 @@
+import { Box, Text, Image } from '@chakra-ui/react';
+import { motion } from 'framer-motion';
+
+const MotionBox = motion(Box);
+
+const MotionCard = ({ icon, text, onClick }) => (
+
+ {icon && }
+ {text}
+
+);
+
+export default MotionCard;
diff --git a/src/frontend/src/pages/Welcome.jsx b/src/frontend/src/pages/Welcome.jsx
index 00dba72..c14ee59 100644
--- a/src/frontend/src/pages/Welcome.jsx
+++ b/src/frontend/src/pages/Welcome.jsx
@@ -1,14 +1,12 @@
import { Box } from '@chakra-ui/react';
import BackgroundBlur from '@/components/pages/welcome/BackgroundBlur';
-import Header from '@/components/system/Header';
import WelcomeContent from '@/components/pages/welcome/WelcomeContent';
const Welcome = () => {
return (
-
+
-
-
+
diff --git a/src/frontend/src/resources/welcome/image/github.svg b/src/frontend/src/resources/welcome/image/github.svg
new file mode 100644
index 0000000..b6a597e
--- /dev/null
+++ b/src/frontend/src/resources/welcome/image/github.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/frontend/src/resources/welcome/image/setting.svg b/src/frontend/src/resources/welcome/image/setting.svg
new file mode 100644
index 0000000..3128ef0
--- /dev/null
+++ b/src/frontend/src/resources/welcome/image/setting.svg
@@ -0,0 +1,3 @@
+