NoSys as platform

src/views/About.vue

@@ -1,17 +1,19 @@
 <script setup>
-import AboutHero from "@/components/sections/about/AboutHero.vue";
-import AboutTheProblem from "@/components/sections/about/AboutTheProblem.vue";
-import AboutOurMission from "@/components/sections/about/AboutOurMission.vue";
-import AboutTechnology from "@/components/sections/about/AboutTechnology.vue";
-import AboutCTA from "@/components/sections/about/AboutCTA.vue";
+import AboutHero from "@/components/sections/about/AboutHero.vue"
+import AboutTheProblem from "@/components/sections/about/AboutTheProblem.vue"
+import AboutWhy from "@/components/sections/about/AboutWhy.vue"
+import AboutTechnology from "@/components/sections/about/AboutTechnology.vue"
+import AboutVision from "@/components/sections/about/AboutVision.vue"
+import AboutCTA from "@/components/sections/about/AboutCTA.vue"
 </script>
 
 <template>
 
   <div class="flex flex-col">
+
     <section class="border-b border-border">
       <div class="container mx-auto">
-        <AboutHero/>
+        <AboutHero />
       </div>
     </section>
 
@@ -23,7 +25,7 @@ import AboutCTA from "@/components/sections/about/AboutCTA.vue";
 
     <section class="border-b border-border">
       <div class="container mx-auto">
-        <AboutOurMission />
+        <AboutWhy />
       </div>
     </section>
 
@@ -32,11 +34,19 @@ import AboutCTA from "@/components/sections/about/AboutCTA.vue";
         <AboutTechnology />
       </div>
     </section>
+
+    <section class="border-b border-border">
+      <div class="container mx-auto">
+        <AboutVision />
+      </div>
+    </section>
+
+    <section>
+      <div class="container mx-auto">
+        <AboutCTA />
+      </div>
+    </section>
+
   </div>
 
-  <section class="">
-    <div class="container mx-auto">
-      <AboutCTA/>
-    </div>
-  </section>
-</template>
+</template>

src/views/Home.vue

@@ -1,28 +1,43 @@
 <script setup>
 import HomeHero from '@/components/sections/home/HomeHero.vue'
+import HomePlatform from '@/components/sections/home/HomePlatform.vue'
 import HomePrinciples from '@/components/sections/home/HomePrinciples.vue'
+import HomeEcosystem from '@/components/sections/home/HomeEcosystem.vue'
 import HomeCTA from '@/components/sections/home/HomeCTA.vue'
-
 </script>
 
 <template>
   <div class="flex flex-col">
+
     <section class="border-b border-border">
       <div class="container mx-auto">
         <HomeHero />
       </div>
     </section>
 
+    <section class="border-b border-border">
+      <div class="container mx-auto">
+        <HomePlatform />
+      </div>
+    </section>
+
     <section class="border-b border-border">
       <div class="container mx-auto">
         <HomePrinciples />
       </div>
     </section>
 
-    <section class="">
+    <section class="border-b border-border">
+      <div class="container mx-auto">
+        <HomeEcosystem />
+      </div>
+    </section>
+
+    <section>
       <div class="container mx-auto">
         <HomeCTA />
       </div>
     </section>
+
   </div>
-</template>
+</template>

src/views/HowItWorks.vue

@@ -30,6 +30,12 @@
       </div>
     </section>
 
+    <section class="border-b border-border">
+      <div class="container mx-auto">
+        <HiwAppLayer />
+      </div>
+    </section>
+
     <section class="">
       <div class="container mx-auto">
         <HiwCTA />
@@ -45,6 +51,7 @@ import HiwP2P from '@/components/sections/hiw/HiwP2P.vue'
 import HiwEncryption from '@/components/sections/hiw/HiwEncryption.vue'
 import HiwCore from '@/components/sections/hiw/HiwCore.vue'
 import HiwModules from '@/components/sections/hiw/HiwModules.vue'
+import HiwAppLayer from '@/components/sections/hiw/HiwAppLayer.vue'
 import HiwCTA from '@/components/sections/hiw/HiwCTA.vue'
 
 </script>