Merge branch 'dev' into prod

@types/about.ts

@@ -0,0 +1,5 @@
+export interface CommitteeInfo {
+  name: string;
+  image?: string;
+  description: string;
+}

constants/about.ts

@@ -0,0 +1,95 @@
+import { CommitteeInfo } from '@/@types/about';
+
+export const CommitteePageInfo = {
+  title: '파이콘 한국 준비위원회',
+  description:
+    '파이콘 한국 준비위원회는 2014년 조직되어, 올해 열 번째 한국에서의 파이콘 행사를 준비하고 있습니다. \n준비위원회는 매년 신규 멤버를 모집하는 파이콘을 사랑하는 사람들의 열린 모임입니다.',
+};
+export const CommitteeList: CommitteeInfo[] = [
+  {
+    name: '강지우',
+    image: '/images/ot/강지우.jpeg',
+    description: 'https://constmoon.github.io',
+  },
+  {
+    name: '권혁민',
+    image: '/images/ot/권혁민.png',
+    description: 'Pie, Remidomine... Benedicite!',
+  },
+  { name: '김강민', image: undefined, description: '다시, 우리, 파이썬' },
+  {
+    name: '콘파이',
+    image: '/images/ot/김두리.jpg',
+    description: '파이썬은 모르지만 콘파이 맛있어 yum ',
+  },
+  { name: '김서현', image: undefined, description: '다시, 우리, 파이썬' },
+  {
+    name: '김수빈',
+    image: '/images/ot/김수빈.png',
+    description: '좋아하는 일을 잘할 수 있도록!',
+  },
+  {
+    name: '김순태',
+    image: '/images/ot/김순태.jpg',
+    description: '다양한 경험을 좋아하고 파이썬으로 개발하는 개발자입니다.',
+  },
+  {
+    name: '노하은',
+    image: '/images/ot/노하은.PNG',
+    description:
+      '파이썬과 IT 기술을 사랑하고 경험과 지식을 나누는 행사에 기여하는 것을 행복으로 살고 있습니다. 이 마음을 담은 IT 교육 기획/운영을 하고 있습니다.',
+  },
+  {
+    name: 'Jess',
+    image: '/images/ot/류현지.png',
+    description: 'DEV AnythinG / https://github.com/dev-bearabbit',
+  },
+  { name: '민예지', image: undefined, description: '다시, 우리, 파이썬' },
+  {
+    name: 'golony6449',
+    image: '/images/ot/박성흠.jpg',
+    description: '백엔드 개발을 하고 있습니다. 근데 이제 인프라를 곁들인',
+  },
+  { name: '배권한', image: undefined, description: '파이썬을 사랑합니다.' },
+  { name: '심명진', image: undefined, description: '다시, 우리, 파이썬' },
+  {
+    name: '오인경',
+    image: '/images/ot/오인경.jpg',
+    description: '성장, 발전 그리고 사람에게 진심인 기획자',
+  },
+  {
+    name: '이영은',
+    image: '/images/ot/이영은.png',
+    description:
+      '재미있는 모든 것들을 좋아합니다\nhttps://github.com/oleveloper',
+  },
+  {
+    name: 'WooSub Lee',
+    image: '/images/ot/이우섭.png',
+    description: 'LoveFrom / https://www.linkedin.com/in/woosublee',
+  },
+  { name: '이재준', image: undefined, description: '다시, 우리, 파이썬' },
+  { name: '이준원', image: undefined, description: '다시, 우리, 파이썬' },
+  {
+    name: 'Han Lee | 이한결 (한결같은한결, 한결같은 개발자)',
+    image: '/images/ot/이한결.jpg',
+    description:
+      '작년에 키노트 연사로 처음 파이콘에 기여를 시작하여, 올해는 운이 좋게도 파이콘 한국 준비위원회에 합류해 기여하게 되었습니다.\n이전에 즐거운 추억을 제게 선사했던 파이콘 한국을 이번에는 직접 준비하고 개최, 운영하는데 기여할 수 있어 기쁩니다.\n올해 행사를 준비하면서 부족한 점이 많았지만 함께해주신 다른 준비 위원분들 덕분에 부족한 부분을 점점 채워, 성장하며 기여할 수 있었습니다.\n이번 행사도 물론이고 앞으로 파이썬 커뮤니티에 뜻깊게 기여할 수 있도록 노력해 나가겠습니다!',
+  },
+  { name: '이현호', image: undefined, description: '다시, 우리, 파이썬' },
+  {
+    name: '정동규 / yummygyudon',
+    image: undefined,
+    description: '🌟 동반 성장과 기여에 관심이 많은 학생입니다. 🌟',
+  },
+  {
+    name: '조용주 Peniel Cho',
+    image: '/images/ot/조용주.png',
+    description: '요즘 관심사는 키움 히어로즈',
+  },
+  {
+    name: '진태양(Theo)',
+    image: '/images/ot/진태양.jpg',
+    description: '주니어 CTO로 일하고 있습니다.',
+  },
+];

