diff --git a/src/components/widgets/Note.astro b/src/components/widgets/Note.astro
index f6aebaf..fbb1ed6 100644
--- a/src/components/widgets/Note.astro
+++ b/src/components/widgets/Note.astro
@@ -4,28 +4,31 @@ import { Icon } from 'astro-icon/components';
 export interface Props {
   title?: string;
   content?: string;
-  link?: string;
+  linkpath?: string;
   linktitle?: string;
 }
 
 const {
   title = await Astro.slots.render('title'),
   content = await Astro.slots.render('content'),
+  linktitle = await Astro.slots.render('linktitle'),
+  linkpath = await Astro.slots.render('linkpath'),
 } = Astro.props;
-
 ---
 
 <section class="bg-blue-50 dark:bg-slate-800 not-prose">
   <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
     <span class="font-bold">
       <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> {title}</span
-    > {content}
-  </div>
-  <a
-    target="_blank"
-    class="ltr:ml-auto rtl:mr-auto ml-auto bg-contain inline-block" 
-    title="{linktitle}."
-    href="{link}"
     >
-  </a>
+    {content}
+    <a
+      href={linkpath}
+      target="_blank"
+      class="text-blue-500 ltr:ml-auto rtl:mr-auto ml-auto bg-contain inline-block"
+      title=""
+    >
+      {linktitle}
+    </a>
+  </div>
 </section>
diff --git a/src/pages/technology.astro b/src/pages/technology.astro
index aaea213..b48bedd 100644
--- a/src/pages/technology.astro
+++ b/src/pages/technology.astro
@@ -4,7 +4,7 @@ import Hero from '~/components/widgets/Hero.astro';
 import Layout from '~/layouts/PageLayout.astro';
 import Content from '~/components/widgets/Content.astro';
 import CallToAction from '~/components/widgets/CallToAction.astro';
-import AutonomousCloud from './autonomouscloud_engine.astro'
+import AutonomousCloud from './autonomouscloud_engine.astro';
 import Note from '~/components/widgets/Note.astro';
 
 // import Features3 from '~/components/widgets/Features3.astro';
@@ -12,7 +12,6 @@ import Note from '~/components/widgets/Note.astro';
 // import Steps2 from '~/components/widgets/Steps2.astro';
 // import Steps from '~/components/widgets/Steps.astro';
 
-
 const metadata = {
   title: 'Technology',
 };
