Revert "新增卡片元件及翻轉效果 以及可覆用的useCardRenderer hook"

Frontend/the-message/src/App.tsx

@@ -1,19 +1,8 @@
-import { ChakraProvider } from '@chakra-ui/react'
-import {
-  RouterProvider,
-} from "react-router-dom";
-import router from '../src/routes/route';
-
-
-
-
-
-const App = () => {
+import Layout from './layout/layout'
+function App() {
   return (
     <>
-      <ChakraProvider>
-        <RouterProvider router={router} />
-      </ChakraProvider>
+     <Layout/>
     </>
   )
 }

Frontend/the-message/src/components/page/entrance/entrance.tsx

@@ -1,22 +1,23 @@
-import { Input } from '@chakra-ui/react'
-import { Button } from '@chakra-ui/react'
-import { Link } from "react-router-dom";
-
-
 
+import Button from "@material-ui/core/Button/Button";
+import SendIcon from '@mui/icons-material/Send';
+import title from "../../../assets/images/title.png";
+import TextField from "@mui/material/TextField/TextField";
 
 const Entrance = () => {
 
     return (
         <div className="absolute h-4/5 w-96 right-10">
-            <div className="flex align-item justify-center w-full text-5xl text-white">
-                <p className="s">風聲</p>
+            <div className="flex align-item justify-center w-full">
+                <img src={title} className="scale-75"/>
             </div>
-            <div className="flex items-center justify-center mt-5">
-                <Input placeholder='輸入玩家姓名' errorBorderColor="red" focusBorderColor='gray.500' color='#fff'/>
+            <div className="flex items-center justify-center">
+                <TextField id="outlined-basic" color="info" label="Outlined" variant="outlined" />
             </div>
             <div className="p-10 flex items-center justify-center">
-                <Button className='bg-gray-500' bg='#66666' color='#fff'><Link to="/game/map">Enter The Game</Link></Button>
+                <Button variant="outlined" color="primary" endIcon={<SendIcon />} >
+                    進入遊戲
+                </Button>
             </div>
         </div>
     );