constants/routes.ts

@@ -21,6 +21,7 @@ const routeKeys = [
   'TIMETABLE',
   'CHILDCARE',
   'SPONSOR_EDIT',
+  'ORGANISING_COMMITTEE',
 ] as const;
 
 export const Routes: { [key in (typeof routeKeys)[number]]: RouteType } = {
@@ -104,13 +105,20 @@ export const Routes: { [key in (typeof routeKeys)[number]]: RouteType } = {
     title: '후원사 정보 수정',
     route: '/sponsor/edit',
   },
+  ORGANISING_COMMITTEE: {
+    title: '파이콘 한국 준비위원회',
+    route: '/about/organizing-team',
+  },
 };
 
 export const SectionMenu: {
   label: string;
   items: RouteType[];
 }[] = [
-  { label: '파이콘 한국', items: [Routes.TICKET] },
+  {
+    label: '파이콘 한국',
+    items: [Routes.TICKET, Routes.ORGANISING_COMMITTEE],
+  },
   {
     label: '프로그램',
     items: [

pages/about/organizing-team.tsx

@@ -0,0 +1,91 @@
+import Image from 'next/image';
+import { styled } from '@stitches/react';
+
+import { H2 } from '@/components/heading';
+import SeoHeader from '@/components/layout/SeoHeader';
+
+import { CommitteeList, CommitteePageInfo } from '@/constants/about';
+import { Routes } from '@/constants/routes';
+
+export const Container = styled('div', {
+  maxWidth: '900px',
+  margin: '0 auto',
+  paddingTop: '1rem',
+  marginTop: '2rem',
+});
+export const TitleWrapper = styled('div', {
+  borderBottom: '4px solid $textPrimary',
+  paddingBottom: '20px',
+});
+export const PageDescription = styled('p', {
+  fontSize: '16px',
+  marginTop: '1.5vh',
+  whiteSpace: 'pre-wrap',
+  lineHeight: '1.5rem',
+});
+
+const CommitteeWrapper = styled('div', {
+  display: 'flex',
+  alignItems: 'flex-start',
+  margin: '1.5rem 0',
+});
+const ImageBox = styled('div', {
+  width: '6rem',
+  height: '6rem',
+  borderRadius: 100,
+  flexShrink: 0,
+  marginRight: '1rem',
+  overflow: 'hidden',
+});
+const Content = styled('div', {
+  width: 'calc(100% - 7rem)',
+});
+const Title = styled('div', {
+  fontWeight: 600,
+  bodyText: 1,
+  padding: '0.2rem',
+});
+const Text = styled('div', {
+  bodyText: 2,
+  padding: '0.2rem',
+  whiteSpace: 'pre-wrap',
+});
+const CommitteeInfoWrapper = styled('div', {
+  padding: '2rem 0',
+});
+const OrganisingCommittee = () => {
+  return (
+    <>
+      <SeoHeader
+        title={Routes.ORGANISING_COMMITTEE.title}
+        description="파이콘 한국 2023: 8월 11~13일 코엑스"
+      />
+      <Container>
+        <TitleWrapper>
+          <H2>{CommitteePageInfo.title}</H2>
+        </TitleWrapper>
+        <PageDescription>{CommitteePageInfo.description}</PageDescription>
+        <CommitteeInfoWrapper>
+          {CommitteeList.map((committee) => (
+            <CommitteeWrapper key={committee.name}>
+              <ImageBox>
+                <Image
+                  src={committee.image || '/images/Logo.png'}
+                  width={100}
+                  height={100}
+                  alt="profile image"
+                />
+              </ImageBox>
+              <Content>
+                <Title>{committee.name}</Title>
+                <Text>{committee.description}</Text>
+              </Content>
+            </CommitteeWrapper>
+          ))}
+        </CommitteeInfoWrapper>
+      </Container>
+    </>
+  );
+};
+
+export default OrganisingCommittee;