added roadmap on the homepage

Xcceleran-do · Oct 5, 2023 · 286e4fd · 286e4fd
1 parent c152c56
commit 286e4fd
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 1 deletion.
diff --git a/public/Roadmap.png b/public/Roadmap.png
diff --git a/src/components/sections/OurAi.astro b/src/components/sections/OurAi.astro
@@ -53,7 +53,7 @@ const cardContent = await Astro.glob("../../content/ourAi/*.md");
   }
 
   .our_ai_section__header img {
-    width: 210px;
+    /* width: 210px; */
     text-align: initial;
     margin: auto;
     margin-left: 0;

diff --git a/src/components/sections/Roadmap.astro b/src/components/sections/Roadmap.astro
@@ -0,0 +1,27 @@
+<div class="roadmap">
+  <h1>Roadmap</h1>
+  <img src="/line.svg" alt="line" />
+
+  <img src="/Roadmap.png" alt="Roadmap" />
+</div>
+<style>
+  .roadmap,
+  .card_grid_section__header {
+    text-align: center;
+  }
+
+  .roadmap {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+
+  .roadmap h1 {
+    font-size: 26px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal;
+    text-transform: uppercase;
+    text-align: initial;
+    margin-bottom: 15px;
+  }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -8,13 +8,15 @@ import MindplexTokens from "../components/sections/MindplexTokens.astro";
 import Joinus from "../components/sections/Joinus.astro";
 import OurAi from "../components/sections/OurAi.astro";
 import OurTeam from "../components/sections/OurTeam.astro";
+import Roadmap from "../components/sections/Roadmap.astro";
 import "../../node_modules/swiper/swiper-bundle.min.css";
 ---
 
 <Layout title="Mindplex">
   <Hero />
   <Mindplex />
   <OurAi />
+  <Roadmap />
   <Joinus />
   <MindplexTokens />
   <OurTeam />