메인화면 로그인 창 형태로 임시 수정

Author: 4roring

src/modules/Header/Header.tsx

@@ -28,9 +28,9 @@ interface Props {
 
 const drawerWidth = window.innerWidth * 0.7;
 const navItems = [
-  { name: "커뮤니티", path: "/community", permission: "" },
-  { name: "빌더", path: "/builder", permission: "" },
-  { name: "러너", path: "/runner", permission: "" },
+  // { name: "커뮤니티", path: "/community", permission: "" },
+  // { name: "빌더", path: "/builder", permission: "" },
+  // { name: "러너", path: "/runner", permission: "" },
   { name: "빙고", path: "/bingo", permission: "" },
 ];
 

src/modules/Home/Home.tsx

@@ -1,5 +1,5 @@
 import MainBanner from "./components/MainBanner";
-import { Container, Typography, Theme, Box } from "@mui/material";
+import { Container, Typography, Theme, Input } from "@mui/material";
 import PseudoLabLogo from "../../components/common/PseudoLabLogo";
 import { styled } from "@mui/system";
 
@@ -20,50 +20,49 @@ const Description = styled(Typography)({
   marginBottom: (theme: Theme) => theme.spacing(4),
 });
 
-// const StyledButton = styled(Button)({
-//   marginTop: (theme: Theme) => theme.spacing(2),
-//   padding: (theme: Theme) => theme.spacing(1.5, 4),
-//   fontSize: '1rem',
-// });
+
+
+const InputBox = styled(Input)({
+  marginTop: "1rem",
+});
 
 const Home = () => {
+  let loginId = ""
+  let password = ""
+  const handLogin = () => {
+
+  }
+
   return (
     <StyledContainer>
-      <MainBanner />
-      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "8vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
-        8th PseudoCon
+      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "5vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
+        빙고 네트워킹
       </Typography>
 
-      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "3vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
-        2024.6.15
+      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "4vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
+        Sudo Pseudo Explore
       </Typography>
 
-      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "5vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
-        가짜연구소의 8번째 컨퍼런스
+      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "3.5vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
+        1st Grand Gathering
       </Typography>
 
-      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "4vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
-        "AI 파도속에서 나만의 북극성 찾기"
+      <Typography sx={{ whiteSpace: "pre-wrap", fontSize: "3vw", textAlign: "left", fontFamily: "Spoqa Han Sans Neo", fontWeight: "bold" }}>
+        2024.11.23
       </Typography>
 
-      <PseudoLabLogo maxWidth="20rem" height="auto" marginRight="auto" />
-      <Title>가짜연구소 (Pseudo Lab)</Title>
-      <Description>
-        <b>가짜연구소</b>는
-        <span style={{ color: "#d9730d", fontWeight: "bold" }}>
-          머신러닝/데이터사이언스
-        </span>
-        를 중심으로 모인{" "}
-        <span style={{ color: "#d9730d", fontWeight: "bold" }}>
-          비영리 커뮤니티
-        </span>
-        입니다.
-        <br />
-        <span style={{ color: "#d9730d", fontWeight: "bold" }}>
-          성장의 앙상블이 만들어내는 울림
-        </span>
-        을 통해 개인과 커뮤니티의 성장의 사이클을 함께 만들어나가요!
-      </Description>
+      <InputBox
+        placeholder="아이디 입력"
+        value={loginId}
+        onChange={handLogin}
+      ></InputBox>
+
+      <InputBox
+        placeholder="비밀번호 입력"
+        value={password}
+        onChange={handLogin}
+      ></InputBox>
+
     </StyledContainer >
   );
 };