Revert "Cleanup homepage"

This reverts commit ea70fbc3b8af25e62425e80dec2ff6e5f130cdbb.

Author: naz3eh

frontend/src/pages/index.tsx

@@ -45,6 +45,77 @@ export default function IndexPage() {
           {t('title')}
         </Heading>
 
+        <Stack spacing={{ base: 10, md: 12 }}>
+          <CurrentStatus />
+
+          <Stack spacing={6}>
+            <Heading as="h2" fontSize="lg">
+              {t('mission.title')}
+            </Heading>
+            <Text>{t('mission.body')}</Text>
+          </Stack>
+
+          <Stack spacing={6}>
+            <Heading as="h2" fontSize="lg">
+              {t('values.title')}
+            </Heading>
+            <UnorderedList spacing={3}>
+              <ListItem>
+                <Text as="span" fontWeight="bold">
+                  {t('values.transparency.title')}
+                </Text>
+                : {t('values.transparency.body')}
+              </ListItem>
+              <ListItem>
+                <Text as="span" fontWeight="bold">
+                  {t('values.diversity.title')}
+                </Text>
+                : {t('values.diversity.body')}
+              </ListItem>
+              <ListItem>
+                <Text as="span" fontWeight="bold">
+                  {t('values.responsibility.title')}
+                </Text>
+                : {t('values.responsibility.body')}
+              </ListItem>
+              <ListItem>
+                <Text as="span" fontWeight="bold">
+                  {t('values.kindness.title')}
+                </Text>
+                : {t('values.kindness.body')}
+              </ListItem>
+            </UnorderedList>
+          </Stack>
+
+          <Stack spacing={6}>
+            <Heading as="h2" fontSize="lg">
+              {t('goals.title')}
+            </Heading>
+            <UnorderedList spacing={3}>
+              <ListItem>{t('goals.body1')}</ListItem>
+              <ListItem>{t('goals.body2')}</ListItem>
+            </UnorderedList>
+          </Stack>
+
+          <Stack spacing={6}>
+            <Heading as="h2" fontSize="lg">
+              {t('membership.title')}
+            </Heading>
+            <Text>{t('membership.body')}</Text>
+          </Stack>
+
+          <Stack spacing={6}>
+            <Heading as="h2" fontSize="lg">
+              {t('links.title')}
+            </Heading>
+            <UnorderedList spacing={3}>
+              <ListItem><a href="https://developerdao.notion.site/developerdao/Developer-DAO-Wiki-eff4dcb00bef46fbaa93e9e4cf940e2e">{t('links.wiki')}</a></ListItem>
+              <ListItem><a href="https://forum.developerdao.com">{t('links.forum')}</a></ListItem>
+              <ListItem><a href="https://snapshot.org/#/devdao.eth">{t('links.snapshot')}</a></ListItem>
+            </UnorderedList>
+          </Stack>
+        </Stack>
+
         <VStack spacing={4}>
           <HStack as="footer" justify="center">
             <SocialIconLink
@@ -106,6 +177,53 @@ export const getStaticProps = async ({ locale }: { locale: string }) => ({
   },
 });
 
+const CurrentStatus = () => {
+  const shouldShowIcon = useBreakpointValue({ base: false, md: true });
+  const buttonSize = useBreakpointValue({ base: 'md', md: 'lg' });
+  const { t } = useTranslation();
+
+  return (
+    <Stack
+      as="aside"
+      py={6}
+      px={8}
+      align="center"
+      direction="row"
+      spacing={8}
+      bg="white"
+      rounded="lg"
+      color="black"
+    >
+      {shouldShowIcon && <Icon as={GiCrownedHeart} boxSize={20} />}
+      <Stack spacing={4}>
+        <Stack fontSize="xs">
+          <Text fontSize="sm" fontWeight="bold">
+            {t('currentStatus')}: {t('season')} 0
+          </Text>
+          <Text>{t('callout')}</Text>
+        </Stack>
+        <Box>
+          <Button
+            as="a"
+            href="https://snapshot.org/#/devdao.eth/proposal/0x52fc76fe5865cf038b89b8c6ef78b6e691c0ab9c2b1228b84b0813b7832ce369"
+            size={buttonSize}
+            fontSize="xs"
+            bg="white"
+            border="1px"
+            borderStyle="solid"
+            borderColor="black"
+            _hover={{ bg: 'gray.100' }}
+            _active={{ bg: 'gray.200' }}
+            leftIcon={<BsLightningCharge />}
+          >
+            {t('calloutButton')}
+          </Button>
+        </Box>
+      </Stack>
+    </Stack>
+  );
+};
+
 const SocialIconLink = ({
   children,
   href,