App.jsx 2.5 KB
Newer Older
minseok.park's avatar
minseok.park committed
1
// @ts-nocheck
minseok.park's avatar
minseok.park committed
2
import './styles/index.scss'
박민석's avatar
박민석 committed
3
import styled from 'styled-components'
minseok.park's avatar
minseok.park committed
4 5
import Banner from './components/Banner'
import Header from './components/Header'
박민석's avatar
박민석 committed
6 7
import Section from './components/Section'
import Card from './components/Card'
minseok.park's avatar
minseok.park committed
8
import Footer from './components/Footer'
minseok.park's avatar
minseok.park committed
9 10 11

function App () {
  return (
박민석's avatar
박민석 committed
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
    <Root>
      <Main>
        <Header />
        <Banner />
        <Section title='Products' gap='3rem' display='grid'>
          <Card
            title='BXM'
            subTitle='Business eXcellence Framework'
            mainDesc='고성능 Java 애플리케이션 개발 및 운영 프레임워크'
            subDesc={[
              '고성능 아키텍처',
              '안정적 시스템',
              '개발 생산성과 품질 향상',
              '확장성',
              '클라우드 지원',
            ]}/>
          <Card
            title='BXCM'
            subTitle='Business eXcellence Cloud Framework'
            mainDesc='구조화된 Cloud Native Framework'
            subDesc={[
              '시스템 구축 전 과정 지원',
              '보안',
              '표준화 및 개발 생산성',
              'MSA 환경의 보상거래 패턴 지원',
              '안정적 시스템 운영',
              '거래 패턴 지원',
              'Regulation을 위한 Layer',
              '표준전문 거래제어',
            ]}/>
          <Card
            title='BXI'
            subTitle='Business eXcellence Integrator'
            mainDesc='대내외 인터페이스 통합 솔루션'
            subDesc={[
              'BXI-FEP: 대외시스템 연계',
              'BXI-EAI: 대내시스템 연계',
              'BXI-MCI: 단말 연계',
            ]}/>
          <Card
            title='BXCP'
            subTitle='Business eXcellence Cloud Platform'
            mainDesc='지속적 혁신이 가능한 Cloud Native DevOps Platform'
            subDesc={[
              'Kubernetes Multi-Cluster',
              'Multi-Tenancy',
              '애플리케이션 빌드 & 배포 표준 템플릿',
              '애플리케이션 운영 & 관리 표준 템플릿',
              '안정적 운영',
              '시스템 통합 관리',
              '사용자 통계',
              '다양한 모니터링',
            ]}/>
        </Section>
      </Main>
minseok.park's avatar
minseok.park committed
67
      <Footer />
박민석's avatar
박민석 committed
68
    </Root>
minseok.park's avatar
minseok.park committed
69 70 71
  )
}

박민석's avatar
박민석 committed
72 73 74 75 76 77 78 79 80 81
const Root = styled.div`
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
`
const Main = styled.main`
  flex-grow: 1;
`

minseok.park's avatar
minseok.park committed
82
export default App