diff --git a/src/app/page.tsx b/src/app/page.tsx
index ef90f9c..d50d166 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,6 @@
 import Image from 'next/image';
 import { getClient } from '@/apollo/apollo-client';
+import IconBoard from '@/components/storybook/IconBoard';
 import { GET_SKILLS_BY_ID } from '@/gql/queries';
 import { GetSkillByIdQuery, GetSkillByIdQueryVariables } from '@/types/graphql';
 import styles from './page.module.css';
@@ -44,7 +45,7 @@ export default async function Home() {
           </a>
         </div>
       </div>
-
+      <IconBoard />
       <div className={styles.center}>
         <Image
           className={styles.logo}
diff --git a/src/components/storybook/IconBoard.tsx b/src/components/storybook/IconBoard.tsx
index 78b5b16..1f5c56d 100644
--- a/src/components/storybook/IconBoard.tsx
+++ b/src/components/storybook/IconBoard.tsx
@@ -24,6 +24,8 @@ const IconBoard = () => {
       <IconBoard.Social company="FACEBOOK" />
       <IconBoard.Social company="TWITTER" />
       <IconBoard.Social company="LINKEDIN" />
+      <IconBoard.Social company="INSTAGRAM" />
+      <IconBoard.Social company="YOUTUBE" />
     </Grid>
   );
 };