update ui - main

swlab-main/src/App.jsx

 // @ts-nocheck
+import './styles/index.scss'
 import Banner from './components/Banner'
 import Header from './components/Header'
 import Section from './components/Section'
 import Card from './components/Card'
-import './styles/index.scss'
+import Footer from './components/Footer'
 
 function App () {
   return (
@@ -43,6 +44,7 @@ function App () {
             '클라우드 네이티브 Java 프레임워크',
           ]}/>
       </Section>
+      <Footer />
     </>
   )
 }

swlab-main/src/components/Footer.jsx

+// @ts-nocheck
+import styled from 'styled-components'
+import logoImg from '../assets/images/logo.png'
+
+export default function Footer () {
+  return <Wrapper>
+    <LogoWrap>
+      <Logo className={clsx({ active: scrollY > 10 })} image={ scrollY > 10 ? colorLogoImg : logoImg} />
+      <LogoTitpeWrap>
+        <LogoTitle type='main'>SWLab</LogoTitle>
+        <LogoTitle type='sub'>Bankware Global</LogoTitle>
+      </LogoTitpeWrap>
+    </LogoWrap>
+  </Wrapper>
+}
+
+const Wrapper = styled.div`
+    background-color: #0072CE;
+    color: #fff;
+    width: 100%;
+    height: auto;
+    padding: 2.25rem 5rem;
+    font-size: 1.125rem;
+`