feat: add more content

zuni-lab · Apr 24, 2024 · cb9356b · cb9356b
1 parent 18ddec4
commit cb9356b
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 8 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,6 +1,12 @@
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
-import { LogoSVG } from "../components/Logo";
+
+const features = [
+  "Polkadot, Substrate, Near, Solana, Ethereum, Cosmos, now Flow",
+  "Smart contract development",
+  "Dapp development",
+  "NFTs and decentralized marketplaces",
+];
 
 export default function Home(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();
@@ -12,15 +18,17 @@ export default function Home(): JSX.Element {
       <head>
         <link href="/dist/main.css" rel="stylesheet"></link>
       </head>
-      <main className="h-screen w-full">
+      <main className="w-full">
         <section className="sectionMain relative">
-          <div className="mt-4 capitalize font-extrabold pt-16 text-7xl flex flex-col items-center justify-center">
-            <p>Seeking the art</p>
-            <p> in the decentrialized world. 🚀 </p>
+          <div className="mt-4 capitalize font-extrabold pt-16 flex flex-col items-center justify-center gap-4">
+            <p className="text-7xl">ZUNI LAB</p>
+            <p className="text-5xl">
+              Seeking the art in the decentrialized world. 🚀
+            </p>
           </div>
-          <div className="content px-24 mt-24">
+          <div className="content px-24 mt-20">
             <h1>About us</h1>
-            <div className="font-medium text-xl flex flex-col items-center justify-center my-2">
+            <div className="mt-8 font-medium text-xl flex flex-col items-center justify-center">
               <p>
                 <span className="font-bold italic mr-2">ZUNI Laboratory</span>
                 is a pioneering research and development lab at the forefront of
@@ -37,6 +45,35 @@ export default function Home(): JSX.Element {
               </p>
             </div>
           </div>
+          <div className="content px-24 mt-20">
+            <h1>What we do</h1>
+            <div className="mt-8 font-medium text-xl my-2">
+              <p>
+                At our organization, we focus on researching and developing
+                cutting-edge web3 and blockchain applications that can help
+                bring about a more decentralized and transparent world. Some of
+                our key areas of focus include:
+              </p>
+              <ul className="list-disc list-inside font-semibold text-xl">
+                {features.map((feature) => (
+                  <li key={feature}>{feature}</li>
+                ))}
+              </ul>
+            </div>
+          </div>
+
+          <div className="content px-24 mt-16">
+            <h1>Our Goals</h1>
+            <div className="font-medium text-xl my-2">
+              <p>
+                Our primary goal is to build innovative applications that can
+                help drive the adoption of web3 and blockchain technologies. We
+                believe that decentralized technologies have the potential to
+                revolutionize industries and make the world a better place, and
+                we are committed to helping make that vision a reality.
+              </p>
+            </div>
+          </div>
         </section>
       </main>
     </Layout>

diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx
@@ -8,7 +8,7 @@ export default function FooterWrapper(props: Props): JSX.Element {
   console.log({ props });
   return (
     <>
-      <footer className="p-4 mt-60 mb-4">
+      <footer className="p-4 mb-4">
         <div className="footer flex flex-wrap gap-40 py-12 px-8 overflow-hidden rounded-[2.75rem]">
           <div className="pl-12 w-1/3 flex flex-col justify-between">
             <LogoSVG />