@@ -21,25 +20,23 @@ const metadata = {
 <Layout metadata={metadata}>
   <!-- Hero Widget ******************* -->
 
-  <Hero 
-    tagline="Technology"
-  >
+  <Hero tagline="Technology">
     <Fragment slot="title">
-      Our technology enables<br>
+      Our technology enables<br />
       a planetary-scale grid
-      <br> of interconnected nodes
-      
+      <br /> of interconnected nodes
     </Fragment>
 
     <Fragment slot="subtitle">
-      <br><br>Over years of research and development, together with the community we've built out a worldwide peer-to-peer 
-      and energy-efficient network of interconnected nodes with endless possibilities. We are at the start of a journey to millions of nodes. 
-      <br><br>Mycelium Network allows for the shorter distance to be made at all time, 
-      Zero-OS allows for self-healing and autonomous cloud services, 
-      Quantum Safe File System ensures data is never lost and our blockchain 
+      <br /><br />Over years of research and development, together with the community we've built out a worldwide
+      peer-to-peer and energy-efficient network of interconnected nodes with endless possibilities. We are at the start
+      of a journey to millions of nodes.
+      <br /><br />Mycelium Network allows for the shorter distance to be made at all time, Zero-OS allows for
+      self-healing and autonomous cloud services, Quantum Safe File System ensures data is never lost and our blockchain
       TFChain makes sure transactions are fair and objective.
-      <br> <br>Our stack can be the foundational layer for most web2 and web3 projects out there. 
-      <br><br> Let's together create the <i>Unbreakable Internet</i>.
+      <br />
+      <br />Our stack can be the foundational layer for most web2 and web3 projects out there.
+      <br /><br /> Let's together create the <i>Unbreakable Internet</i>.
     </Fragment>
   </Hero>
 
@@ -71,14 +68,14 @@ const metadata = {
     <Fragment slot="content">
       <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Zero-OS</h2>
       <p>
-        Zero-OS is a custom made stateless and lightweight operating system designed to host anything that runs on Linux, 
-        in a more decentralized way without giving up all required control and visbility. 
-        <br><br>
-        Zero-OS is the engine of the ThreeFold Grid. 
-        <br>Zero-OS is compatible with almost all computer hardware.
-        <br><br>
-        Zero-OS allows anyone to become a hosting service provider without being a cloud expert. 
-        The operating system works fully autonomous and does not require interventions.
+        Zero-OS is a custom made stateless and lightweight operating system designed to host anything that runs on
+        Linux, in a more decentralized way without giving up all required control and visbility.
+        <br /><br />
+        Zero-OS is the engine of the ThreeFold Grid.
+        <br />Zero-OS is compatible with almost all computer hardware.
+        <br /><br />
+        Zero-OS allows anyone to become a hosting service provider without being a cloud expert. The operating system works
+        fully autonomous and does not require interventions.
       </p>
     </Fragment>
 
@@ -87,7 +84,6 @@ const metadata = {
     </Fragment>
   </Content>
 
-  
   <Content
     id="mycelium"
     columns={3}
@@ -114,12 +110,13 @@ const metadata = {
     <Fragment slot="content">
       <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Mycelium</h2>
       <p>
-        Mycelium is the result of 10 years of trial and error on our search for a more efficient network system for facilitating faster more reliable communication between machines and people. 
-        <br><br>Our goal was to create a network system capable of identifying and following 
-        the fastest path, stay up and running even in challenging conditions (e.g. fiber cuts), and secure all traffic.
-        <br><br>With Mycelium, data traverses the most efficient routes, utilizing any available internet connection, 
-        including peer-to-peer network systems like mesh wireless. 
-        All traffic is end-to-end encrypted, effectively preventing man-in-the-middle attacks.
+        Mycelium is the result of 10 years of trial and error on our search for a more efficient network system for
+        facilitating faster more reliable communication between machines and people.
+        <br /><br />Our goal was to create a network system capable of identifying and following the fastest path, stay
+        up and running even in challenging conditions (e.g. fiber cuts), and secure all traffic.
+        <br /><br />With Mycelium, data traverses the most efficient routes, utilizing any available internet
+        connection, including peer-to-peer network systems like mesh wireless. All traffic is end-to-end encrypted,
+        effectively preventing man-in-the-middle attacks.
       </p>
     </Fragment>
 
@@ -128,7 +125,6 @@ const metadata = {
     </Fragment>
   </Content>
 
-
   <Content
     isReversed
     id="qsfs"
@@ -153,17 +149,16 @@ const metadata = {
       loading: 'eager',
     }}
   >
-
-  <AutonomousCloud/>
+    <AutonomousCloud />
 
     <Fragment slot="content">
       <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Quantum-Safe Storage</h2>
       <p>
-      The Quantum-Safe Storage System is a decentralized, globally distributed data storage system.
-      <br><br>The benefits are incredible: Up to 10x more efficient (power and usage of hardware). 
-      Super reliable, data can not be lost or corrupted. Safe, private and scalable. 
-      <br><br>Sovereign, data is close to you in the country of your choice.
-      Truly peer-to-peer, by everyone for everyone
+        The Quantum-Safe Storage System is a decentralized, globally distributed data storage system.
+        <br /><br />The benefits are incredible: Up to 10x more efficient (power and usage of hardware). Super reliable,
+        data can not be lost or corrupted. Safe, private and scalable.
+        <br /><br />Sovereign, data is close to you in the country of your choice. Truly peer-to-peer, by everyone for
+        everyone
       </p>
     </Fragment>
 
@@ -199,11 +194,12 @@ const metadata = {
   >
     <Fragment slot="content">
       <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Smart Contract for IT</h2>
-      <p>      
-      The ThreeFold Grid allows for the deterministic deployment of IT workloads involving multiple parties, 
-      ensuring that your intended workload becomes operational without the possibility of alteration during the process.
-      <br><br>
-      It's possible to achieve full transparency and reproducibility for any required deployment in relation to AI, Edge Cloud, Web2 and Web3.
+      <p>
+        The ThreeFold Grid allows for the deterministic deployment of IT workloads involving multiple parties, ensuring
+        that your intended workload becomes operational without the possibility of alteration during the process.
+        <br /><br />
+        It's possible to achieve full transparency and reproducibility for any required deployment in relation to AI, Edge
+        Cloud, Web2 and Web3.
       </p>
     </Fragment>
 
@@ -222,12 +218,12 @@ const metadata = {
         icon: 'tabler:brand-minecraft',
       },
     ]}
-    >
+  >
     <Fragment slot="title">Start building today.</Fragment>
     <Fragment slot="subtitle">
-      The ThreeFold Grid is operational in its 3e generation, <br>check out our manual, let us know what we can improve on and lets build together.
+      The ThreeFold Grid is operational in its 3e generation, <br />check out our manual, let us know what we can
+      improve on and lets build together.
     </Fragment>
-
   </CallToAction>
 
   <!-- Features2 Widget ************** -->
@@ -239,13 +235,14 @@ const metadata = {
     items={[
       {
         title: 'Wordpress',
-        description: "WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.",
+        description:
+          'WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.',
         icon: 'tabler:brand-wordpress',
       },
       {
         title: 'Nextcloud',
         description:
-          "Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.",
+          'Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.',
         icon: 'tabler:cloud',
       },
       {
@@ -257,7 +254,7 @@ const metadata = {
       {
         title: 'Kubernetes',
         description:
-          "Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.",
+          'Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.',
         icon: 'tabler:box',
       },
       {
@@ -268,12 +265,14 @@ const metadata = {
       },
       {
         title: 'AI and Machine Learning',
-        description: 'The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.',
+        description:
+          'The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.',
         icon: 'tabler:ai',
       },
       {
         title: 'Casperlabs',
-        description: 'Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.',
+        description:
+          'Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.',
         icon: 'tabler:webhook',
       },
       {
@@ -284,12 +283,14 @@ const metadata = {
       },
       {
         title: 'Subsquid',
-        description: "Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet. ",
+        description:
+          'Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet. ',
         icon: 'tabler:database-leak',
       },
       {
         title: 'Node Pilot',
-        description: 'Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.',
+        description:
+          'Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.',
         icon: 'tabler:coins',
       },
       {
@@ -300,7 +301,8 @@ const metadata = {
       },
       {
         title: 'Discourse',
-        description: "Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!",
+        description:
+          'Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!',
         icon: 'tabler:bubble-text',
       },
     ]}
@@ -312,6 +314,13 @@ const metadata = {
 
   <!-- CallToAction Widget *********** -->
 
+  <Note
+    content="Start building today see our manual"
+    title="MANUAL –"
+    linkpath="https://manual.grid.tf"
+    linktitle="https://manual.grid.tf"
+  />
+
   <CallToAction
     actions={[
       {
@@ -326,7 +335,8 @@ const metadata = {
     <Fragment slot="title">Expand the Grid with Us</Fragment>
 
     <Fragment slot="subtitle">
-      We have the technology for a planetary-scale alternative<br> to mainstream cloud and current monopolistic markets.<br><br>INCA is the Unbreakable Internet.
+      We have the technology for a planetary-scale alternative<br /> to mainstream cloud and current monopolistic markets.<br
+      /><br />INCA is the Unbreakable Internet.
     </Fragment>
   </CallToAction>
 </Layout>