diff --git a/package-lock.json b/package-lock.json
index 716c260..2c44f2d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7173,6 +7173,11 @@
         "sha.js": "^2.4.8"
       }
     },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
+    },
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -7431,6 +7436,14 @@
       "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
       "dev": true
     },
+    "raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "requires": {
+        "performance-now": "^2.1.0"
+      }
+    },
     "randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -7488,6 +7501,15 @@
         "object-assign": "^4.1.1"
       }
     },
+    "react-collapsed": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/react-collapsed/-/react-collapsed-3.3.0.tgz",
+      "integrity": "sha512-2oXo9xsleo3ZwmNP7GymWbkZp2SwDZImLduy1LKgQMsqZTDldyzP2GnfvYb9vyGFDYHRYFhnWlwDmG2yWkt8eQ==",
+      "requires": {
+        "raf": "^3.4.1",
+        "tiny-warning": "^1.0.3"
+      }
+    },
     "react-dom": {
       "version": "17.0.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.1.tgz",
@@ -8466,6 +8488,11 @@
         "setimmediate": "^1.0.4"
       }
     },
+    "tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+    },
     "tmp": {
       "version": "0.0.33",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
diff --git a/package.json b/package.json
index 54f9bb4..fe58590 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "next": "10.0.7",
     "next-seo": "4.20.0",
     "react": "17.0.1",
+    "react-collapsed": "3.3.0",
     "react-dom": "17.0.1",
     "react-favicon": "0.0.26",
     "react-particles-js": "3.4.1",
diff --git a/public/demoverse-logo-horizontal.png b/public/demoverse-logo-horizontal.png
new file mode 100644
index 0000000..12c31ea
Binary files /dev/null and b/public/demoverse-logo-horizontal.png differ
diff --git a/src/components/cases-section/index.tsx b/src/components/cases-section/index.tsx
index 88a4aca..d47f346 100644
--- a/src/components/cases-section/index.tsx
+++ b/src/components/cases-section/index.tsx
@@ -73,7 +73,6 @@ const CasesSection = () => (
         <ParticleBg />
       </div>
       <div className={tw(`max-w-7xl mx-4 lg:mx-auto pt-20 lg:pt-40`)}>
-        <h1 className={tw(`text-white text-4xl lg:text-6xl font-bold text-center`)}>World peace, on blockchain</h1>
         <p className={tw(`text-white text-gray-400 text-center text-xl mt-12`)}>
           why blockchain is a well suit for observing and sustaining a world peace?
         </p>
diff --git a/src/components/feature-section/index.tsx b/src/components/feature-section/index.tsx
index 17e25ce..a9ec22b 100644
--- a/src/components/feature-section/index.tsx
+++ b/src/components/feature-section/index.tsx
@@ -17,17 +17,24 @@ const FeatureSection = () => (
           </h1>
           {/* <Quote className={tw(`w-16 md:w-10 left-0 md:-left-2 absolute top-0 pl-4 md:pl-0 text-gray-500`)} /> */}
 
-          <p className={tw(`bg-yellow-400 mt-4 text-xl lg:text-2xl ftracking-tight  text-black mb-8 lg:mb-12`)}>
+          <p className={tw(`bg-yellow-400 mt-4 text-xl lg:text-2xl ftracking-tight  text-black mb-8 lg:mb-10 lg:mt-10 `)}>
             ### start manifest ###
           </p>
           <p className={tw(`mt-10 text-xl lg:text-2xl ftracking-tight text-white`)}>
-            First time in the history, as collective expressions, acknowledgements and assurances of billions, instead
-            of negotiations of hundreds.
+            First time in the history; expressions, acknowledgements and assurances of billions,
+          </p>
+
+          <p className={tw(` text-xl lg:text-2xl ftracking-tight text-white`)}>
+            empowering
+            negotiations of hundreds.
           </p>
 
           <p className={tw(`mt-8 text-xl lg:text-2xl ftracking-tight text-white`)}>
             <span className={tw(`text-blue-400`)}>Peace is something</span> to experience and sustain{' '}
-            <span className="underline">without risk of political opt-outs.</span>
+          </p>
+
+          <p className={tw(` text-xl lg:text-2xl ftracking-tight text-white`)}>
+            <span>without the risk of political opt-outs </span>
           </p>
 
           {/* <div className={tw(`mt:12 lg:mb:8`)}>
@@ -35,14 +42,25 @@ const FeatureSection = () => (
           </div> */}
 
           <p className={tw(`mt-8 text-xl lg:text-2xl ftracking-tight  text-white`)}>
-            It is a universal and unconditional basic experience and cannot be limited within alliances.
+            It is a universal and unconditional basic experience,
+          </p>
+          <p className={tw(`text-xl lg:text-2xl ftracking-tight  text-white`)}>
+            cannot be limited within alliances, nor become luxury.
           </p>
-          <p className={tw(`mt-4 text-xl lg:text-2xl ftracking-tight  text-white mb-8 lg:mb-12`)}>
-            Shall be discovered within our civilisation scaled as a world peace, with all livings on the earth, from the
-            21st century forwards.
+          <p className={tw(`mt-8 text-xl lg:text-2xl ftracking-tight  text-white`)}>
+            Shall finally be discovered within our civilisation;
+          </p>
+          <p className={tw(`text-xl lg:text-2xl ftracking-tight  text-white mb-8 `)}>
+            scaled as a world peace, with all livings on planet:
+          </p>
+          <p className={tw(`text-xl lg:text-2xl ftracking-tight  text-white mb-8 lg:mb-0 `)}>
+            ~ World Peace ~ 
+          </p>
+          <p className={tw(`text-xl lg:text-2xl ftracking-tight  text-white mb-8 lg:mb-10`)}>
+           from the 21st century forwards {">>"} 
           </p>
 
-          <p className={tw(`bg-yellow-400 mt-4 text-xl lg:text-2xl ftracking-tight  text-black mb-8 lg:mb-12`)}>
+          <p className={tw(`bg-yellow-400 mt-4 text-xl lg:text-2xl ftracking-tight  text-black mb-8 lg:mb-16`)}>
             ### end manifest ###
           </p>
 
@@ -67,42 +85,58 @@ const FeatureSection = () => (
               ></iframe>
             </div>
           </div>
+         
+
+
+        <div className='lg:mt-16 lg:mb-16'>
+     
+        <div data-upvoty></div>
+
+        </div>
+        <p className={tw(` mb-8 mt-4 text-xl text-4xl lg:text-4xl font-bold tracking-tight  text-white`)}>
+            the revolution will be minted
+          </p>
+
+            {/* <div className={tw(`lg:ml-100`)}>
+
+            <img src="demoverse-logo-horizontal.png" alt="logo" width="24%" height={60} className={tw(`  lg:ml-30 rounded-full bg-black`)} />
+          </div> */}
+
           <p className={tw(`mt-10 lg:mt-16 text-xl lg:text-2xl ftracking-tight text-white`)}>
+          We are imagining blockchain as a public ledger for writing future, from now. 
+          </p>
+          <p className={tw(`mt-2  text-xl lg:text-2xl ftracking-tight text-white`)}>
+          Our efforts will be towards offsetting violence and carbon, concurrently.
+          </p>
+
+          <p className={tw(`mt-4 lg:mt-4 text-xl lg:text-2xl ftracking-tight text-white`)}>
             Here, boosting planetary regeneration with a world-wide disarmament and peace vision.
           </p>
-          <p className={tw(`mt-8 text-xl lg:text-2xl ftracking-tight  text-white`)}>
+          <p className={tw(`mt-4 text-xl lg:mt-6 lg:text-2xl ftracking-tight  text-white`)}>
             <span className="underline"> In fact, as world residents, looking for better user experiences.</span>
           </p>
 
-          <p className={tw(`mt-10 lg:mt-6 text-xl lg:text-2xl ftracking-tight text-white`)}>
+          <p className={tw(`text-xl lg:text-2xl ftracking-tight text-white`)}>
             this will be probably a hybrid systems theory,
           </p>
 
           <p className={tw(`mt-10 lg:mt-6 text-xl lg:text-2xl ftracking-tight text-white`)}>
-            on web2 & web3, concurrently.
-          </p>
-
-
-          <p className={tw(` mb-8 mt-4 text-xl text-4xl lg:text-4xl font-bold tracking-tight  text-white`)}>
-            the revolution will be minted
+            @ web2 & web3
           </p>
+        
 
 
-          <div data-upvoty></div>
 
+     
         
           {/* <ExpressonOfPeace /> */}
           
         </div>
 
-        <div className={tw(`flex flex-wrap my-12 text-white`)}>
+        {/* <div className={tw(`flex flex-wrap my-12 text-white`)}>
           <div className={tw(`w-full border-b md:w-1/2 md:border-r lg:w-1/3 p-8`)}>
             <div className={tw(`flex items-center mb-6`)}>
-              {/* <div className={tw(`flex ml-4  text-center text-2xl`)}> 
-              <Check width={20} height={20} fill="orange" className={tw(`h-14 w-14 text-indigo-500`)} />
-              
-              Socio-Env Contracts </div> */}
-
+       
               <div className={tw(`flex items-center`)}>
                 <Check width={20} height={20} fill="orange" className={tw(`h-14 w-14 text-indigo-500`)} />
                 <div className={tw(`ml-4  text-center text-2xl`)}>Socio-Env Contracts</div>
@@ -110,11 +144,9 @@ const FeatureSection = () => (
             </div>
             <p className={tw(`leading-loose text-white-200 text-xl text-center lg:text-xl`)}>
               Read a version of Expression of Peace. Currently version zero exists as EoP #0.
-              {/* second: socio-environmental contracts on demoVerse */}
             </p>
             <p className={tw(`leading-loose text-white-200 text-xl text-center lg:text-xl mt-4`)}>
               Expressions are part of our Decentralised Identities, not for sale.
-              {/* second: socio-environmental contracts on demoVerse */}
             </p>
 
             <div className={tw(`lg:mx-12 mt-4 lg:my-8 text-center font-bolder  text-black lg:text-xl text-xl`)}>
@@ -133,9 +165,7 @@ const FeatureSection = () => (
               </button>
             </div>
           </div>
-          {/* give possibility for conditions */}
-          {/* Including demands, and hopes, denouncing wars and and speaking to people mostly, that are invited to co-imagine peace. */}
-
+      
           <div className={tw(`w-full border-b md:w-1/2 lg:w-1/3 lg:border-r p-8 text-w`)}>
             <div className={tw(`flex items-center mb-6`)}>
               <Check width={20} height={20} fill="red" className={tw(`h-14 w-14 text-indigo-500`)} />
@@ -161,14 +191,7 @@ const FeatureSection = () => (
               </button>
             </div>
 
-            {/* <div className={tw(`lg:mx-12 mt-4 lg:my-8 text-center font-bolder  text-black lg:text-xl text-xl`)}>
-              <button className={tw(`bg-red-600 text-2xl text-white active:bg-pink-600 hover:bg-black hover:text-yellow-400 font-bold lg:text-lg md:text-md px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 h-16 w-42 rounded-full`)}>
-
-            <a  href="https://gateway.pinata.cloud/ipfs/QmYBM9RpQEV6jbYM3Wf6QsZgoeeAAeKHRo1dmvhGc9xgUs" target="_blank" referrerPolicy="no-referrer">
-             how to c
-          </a>
-              </button>
-            </div> */}
+    
           </div>
 
           <div className={tw(`w-full md:w-1/2 lg:w-1/3 p-8`)}>
@@ -253,27 +276,7 @@ const FeatureSection = () => (
               </a>
             </div>
           </div>
-          {/* <div className={tw(`w-full border-b md:w-1/2 md:border-r lg:w-1/3 lg:border-r-0 p-8`)}>
-            <div className="flex items-center mb-6">
-              <Check width={20} height={20} fill="green" className={tw(`h-14 w-14 text-indigo-500`)} />
-              <div className={tw(`ml-4 text-xl`)}>Acknowledge Each Other</div>
-            </div>
-            <p className={tw(`leading-loose text-gray-800`)}>
-              With $PEACE tokens, Anyone can acknowledge each others' expressions and demands, hence efforts towards
-              achieving the 1st world peace.
-            </p>
-          </div>
-          <div className={tw(`w-full border-b md:w-1/2 md:border-r lg:w-1/3 lg:border-r-0 p-8`)}>
-            <div className="flex items-center mb-6">
-              <Check width={20} height={20} fill="green" className={tw(`h-14 w-14 text-indigo-500`)} />
-              <div className={tw(`ml-4 text-xl`)}>Acknowledge Each Other</div>
-            </div>
-            <p className={tw(`leading-loose text-gray-800`)}>
-              With $PEACE tokens, Anyone can acknowledge each others' expressions and demands, hence efforts towards
-              achieving the 1st world peace.
-            </p>
-          </div> */}
-        </div>
+        </div> */}
       </div>
     </div>
   </section>
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index efcb64e..5244485 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -9,10 +9,16 @@ const solutions = [
   { name: 'Creative disruption', link: 'https://en.wikipedia.org/wiki/Creative_disruption' },
 ];
 
+const actions = [
+  { name: 'Expression of Peace', link: 'https://en.wikipedia.org/wiki/Design_thinking' },
+  { name: 'Expression of Demand', link: 'https://en.wikipedia.org/wiki/Game_theory' },
+  { name: 'Acknowledgement of Civil', link: 'https://en.wikipedia.org/wiki/Creative_disruption' },
+];
+
 const resources = [
-  { name: 'Design & Brainstorm', link: 'https://miro.com/app/board/uXjVOX94E5k=/?invite_link_id=47727813201' },
-  { name: 'NFTs', link: 'https://xdai.unique.one/profile/demoverse' },
-  { name: '@xyz', link: 'https://guild.xyz/peacemakers' },
+  { name: 'Imagination', link: 'https://miro.com/app/board/uXjVOX94E5k=/?invite_link_id=47727813201' },
+  { name: 'Art of Peace', link: 'https://xdai.unique.one/profile/demoverse' },
+  { name: 'Peace Guilds', link: 'https://guild.xyz/peacemakers' },
 ];
 
 const contacts = [
@@ -23,7 +29,7 @@ const contacts = [
 
 const Footer = () => {
   return (
-    <footer className={tw(`bg-white border-t border-gray-400 pt-14 pb-16`)}>
+    <footer className={tw(`bg-white border-t border-gray-400 pt-14 pb-8`)}>
       <div className={tw(`flex justify-center w-full flex items-center`)}></div>
       <div className={tw(`max-w-12xl mx-auto text-gray-400 px-8 lg:px-0 flex flex-wrap `)}>
         <div className={tw(`flex w-full `)}>
@@ -49,7 +55,7 @@ const Footer = () => {
 
             <li className={tw(`w-1/2 md:w-1/3 lg:w-1/3`)}>
               <div>
-                <h4 className={tw(`text-gray-900 text-xl lg:text-2xl font-bold mb-1 `)}>Peace Guild</h4>
+                <h4 className={tw(`text-gray-900 text-xl lg:text-2xl font-bold mb-1 `)}>Makerspace</h4>
                 <ul>
                   {resources.map((resource) => (
                     <li
@@ -65,7 +71,8 @@ const Footer = () => {
               </div>
             </li>
 
-            <li className={tw(`w-1/2 md:w-1/3 lg:w-1/3 `)}>
+
+ <li className={tw(`w-1/2 md:w-1/3 lg:w-1/3 `)}>
               <div>
                 <h4 className={tw(`text-gray-900 text-xl lg:text-2xl font-bold mb-1`)}>Solutions</h4>
                 <ul>
@@ -79,9 +86,25 @@ const Footer = () => {
                 </ul>
               </div>
             </li>
-            <li>
+            <li className={tw(`w-1/2 md:w-1/3 lg:w-1/3 `)}>
+              <div>
+                <h4 className={tw(`text-gray-900 text-xl lg:text-2xl font-bold mb-1`)}>Actions</h4>
+                <ul>
+                  {actions.map((action) => (
+                    <li className={tw(`text-gray-800 text-l lg:text-xl font-medium leading-6`)} key={action.name}>
+                      <a href={action.link} target="_blank" referrerPolicy="no-referrer">
+                        {action.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </li>
+
+         
+            <li >
               <div
-                className={tw(` lg:my-2 text-center font-bolder  text-black lg:text-xl bg-green-500 rounded-full mr-8`)}
+                className={tw(` ml-12 lg:ml-0 lg:mr-12 mt-6 lg:mt-4 lg:my-2 text-center font-bolder  text-black lg:text-xl bg-green-500 rounded-full mr-8`)}
               >
                 <a href="https://en.wikipedia.org/wiki/World_peace" target="_blank" referrerPolicy="no-referrer">
                   {/* <img className={tw(`h-16 w-16`)} src="logo.png" alt="world peace" /> */}
@@ -91,15 +114,16 @@ const Footer = () => {
             </li>
 
             <li>
-              <div className={tw(` lg:my-2  text-center font-bolder  text-black lg:text-xl`)}>
+              <div className={tw(`mt-6 lg:mt-4 lg:my-2  text-center font-bolder  text-black lg:text-xl`)}>
                 <a href="/">
                   {/* <img className={tw(`h-16 w-16`)} src="logo.png" alt="world peace" /> */}
                   <img src="dm.png" alt="logo" width={60} height={60} className={tw(`rounded-full bg-black`)} />
                 </a>
               </div>
             </li>
+
             <li>
-              <div className={tw(`my-4 lg:py-2 lg:ml-20 text-yellow`)}>
+              <div className={tw(`mt-8 lg:ml-60 lg:mt-6 my-4 lg:py-2 lg:ml-12 text-yellow`)}>
                 <iframe
                   width="100%"
                   height="42"
diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 7caf7e9..db59497 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -9,25 +9,23 @@ const headerStyle = css`
 const Header = () => {
   return (
     <header className={tw(headerStyle)}>
-      <div className={tw(`max-w-xl mx-auto px-4 lg:px-12 sm:px-6 lg:px-8 md:mt-4`)}>
-        {/* <h1
-          className={tw(`font-sans font-bold text-3xl md:text-4xl lg:text-6xl text-center leading-snug text-gray-800`)}
-        >
-          Change the world, with one move.
-        </h1> */}
-
-        {/* <img src="demoverse-intro.png" alt="logo" className={tw(``)} width="100%" /> */}
-        <img src="intro.png" alt="logo" className={tw(``)} width="100%" />
+      <div className={tw(`max-w-2xl mx-auto px-4 lg:px-12 sm:px-6 lg:px-8 md:mt-4`)}>
+       <img src="intro.png" alt="logo" className={tw(``)} width="100%" />
 
         <div className={tw(`max-w-xl mx-auto`)}>
           <p className={tw(`mt-2 text-white text-center md:text-2xl lg:text-3xl text-xl`)}>
-            A global, peer-to-peer consensus of billions, for solving planetary problems.
+            Global, peer-to-peer consensus of billions, on blockchain.
           </p>
           <p className={tw(`mt-6 mb-10 lg:mb-12 text-white text-center md:text-2xl lg:text-3xl text-xl`)}>
-            Regeneration via disarmament and world peace.
+            Progressive regeneration via disarmament and world peace.
+          </p>
+
+          <p className={tw(`mt-4 mb-10 lg:mb-12 text-white text-center md:text-2xl lg:text-3xl text-xl`)}>
+            Express yourself!
           </p>
         </div>
       </div>
+
     </header>
   );
 };
diff --git a/src/components/navigation/index.tsx b/src/components/navigation/index.tsx
index 2ee7c33..f4cd7b7 100644
--- a/src/components/navigation/index.tsx
+++ b/src/components/navigation/index.tsx
@@ -1,5 +1,6 @@
 import { tw } from 'twind';
 import { useState } from 'react';
+import useCollapse from 'react-collapsed';
 import Button from '@/components/button';
 import Link from 'next/link';
 
@@ -38,19 +39,24 @@ const secondaryLinks = [
     href: `https://demoverse.upvoty.com/b/expressions-of-peace-and-demand/`,
   },
   {
-    label: `community`,
+    label: `imagination`,
+    href: `https://miro.com/app/board/uXjVOX94E5k=/?invite_link_id=638195022576`,
+  },
+  {
+    label: `communities`,
     href: `https://discord.gg/CfGzp3st3k`,
   },
   {
     label: `artworks`,
     href: `https://xdai.unique.one/profile/demoverse`,
   },
+
   {
-    label: `workspace`,
-    href: `https://miro.com/app/board/uXjVOX94E5k=/?invite_link_id=638195022576`,
+    label: `projection`,
+    href: `https://trello.com/b/hUzyDssg/demoverse-a-journey-to-peace`,
   },
   {
-    label: `guild`,
+    label: `peace guilds`,
     href: `https://guild.xyz/peacemakers`,
   },
 ];
@@ -109,7 +115,7 @@ const MobileMenu = () => (
           <a
             key={`mobile-${link.label}`}
             href={link.href}
-            target='_blank'
+            target="_blank"
             className={tw(`block px-3 py-2 text-base font-medium text-black`)}
           >
             {link.label}
@@ -123,48 +129,32 @@ const MobileMenu = () => (
 const Navigation = () => {
   const [showMenu, setShowMenu] = useState(false);
   const toggleMenu = () => setShowMenu(!showMenu);
-
+  const { getCollapseProps, getToggleProps, isExpanded } = useCollapse();
   return (
     <nav className={tw(`bg-purple-300 mr-0`)}>
-      <div className={tw(`max-w-7xl mx-auto px-2 sm:px-4 lg:px-4`)}>
-        <div className={tw(`flex items-center justify-between h-24`)}>
+      <div className={tw(` mx-auto px-2 px-2 lg:px-4`)}>
+        {/* <div>
+      <Toggle {...getToggleProps()}>{isExpanded ? 'Close' : 'Open'}</Toggle>
+      <Collapse {...getCollapseProps()}>{excerpt}</Collapse>
+    </div> */}
+        <div className={tw(`flex items-center justify-between h-24 lg:mt-8 lg:mb-8 mb-2 mt-2`)}>
           <div className={tw(`flex items-center`)}>
             <div className={tw(`flex-shrink-0 mr-12`)}>
-              <img className={tw(`h-16 w-16`)} src="logo.png" alt="logo" width={120} height={120} />
+              <img className={tw(`h-22 w-22`)} src="logo.png" alt="logo" width={120} height={120} />
             </div>
           </div>
           <div className={tw(`hidden md:block`)}>
-            <div className={tw(`ml-4 flex items-center md:ml-6`)}>
-            <Button modifier="border-60 text-black bg-blue-500 lg:ml-4 lg:px-4 lg:py-4 mx-2">
-                <Link href="https://demoverse.upvoty.com/b/expressions-of-peace-and-demand/">
-                  <a className={tw(`px-2 bg-yellow-300 text-bolder sm:text-xl lg:text-xl  lg:px-4 lg:py-4`)} target="_blank">
-                    expresssions
-                  </a>
-                </Link>
-              </Button>
-            <Button modifier="border-60 text-black bg-black lg:ml-4 lg:px-4 lg:py-4 mx-2">
-                <Link href="https://miro.com/app/board/uXjVOX94E5k=/?invite_link_id=638195022576">
-                  <a className={tw(`px-2 bg-yellow-300 text-bolder sm:text-xl lg:text-xl  lg:px-4 lg:py-4`)} target="_blank">
-                    imagination
-                  </a>
-                </Link>
-              </Button>
-              <Button modifier="border-60 text-black bg-yellow-800 lg:ml-4 lg:px-4 lg:py-4 mx-2">
-                <Link href="https://discord.gg/CfGzp3st3k">
-                  <a className={tw(`px-2 bg-yellow-300 text-bolder sm:text-xl lg:text-xl  lg:px-4 lg:py-4`)} target="_blank">
-                    community
-                  </a>
-                </Link>
-              </Button>
+            <div className={tw(`ml-4 flex items-center md:ml-6 lg:ml-22`)}>
+              {/* <div>
+          <button {...getToggleProps()}>
+        {isExpanded ? 'Guilds' : 'Guilds'}
+      </button>
+      <section {...getCollapseProps()}>Collapsed content 🙈</section>
+          </div> */}
 
-              <Button modifier="border-60 text-black bg-red-800 lg:ml-4 lg:px-4 lg:py-4 mx-2">
-                <Link href="https://xdai.unique.one/profile/demoverse">
-                  <a className={tw(`px-2 bg-yellow-300 text-bolder sm:text-xl lg:text-xl  lg:px-4 lg:py-4`)} target="_blank">
-                    artworks
-                  </a>
-                </Link>
-              </Button>
-         
+              <ButtonPairLarge0 />
+              <ButtonPairLarge1 />
+              <ButtonPairLarge2 />
 
               {/* <Button modifier="border-60 text-black bg-blue-400 lg:ml-4 lg:px-4 lg:py-4 mx-2">
                 <Link href="https://guild.xyz/peacemakers">
@@ -196,4 +186,74 @@ const Navigation = () => {
   );
 };
 
+const ButtonPairLarge0 = () => {
+  return (
+    <div>
+      <Button modifier="border-60 text-black bg-blue-500 lg:ml-4 lg:px-4 lg:py-4">
+        <Link href="https://demoverse.upvoty.com/b/expressions-of-peace-and-demand/">
+          <a className={tw(`px-2 py-2 bg-yellow-300 text-bolder md:text-l lg:text-xl  lg:px-4 lg:py-3`)}>
+            expresssions
+          </a>
+        </Link>
+      </Button>
+      <Button modifier="border-60 text-black bg-yellow-800 lg:ml-4 lg:px-4 lg:py-4 mt-2">
+        <Link href="https://discord.gg/CfGzp3st3k">
+          <a className={tw(`px-2 py-2 bg-yellow-300 text-bolder text-l lg:text-xl  lg:px-4 lg:py-3`)} target="_blank">
+            communities
+          </a>
+        </Link>
+      </Button>
+    </div>
+  );
+};
+
+
+const ButtonPairLarge1 = () => {
+  return (
+    <div>
+      <Button modifier="border-60 text-black bg-red-800 lg:ml-4 lg:px-4 lg:py-4 ">
+        <Link href="https://xdai.unique.one/profile/demoverse">
+          <a className={tw(`px-2 py-2 bg-yellow-300 text-bolder text-l lg:text-xl  lg:px-5 lg:py-3`)} target="_blank">
+            artworks
+          </a>
+        </Link>
+      </Button>
+
+      <Button modifier="border-60 text-black bg-purple-500 lg:ml-4 lg:px-4 lg:py-4 mt-2">
+        <Link href="https://xdai.unique.one/profile/demoverse">
+          <a className={tw(`px-4 py-2 bg-yellow-400 text-bolder text-l lg:text-xl  lg:px-8 lg:py-3`)} target="_blank">
+            guilds
+          </a>
+        </Link>
+      </Button>
+    </div>
+  );
+};
+
+const ButtonPairLarge2 = () => {
+  return (
+    <div className={tw(``)}>
+    
+      <Button modifier=" border-20 lg:border-60 text-black bg-black lg:ml-4 lg:px-4 lg:py-4 px-2">
+        <Link href="https://miro.com/app/board/uXjVOX94E5k=/?invite_link_id=638195022576">
+          <a
+            className={tw(`px-2 py-2 bg-yellow-300 text-bolder text-l lg:text-xl py-2 lg:px-4 lg:py-3 `)}
+            target="_blank"
+          >
+            imagination
+          </a>
+        </Link>
+      </Button>
+      
+      <Button modifier="border-60 text-white bg-green-400 lg:ml-4 lg:px-4 lg:py-4  mt-2">
+        <Link href="https://trello.com/b/hUzyDssg/demoverse-a-journey-to-peace">
+          <a className={tw(`px-3 py-2 bg-black text-bolder text-l lg:text-xl  lg:px-6 lg:py-3`)} target="_blank">
+            projection
+          </a>
+        </Link>
+      </Button>
+    </div>
+  );
+  }
+
 export default Navigation;
diff --git a/src/components/pricing-table/index.tsx b/src/components/pricing-table/index.tsx
index 3cef728..1a15bf1 100644
--- a/src/components/pricing-table/index.tsx
+++ b/src/components/pricing-table/index.tsx
@@ -19,8 +19,8 @@ const features = [
 ];
 
 const PricingTable = () => (
-  <section className={tw(`bg-gradient-to-b  pt-12 sm:ml-6 sm:mr-6 lg:ml-20 lg:mr-20`)}>
-    <div className={tw(`relative max-w-7xl mx-auto mb-24`)}>
+  <section className={tw(`bg-gradient-to-b sm:ml-6 sm:mr-6 lg:ml-20 lg:mr-20`)}>
+    <div className={tw(`relative max-w-7xl mx-auto`)}>
       <div className={tw(`overflow-hidden lg:max-w-none lg:flex `)}>
         <div className={tw(`py-8 px-6 md:px-0 lg:flex-shrink-1 text-center`)}>
           {/* <p className={tw(`lg:bg-red-300 underline mt-6 text-base leading-6 text-gray-800 lg:text-xl mb-6 lg:mb-12`)}>
@@ -32,13 +32,37 @@ const PricingTable = () => (
 
           {/* </div> */}
 
-          <h2 className={tw(`text-4xl lg:text-7xl font-bold text-gray-800 mb-12 mt-10`)}>Why blockchain for peace?</h2>
+          <h2 className={tw(`text-4xl lg:text-7xl font-bold text-gray-800 mb-12 mt-10`)}>Why blockchain for world peace?</h2>
 
-          <Quote className={tw(`w-8 md:w-8 left-0 md:-left-2 top-0 pl-4 md:pl-0 lg:mt-6 text-gray-500`)}></Quote>
           <p className={tw(`text-base leading-6 text-gray-800 lg:text-4xl text-center`)}>
             Blockchain belongs to all, as power does.
+
           </p>
 
+          <div
+            className={tw(
+              ` mt-8 flex md:mt-4 md:mb-8 lg:mt-6 object-none object-center bg-yellow-300 w-42 h-42 lg:py-4`,
+            )}
+          >
+            <img src="/images/morpheus.png" className={tw(`lg:object-center lg:ml-8 sm:m-2`)}></img>
+            {/* <p className={tw(`text-base text-bolder leading-6 text-gray-800 lg:text-xl lg:w/2  text-center  lg:mt-12`)}>
+            This can cherish from open minds and hearts, who shares and feels stake and even
+            responsibility.
+          </p> */}
+            {/* marvina reynolds - little boxes*/}
+            <iframe
+              width="100%"
+              // src="https://www.youtube.com/embed/pFS4zYWxzNA"
+              src="https://www.youtube.com/embed/r5IKpHTEuY0"
+              allowFullScreen
+              className={tw(`lg:mx-8 lg:my-2`)}
+            ></iframe>
+            /{' '}
+
+            
+          </div>
+            {/* <img src="demoverse-logo-horizontal.png" alt="logo" width={120} height={60} className={tw(`rounded-full bg-black`)} /> */}
+
           {/* <p className={tw(`text-base leading-6 text-gray-800 lg:text-2xl mt-4`)}>
             // peace is green; fear no more. Express yourself!
           </p> */}
@@ -46,7 +70,7 @@ const PricingTable = () => (
             <img src="/images/peace-is-green.png"></img>
           </div> */}
 
-          <p className={tw(` mt-6 text-base leading-6 text-gray-800 lg:text-2xl  text-center`)}>
+          {/* <p className={tw(` mt-6 text-base leading-6 text-gray-800 lg:text-2xl  text-center`)}>
             All have a born right to offer a change and take initiative.
           </p>
 
@@ -62,40 +86,42 @@ const PricingTable = () => (
             <a href="https://www.youtube.com/watch?v=cyQ0s0J1fhY" target="_blank">
               We don't need eyes to see, we need vision.
             </a>
-          </p>
+          </p> */}
           <p className={tw(`mt-6 text-base leading-6 text-gray-800 lg:text-xl`)}>
-            demoVerse exists to explore potential ways of catalyzing a historical change: a globally-peaceful
-            regeneration, via co-imagination and realisation.
-          </p>
+            {/* demoVerse  */}
 
-          <p className={tw(`mb-6 lg:mb-10 mt-6 text-base leading-6 text-gray-800 lg:text-xl`)}>
-            For this vision, blockchain technology is enabling us on sharing rights, as well as resources. This will be
-            in a form of, shaping the future, from now.
+            demoVerse exists to explore potential ways of using technology for freedom.
           </p>
 
-          <div
-            className={tw(
-              ` mt-8 flex md:mt-4 md:mb-8 lg:mt-6 object-none object-center bg-yellow-300 w-42 h-42 lg:py-4`,
-            )}
-          >
-            <img src="/images/morpheus.png" className={tw(`lg:object-center lg:ml-8 sm:m-2`)}></img>
-            {/* <p className={tw(`text-base text-bolder leading-6 text-gray-800 lg:text-xl lg:w/2  text-center  lg:mt-12`)}>
-            This can cherish from open minds and hearts, who shares and feels stake and even
-            responsibility.
-          </p> */}
-            {/* marvina reynolds - little boxes*/}
-            <iframe
-              width="100%"
-              // src="https://www.youtube.com/embed/pFS4zYWxzNA"
-              src="https://www.youtube.com/embed/r5IKpHTEuY0"
-              allowFullScreen
-              className={tw(`lg:mx-8 lg:my-2`)}
-            ></iframe>
-            /{' '}
 
-            
-          </div>
+          <p className={tw(`mt-4 mb-6 lg:mb-10 text-base leading-6 text-gray-800 lg:text-xl`)}>
+            For this vision, blockchain technology is enabling us on sharing rights, as well as resources.
+          </p>
+
           
+
+          <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl`)}>
+            Here, blockchain and smart contracts, in core, technical tools of reflection;
+          </p>
+          <p className={tw(`text-base leading-6 text-gray-800 lg:text-xl`)}>
+            for making expressions, demands and acknowledgements,
+          </p>
+          <p className={tw(` text-base leading-6 text-gray-800 lg:text-xl`)}>
+            assurances to the rest of the world.
+          </p>
+
+          <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl`)}>
+            This well may be in forms of, writing social and environmental contracts together,
+          </p>
+
+          <p className={tw(` text-base leading-6 text-gray-800 lg:text-xl`)}>
+           
+            that are writing a future, from now.
+          </p>
+
+
+      
+{/*           
           <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl`)}>
             Resources and rights are interacting and living in the domains of so called, chicken-egg problems. One
             requiring the other one before coming alive.
@@ -103,50 +129,53 @@ const PricingTable = () => (
 
           <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl`)}>
             Here exists a paradox: neither resources without rights, or rights without resources; a progress can reach
-            their full potentials.
-            {/* <iframe src="https://archive.org/embed/walden_librivox" width="500" height="140" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe> */}
-          
-          </p>
+            their full potentials.          
+          </p> */}
 
    
-          <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl`)}>
+          {/* <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl`)}>
             We need to shift to somewhere, where exists no box; and walls already fell for those, that are clearly
             exposed to fear, more than love and care.
-          </p>
+          </p> */}
 
-          <p className={tw(`mt-4 mb-10 text-base leading-6 text-gray-800 lg:text-xl`)}>
-            Here, blockchain and NFTs (smart contracts), in core, reflection and technical tools: for making
-            expressions, demands, acknowledgements, and hence, assurances (as if promising to the rest of the world).
-          </p>
+         
 
-          <p className={tw(`bg-yellow-300 mt-6 text-base leading-6 text-gray-800 lg:text-xl`)}>
-            It all started with Satoshi Nakamoto's introduction of Bitcoin and consensus being used as verification.
-          </p>
-          <p className={tw(`mt-6 text-base leading-6 text-gray-800 lg:text-xl`)}>
+          {/* <p className={tw(`mt-6 text-base leading-6 text-gray-800 lg:text-xl`)}>
             Since more than 10 years, we are moving towards decentralised and empowering, as well as liberating
             structures.
           </p>
+          <p className={tw(`bg-yellow-300 mt-6 text-base leading-6 text-gray-800 lg:text-xl`)}>
+            It all started with Satoshi Nakamoto's introduction of Bitcoin and consensus being used as verification.
+          </p> */}
           {/* <p className={tw(`mt-6 text-base leading-6 text-gray-800 lg:text-xl`)}>
             Decentralisation is about empowerment of freedom, for 7+ billions of people. With blockchain, we can
             reliably share resources in a borderless and incentivising fashion.
           </p> */}
-          <p className={tw(`mt-6 text-base leading-6 text-gray-800 lg:text-xl mb-4 lg:mb-8`)}>
+          {/* <p className={tw(`mt-6 text-base leading-6 text-gray-800 lg:text-xl mb-4 lg:mb-8`)}>
             As we are moving forward to #web3, as civilisation, we are experiencing sovereignity in financial and
             decision-making processes.
-          </p>
+          </p> */}
 
-          <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl text-center `)}>
+          {/* <p className={tw(`mt-4 text-base leading-6 text-gray-800 lg:text-xl text-center `)}>
             That can be observed via empowering all, that are taking steps on pursuing creative and borderless journeys
             in minds and, that are to be peaceful and healthy in everywhere and for everyone.
-          </p>
+          </p> */}
 
           <p
             className={tw(
               `text-base text-bolder leading-6 text-gray-800 lg:text-xl lg:w/2 md:text-l sm:text-l sm:py-4 sm:px-4 sm:w/2 text-center lg:mt-6`,
             )}
           >
-            21st century will be observing a decentralised civilisation, competing in good stuff, while scaling and
-            sharing them.
+            21st century will be observing a decentralised civilisation. 
+          </p>
+
+          <p
+            className={tw(
+              `text-base text-bolder  text-gray-800 lg:text-xl lg:w/2 md:text-l sm:text-l sm:py-4 sm:px-4 sm:w/2 text-center lg:mt-0`,
+            )}
+          >
+           Competing in good stuff, while scaling and
+            sharing them with all.
           </p>
 
           {/* <iframe width="560" height="315" src="https://www.youtube.com/embed/n9e0g5s_LCk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
@@ -183,7 +212,7 @@ const PricingTable = () => (
           */}
 
           {/* <img className={tw(` mr-4`)} src="demoverse.png" alt="logo" width={120} height={120} /> */}
-
+{/* 
           <p
             className={tw(
               `text-xl mt-10 leading-6 text-gray-100 lg:text-2xl bg-green-600 text-center lg:px-6 py-6 lg:py-12 md:py-12`,
@@ -197,8 +226,8 @@ const PricingTable = () => (
             )}
           >
             with expressions for the planetary peace and regeneration.
-          </p>
-
+          </p> */}
+{/* 
           <div className={tw(` flex flex-wrap lg:mt-12 `)}>
             <div className={tw(`w-full md:w-1/2 `)}>
               <iframe
@@ -209,7 +238,6 @@ const PricingTable = () => (
               ></iframe>
             </div>
             <div className={tw(` w-full md:w-1/2 `)}>
-              {/* want it back / guts ft patrice */}
               <iframe
                 width="100%"
                 height="320"
@@ -218,9 +246,9 @@ const PricingTable = () => (
                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
               ></iframe>
             </div>
-          </div>
+          </div> */}
 
-    
+{/*     
           <p
             className={tw(
               `text-xl mt-0 leading-6 text-gray-100 lg:text-2xl bg-black text-center lg:px-6 px-2 py-4`,
@@ -234,17 +262,17 @@ const PricingTable = () => (
             )}
           >
             that's technologically and most probably, motivation-wise.
-          </p>
+          </p> */}
 
-          <p
+          {/* <p
             className={tw(
               `text-xl mt-0 leading-6 text-gray-100 lg:text-2xl bg-black text-center lg:px-6 px-2 py-4 `,
             )}
           >
             all we need to declare the 1st World Peace, as a result of learnings from the history,
-          </p>
+          </p> */}
 
-          <p
+          {/* <p
             className={tw(
               `text-xl mt-0 leading-6 text-gray-100 lg:text-2xl bg-black text-center lg:px-6 px-2 py-6 `,
             )}
@@ -258,7 +286,7 @@ const PricingTable = () => (
           >
            while reflecting to now
             and the future.
-          </p>
+          </p> */}
         </div>
       </div>
     </div>
diff --git a/src/components/reel-section/index.tsx b/src/components/reel-section/index.tsx
index dd97453..2370940 100644
--- a/src/components/reel-section/index.tsx
+++ b/src/components/reel-section/index.tsx
@@ -19,7 +19,7 @@ import Preferences from '@/constants/svg/preferences.svg';
 const ReelSection = () => (
   <section className={tw(`bg-gradient-to-b from-gray-50 to-white shadow-inner`)}>
     <div className={tw(`max-w-7xl mx-auto`)}>
-      <div className={tw(`flex flex-col max-w-4xl mx-auto pt-28`)}>
+      <div className={tw(`flex flex-col max-w-4xl mx-auto`)}>
         <div className={tw(`w-full`)}>
           <div className={tw(`relative shadow-2xl mx-6 lg:mx-0 mb-8 lg:mb-8`)}>
             {/* https://www.youtube.com/embed/22GEvDupWGo */}