feat: bring back previous home page

inertia/components/home/about/about_item.tsx

@@ -0,0 +1,43 @@
+import styled from '@emotion/styled';
+import { IconType } from 'react-icons/lib';
+
+const AboutItemStyle = styled.li(({ theme }) => ({
+  width: '350px',
+  display: 'flex',
+  gap: '1em',
+  alignItems: 'center',
+  justifyContent: 'center',
+  flexDirection: 'column',
+
+  '& svg': {
+    color: theme.colors.blue,
+  },
+
+  '& div': {
+    fontSize: '1.25rem',
+    fontWeight: '500',
+  },
+
+  '& p': {
+    height: '65px',
+    color: theme.colors.grey,
+  },
+}));
+
+const AboutItem = ({
+  title,
+  text,
+  icon: Icon,
+}: {
+  title: string;
+  text: string;
+  icon: IconType;
+}) => (
+  <AboutItemStyle>
+    <Icon size={60} />
+    <div>{title}</div>
+    <p>{text}</p>
+  </AboutItemStyle>
+);
+
+export default AboutItem;

inertia/components/home/about/about_list.tsx

@@ -0,0 +1,13 @@
+import styled from '@emotion/styled';
+import UnstyledList from '~/components/common/unstyled/unstyled_list';
+
+const AboutList = styled(UnstyledList)({
+  margin: '4em 0 !important',
+  display: 'flex',
+  gap: '2em',
+  alignItems: 'center',
+  justifyContent: 'center',
+  flexWrap: 'wrap',
+});
+
+export default AboutList;