update index page

_content/about/ground-zero.md

@@ -0,0 +1,41 @@
+# About Ground Zero
+
+
+
+Ground Zero is a project by members of [Superteam DAO](https://superteam.fun) to help people learn about the basics of the crypto ecosystem for free.
+
+We accomplish this by curating info about various topics with a quick summary, which includes videos, articles & tweets to help you understand the basics of the topic- all freely available to the public.
+
+### Topics Covered
+
+[![https://groundzero.superteam.fun/introduction](/images/Intro\_Ground\_Zero.png)](https://groundzero.superteam.fun/introduction)
+
+[![https://groundzero.superteam.fun/dao](/images/Ground\_Zero\_Option\_2\_1.png)](https://groundzero.superteam.fun/dao)
+
+[![https://groundzero.superteam.fun/nft](/images/NFT\_Ground\_Zero.png)](https://groundzero.superteam.fun/nft)
+
+### Core Contributors
+
+This document is a team effort & would not have been possible without these team members of [Superteam DAO](https://superteam.fun) - [@paarugsethi](https://twitter.com/paarugsethi), [@aditya](https://twitter.com/aditay7s), [@rajkaria](https://twitter.com/rajkaria_), [@namanchordia](https://twitter.com/namanchordia19) & [@mohitchawdhry](https://twitter.com/chawdhrymohit).
+
+### About Superteam DAO
+
+![](/images/superteam.png)
+
+Superteam DAO helps the most promising projects in the **Solana** ecosystem in the ascending world (India, South East Asia, Eastern Europe, and Africa) launch and grow. We are organized as a co-operative of creatives, operators, and investors who are experienced in launching and growing technology businesses.
+
+We value the sovereignty that comes with founding a company, the skin in the game that comes with investing, and the joy that comes with getting sh\*t done. In a pre-crypto world, we had to fit into broiler categories — founder, investor, or employee. Crypto allows us to be free-range and be all 3 at the same time.
+
+If you want to know more about Superteam DAO or to become a member of the DAO, please check out our website - [https://superteam.fun/](https://superteam.fun).
+
+You can also reach out to us on Twitter [@superteamDAO](https://twitter.com/SuperteamDAO).
+
+### FAQs
+
+If you have any doubts related to any topic in this document or you have a suggestion, feel free to create an issue [here](https://github.com/SuperteamDAO/ground-zero/issues) here.
+
+If you want to make edits to any topic or update any topic, please click on the "Edit on Github" link you see on the right section of that topic, make the changes and create a pull request to the master branch. One of the moderators will look at your changes & merge your changes if all looks good.
+
+And yes, if you update anything in a topic, don't forget to add your GitHub username in the contributors' list!
+
+Have a happy learning! ✌️

_content/summary.json

@@ -4,7 +4,7 @@
     "order": 1,
     "logo": "🎓",
     "name": "About Ground Zero",
-    "path": "README.md",
+    "path": "about/ground-zero.md",
     "url": "",
     "pages": [],
     "hide": true

components/page.js

@@ -9,13 +9,13 @@ export default function Page({ data, page }) {
   return (
     <>
       <div className="mb-8">
-        <h1 className="text-6xl font-heading font-extrabold text-accent">{data.title}</h1>
+        <h1 className="text-6xl font-heading font-extrabold text-accent">{data?.title}</h1>
         <div className="flex justify-start items-center">
           <p className="text-gray-400 text-sm font-button">By {
-            data.authors.map((author, index) => (
+            data?.authors?.map((author, index) => (
               <Fragment key={index}>
-                <a href={author.url} target="_blank" className="text-gray-400 hover:text-secondary hover:underline">{author.name}</a>
-                {index < data.authors.length - 2 ? ", " : index === data.authors.length - 2 ? " & " : ""}
+                <a href={author.url} target="_blank" className="text-gray-400 hover:text-secondary hover:underline">{author?.name}</a>
+                {index < data?.authors.length - 2 ? ", " : index === data?.authors.length - 2 ? " & " : ""}
               </Fragment>
             ))
           }</p>

components/sidebar/sidebar.js

@@ -8,11 +8,11 @@ function classNames(...classes) {
 export default function Sidebar({ contentList }) {
   const router = useRouter();
   const {asPath: url, query: { path }} = router;
-  const sortedContent = contentList.filter(page => !page.hide).sort((a,b) => a.order - b.order);
+  const sortedContent = contentList?.filter(page => !page.hide).sort((a,b) => a.order - b.order);
   return (
     <div className="pl-20 pr-6 py-6">
       {
-        sortedContent.map(page =>
+        sortedContent?.map(page =>
           (
             <Disclosure as="div" defaultOpen={path === page.url} key={page.name} className="space-y-1">
               {({ open }) => (
@@ -46,11 +46,11 @@ export default function Sidebar({ contentList }) {
                     leaveTo="transform scale-95 opacity-0"
                   >
                     <Disclosure.Panel className="pl-6 border-l border-accent mb-6">
-                      {page.pages.map(subPage => {
-                        const subPath = `/${subPage.path.replace(".md", "")}`;
+                      {page?.pages?.map(subPage => {
+                        const subPath = `/${subPage?.path?.replace(".md", "")}`;
                         return (
                           <a
-                            key={subPage.name}
+                            key={subPage?.name}
                             href={subPath}
                             className={classNames(
                               subPath === url
@@ -59,7 +59,7 @@ export default function Sidebar({ contentList }) {
                               'hover:text-secondary cursor-pointer w-full flex items-center justify-start pt-6 text-sm font-light font-heading'
                             )}
                           >
-                            <span className="mr-2">{subPage.logo}</span>{subPage.name}
+                            <span className="mr-2">{subPage?.logo}</span>{subPage?.name}
                           </a>
                         )
                       })}

pages/index.js

@@ -1,12 +1,14 @@
-import Layout from '/components/layout'
-import  { getContentList } from '/lib/api';
+import  { getContentList, getPage, getModifiedPage } from '/lib/api';
+import markdownToHtml from '/lib/markdownToHtml';
+import Layout from '/components/layout';
+import Page from '/components/page';
 
-export default function Index({ contentList }) {
+export default function Index({ contentList, page, data }) {
   return (
     <>
       <Layout contentList={contentList}>
-        <div className="container mx-auto px-5 min-h-100">
-          Hello!
+        <div className="container mx-auto px-5 py-14 min-h-100">
+          <Page data={data} page={page} />
         </div>
       </Layout>
     </>
@@ -15,8 +17,13 @@ export default function Index({ contentList }) {
 
 export async function getStaticProps() {
   const contentList = getContentList();
-
+  const {data, content} = getPage({
+    path: "about",
+    topic: "ground-zero"
+  });
+  const tempPage = await markdownToHtml(content || '');
+  const page = await getModifiedPage(tempPage);
   return {
-    props: { contentList },
+    props: { contentList, page, data },
   }
 }