updated footer links

README.md

@@ -1,6 +1,6 @@
 Ourverse 
 
-Keynote is a [Tailwind UI](https://tailwindui.com) site template built using [Tailwind CSS](https://tailwindcss.com) and [Next.js](https://nextjs.org).
+This is a [Tailwind UI](https://tailwindui.com) site template built using [Tailwind CSS](https://tailwindcss.com) and [Next.js](https://nextjs.org).
 
 ## Getting started
 
@@ -20,11 +20,7 @@ Finally, open [http://localhost:3000](http://localhost:3000) in your browser to
 
 ## Customizing
 
-You can start editing this template by modifying the files in the `/src` folder. The site will auto-update as you edit these files.
-
-## License
-
-This site template is a commercial product and is licensed under the [Tailwind UI license](https://tailwindui.com/license).
+You can start editing this template by modifying the files in the `/src` folder. The site will auto-update as you edit these files. Please see [editing_guide](editing_guide.md) for detailed guide on how to edit texts and content on this website
 
 ## Learn more
 

editing_guide.md

@@ -0,0 +1,97 @@
+# OurVerse Website
+
+This website is consisted of a few different pages:
+- Homepage 
+- About
+- HeroVerse 3D
+- Features
+- Usecases
+- Community
+- Events
+ 
+And each page is made by combining different '__component__ '' (partial jsx pages) together, in particular order. 
+All components are located in folder : (src/components)
+
+To edit the page content, please go to specific 'component' of each page that you would like to edit. Here are the list of components of each page above, and where to find / edit them.
+
+## Nav & Extras (exist on every page):
+- __Header__: "src/components/Header.jsx"
+- __Bottom CTA__ : "src/components/Bottom.jsx"
+- __Footer__: "src/components/Footer2.jsx"
+ 
+### Blogs & Events
+All blog and event announcement pages you can find on: 
+- src/components/blogs folder
+- src/components/events folder
+
+
+----
+  
+
+## HOMEPAGE 
+(src/app/main/page.jsx) contains:
+
+- **Homepage** section from '@/components/Homepage.jsx'
+- **Hero** section from '@/components/Hero.jsx'
+- **Phases** section from '@/components/Phases.jsx'
+- **HeroFeature** section from '@/components/HeroFeature.jsx'
+- **BentoSection** section from '@/components/Bentosection.jsx'
+- **Eventbanner** section from '@/components/Eventbanner.jsx'
+
+---
+
+## ABOUT PAGE
+(src/app/about/page.jsx) contains:
+
+- **Abouthero** section from '@/components/Abouthero.jsx'
+- **Aboutvalues** section from '@/components/Aboutvalues.jsx'
+- **Aboutco** section from '@/components/Aboutco.jsx'
+- **CTA** section from '@/components/Cta.jsx'
+- **Aboutnodes** section from '@/components/Aboutnodes.jsx'
+
+---
+
+## HEROVERSE 3D PAGE
+(src/app/heroverse/page.jsx) contains:
+
+- **Heropage** section from '@/components/Heropage.jsx'
+- **HeroFeature2** section from '@/components/HeroFeature2.jsx'
+- **HeroFeature3** section from '@/components/HeroFeature3.jsx'
+
+---
+
+## FEATURES PAGE
+(src/app/heroverse/page.jsx) contains:
+
+- **Featurehero** section from '@/components/Featurehero.jsx'
+- **Collaborate** section from '@/components/Collaborate.jsx'
+- **Studio** section from '@/components/Studio.jsx'
+- **Build** section from '@/components/Build.jsx'
+- **Communicate** section from '@/components/Communicate.jsx'
+- **Eventmgmt** section from '@/components/Eventmgmt.jsx'
+- **Crm** section from '@/components/Crm.jsx'
+
+---
+
+## CASE STUDIES PAGE
+(src/app/usecases/page.jsx) contains:
+
+- **Usecases** section from '@/components/Usecases.jsx'
+- **Casestudies** section from '@/components/Casestudies.jsx'
+
+---
+
+## COMMUNITY PAGE
+(src/app/community/page.jsx) contains:
+
+- **Communhero** section from '@/components/Communhero.jsx'
+- **Socials** section from '@/components/Socials.jsx'
+- **Events** section from '@/components/Events.jsx'
+
+---
+
+## EVENTS PAGE
+(src/app/events/page.jsx) contains:
+
+- **Eventhero** section from '@/components/Eventhero.jsx'
+- **Eventpage1** section from '@/components/Eventpage1.jsx'

out/_next/static/SCILooTCPOKMhfn--ilw4/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST={__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/_error":["static/chunks/pages/_error-1be831200e60c5c0.js"],sortedPages:["/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

out/_next/static/SCILooTCPOKMhfn--ilw4/_ssgManifest.js

@@ -1 +0,0 @@
-self.__SSG_MANIFEST=new Set([]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()

out/_next/static/chunks/app/(main)/layout-b74d5511b1b00df3.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95,158,618,967,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);

out/_next/static/chunks/app/_not-found/page-18b0909e429628c7.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[409,200,734,218,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);

out/_next/static/chunks/app/community/blogs/herogpt/page-c6448462fd20b5fe.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[734,409,200,218,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);

out/_next/static/chunks/app/community/layout-7fc6f4ff5edad92b.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[618,95,158,967,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);

out/_next/static/chunks/app/community/page-6a3b7b922f91ce8f.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[616,38],{1497:function(n,e,u){Promise.resolve().then(u.bind(u,8263))}},function(n){n.O(0,[501,56,125,971,23,744],function(){return n(n.s=1497)}),_N_E=n.O()}]);

out/_next/static/chunks/app/events/blockchainweek1/page-fa09aecaaaf74505.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20,409,200,734,218],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);

out/_next/static/chunks/app/events/blockchainweek2/page-86e54226263b0699.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[218,409,200,734,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);

out/_next/static/chunks/app/events/layout-c9f1cd2800047c94.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[967,95,158,618,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);

out/_next/static/chunks/app/events/page-28d67276a86c0675.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38,616],{1497:function(n,e,u){Promise.resolve().then(u.bind(u,8263))}},function(n){n.O(0,[501,56,125,971,23,744],function(){return n(n.s=1497)}),_N_E=n.O()}]);

out/_next/static/chunks/app/features/layout-edabd15e901c3156.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[158,95,618,967,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);

out/_next/static/chunks/app/features/page-2525f207046873b0.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[200,409,734,218,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);

out/_next/static/chunks/app/layout-35f2696849b06dca.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{8658:function(_,e,a){Promise.resolve().then(a.t.bind(a,5375,23)),Promise.resolve().then(a.t.bind(a,313,23)),Promise.resolve().then(a.t.bind(a,1983,23))},1983:function(){},313:function(_){_.exports={style:{fontFamily:"'__DM_Sans_8a1573', '__DM_Sans_Fallback_8a1573'",fontStyle:"normal"},className:"__className_8a1573",variable:"__variable_8a1573"}},5375:function(_){_.exports={style:{fontFamily:"'__Inter_36bd41', '__Inter_Fallback_36bd41'",fontStyle:"normal"},className:"__className_36bd41",variable:"__variable_36bd41"}}},function(_){_.O(0,[748,971,23,744],function(){return _(_.s=8658)}),_N_E=_.O()}]);

out/_next/static/chunks/app/not-found-0a3206cb77426a91.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[160],{3299:function(A,B,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864)),Promise.resolve().then(s.bind(s,8011))},8011:function(A,B,s){"use strict";s.r(B),B.default={src:"/_next/static/media/background3.738b9b35.jpg",height:2990,width:1836,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAUDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//aAAwDAQACEAMQAAABpBR//8QAFhABAQEAAAAAAAAAAAAAAAAAAQMS/9oACAEBAAEFAoun/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFhEAAwAAAAAAAAAAAAAAAAAAAAIx/9oACAECAQE/AWp//8QAGRABAAIDAAAAAAAAAAAAAAAAAQACERIh/9oACAEBAAY/Ar2F1XmZ/8QAFxABAAMAAAAAAAAAAAAAAAAAEQAxkf/aAAgBAQABPyFAFA0n/9oADAMBAAIAAwAAABD/AP/EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oACAEDAQE/EK//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQIBAT8QGMv/xAAYEAEAAwEAAAAAAAAAAAAAAAABABFBIf/aAAgBAQABPxBeMRsBRplz/9k=",blurWidth:5,blurHeight:8}}},function(A){A.O(0,[630,202,971,23,744],function(){return A(A.s=3299)}),_N_E=A.O()}]);

out/_next/static/chunks/app/usecases/layout-448d7d841049c003.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[162,95,158,618,967],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);

out/_next/static/chunks/main-app-bf5a6740983e2ceb.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[744],{8716:function(e,n,t){Promise.resolve().then(t.t.bind(t,5751,23)),Promise.resolve().then(t.t.bind(t,6513,23)),Promise.resolve().then(t.t.bind(t,6130,23)),Promise.resolve().then(t.t.bind(t,9275,23)),Promise.resolve().then(t.t.bind(t,5324,23)),Promise.resolve().then(t.t.bind(t,1343,23))}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[971,23],function(){return n(1028),n(8716)}),_N_E=e.O()}]);

out/_next/static/chunks/webpack-7fdd419211d08fb1.js

@@ -1 +0,0 @@
-!function(){"use strict";var e,t,n,r,o,u,i,c,f,a={},l={};function d(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}},r=!0;try{a[e](n,n.exports,d),r=!1}finally{r&&delete l[e]}return n.exports}d.m=a,e=[],d.O=function(t,n,r,o){if(n){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u<e.length;u++){for(var n=e[u][0],r=e[u][1],o=e[u][2],c=!0,f=0;f<n.length;f++)i>=o&&Object.keys(d.O).every(function(e){return d.O[e](n[f])})?n.splice(f--,1):(c=!1,o<i&&(i=o));if(c){e.splice(u--,1);var a=r();void 0!==a&&(t=a)}}return t},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},d.t=function(e,r){if(1&r&&(e=this(e)),8&r||"object"==typeof e&&e&&(4&r&&e.__esModule||16&r&&"function"==typeof e.then))return e;var o=Object.create(null);d.r(o);var u={};t=t||[null,n({}),n([]),n(n)];for(var i=2&r&&e;"object"==typeof i&&!~t.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach(function(t){u[t]=function(){return e[t]}});return u.default=function(){return e},d.d(o,u),o},d.d=function(e,t){for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.f={},d.e=function(e){return Promise.all(Object.keys(d.f).reduce(function(t,n){return d.f[n](e,t),t},[]))},d.u=function(e){},d.miniCssF=function(e){},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r={},o="_N_E:",d.l=function(e,t,n,u){if(r[e]){r[e].push(t);return}if(void 0!==n)for(var i,c,f=document.getElementsByTagName("script"),a=0;a<f.length;a++){var l=f[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==o+n){i=l;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,d.nc&&i.setAttribute("nonce",d.nc),i.setAttribute("data-webpack",o+n),i.src=d.tu(e)),r[e]=[t];var s=function(t,n){i.onerror=i.onload=null,clearTimeout(p);var o=r[e];if(delete r[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(function(e){return e(n)}),t)return t(n)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=s.bind(null,i.onerror),i.onload=s.bind(null,i.onload),c&&document.head.appendChild(i)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.tt=function(){return void 0===u&&(u={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(u=trustedTypes.createPolicy("nextjs#bundler",u))),u},d.tu=function(e){return d.tt().createScriptURL(e)},d.p="/_next/",i={272:0,748:0},d.f.j=function(e,t){var n=d.o(i,e)?i[e]:void 0;if(0!==n){if(n)t.push(n[2]);else if(/^(272|748)$/.test(e))i[e]=0;else{var r=new Promise(function(t,r){n=i[e]=[t,r]});t.push(n[2]=r);var o=d.p+d.u(e),u=Error();d.l(o,function(t){if(d.o(i,e)&&(0!==(n=i[e])&&(i[e]=void 0),n)){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",u.name="ChunkLoadError",u.type=r,u.request=o,n[1](u)}},"chunk-"+e,e)}}},d.O.j=function(e){return 0===i[e]},c=function(e,t){var n,r,o=t[0],u=t[1],c=t[2],f=0;if(o.some(function(e){return 0!==i[e]})){for(n in u)d.o(u,n)&&(d.m[n]=u[n]);if(c)var a=c(d)}for(e&&e(t);f<o.length;f++)r=o[f],d.o(i,r)&&i[r]&&i[r][0](),i[r]=0;return d.O(a)},(f=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(c.bind(null,0)),f.push=c.bind(null,f.push.bind(f))}();

src/app/(main)/page.jsx

@@ -1,11 +1,8 @@
 import { Homepage } from '@/components/Homepage'
 import { Hero } from '@/components/Hero'
-import Events from '@/components/Events'
-import { Product } from '@/components/Product'
-import { Sponsors } from '@/components/Sponsors'
-import BentoSection from '@/components/Bentosection'
-import { Phasesdark } from '@/components/Phases'
+import { Phases } from '@/components/Phases'
 import HeroFeature from '@/components/HeroFeature'
+import BentoSection from '@/components/Bentosection'
 import Eventbanner from '@/components/Eventbanner'
 
 export default function Home() {
@@ -13,7 +10,7 @@ export default function Home() {
     <>
       <Homepage />
       <Hero />
-      <Phasesdark />
+      <Phases />
       <HeroFeature />
       <BentoSection />
       <Eventbanner />

src/app/about/layout.jsx

@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function FeaturesLayout({ children }) {
+  return <Layout>{children}</Layout>
+}

src/app/about/page.jsx

@@ -0,0 +1,18 @@
+
+import Abouthero from '@/components/Abouthero'
+import Aboutvalues from '@/components/Aboutvalues'
+import Aboutco from '@/components/Aboutco'
+import CTA from '@/components/Cta'
+import Aboutnodes from '@/components/Aboutnodes'
+
+export default function about() {
+    return (
+      <>
+      <Abouthero />
+      <Aboutvalues />
+      <Aboutco />
+      <CTA />
+      <Aboutnodes />
+      </>
+  )
+}

src/app/community/page.jsx

@@ -1,19 +1,13 @@
-import Usecases from '@/components/Usecases'
-import Banner from '@/components/Banner'
+
 import Communhero from '@/components/Communhero'
-import Commevents from '@/components/Commevents'
-import Events from '@/components/Events'
 import Socials from '@/components/Socials'
-import Blogposts from '@/components/Blogposts'
+import Events from '@/components/Events'
 
 export default function community() {
     return (
       <>
         <Communhero />
         <Socials />
-        <Events />
-        <Blogposts />
-
         </>
   )
 }

src/app/events/freelancefest/page.jsx

@@ -0,0 +1,10 @@
+import  Freelancefest_2024  from '@/components/events/Freelancefest_2024'
+
+
+export default function freelancefest() {
+  return (
+    <>
+      <Freelancefest_2024 />
+    </>
+  )
+}

src/app/events/page.jsx

@@ -1,18 +1,11 @@
-import Usecases from '@/components/Usecases'
-import Banner from '@/components/Banner'
-import Communhero from '@/components/Communhero'
-import Commevents from '@/components/Commevents'
-import Events from '@/components/Events'
-import Socials from '@/components/Socials'
-import Blogposts from '@/components/Blogposts'
+import Eventhero from '@/components/Eventhero'
+import Eventpage1 from '@/components/Eventpage1'
 
 export default function events() {
     return (
       <>
-        <Communhero />
-        <Socials />
-        <Events />
-        <Blogposts />
+        <Eventhero />
+        <Eventpage1 />
 
         </>
   )

src/app/features/page.jsx

@@ -1,10 +1,11 @@
-import  Communicate  from '@/components/Communicate'
+import Featurehero from '@/components/Featurehero'
 import Collaborate from '@/components/Collaborate'
-import Build from '@/components/Build'
 import Studio from '@/components/Studio'
+import Build from '@/components/Build'
+import  Communicate  from '@/components/Communicate'
 import Eventmgmt from '@/components/Eventmgmt'
 import Crm from '@/components/Crm'
-import Featurehero from '@/components/Featurehero'
+
 
 export default function features() {
     return (

src/app/heroverse/layout.jsx

@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function FeaturesLayout({ children }) {
+  return <Layout>{children}</Layout>
+}

src/app/heroverse/page.jsx

@@ -0,0 +1,13 @@
+import { Heropage }from '@/components/Heropage'
+import HeroFeature2 from '@/components/HeroFeature2'
+import HeroFeature3 from '@/components/HeroFeature3'
+
+export default function heroverse() {
+    return (
+      <>
+      <Heropage />
+      <HeroFeature2 />
+      <HeroFeature3 />
+      </>
+  )
+}

src/app/usecases/page.jsx

@@ -1,7 +1,5 @@
 import Usecases from '@/components/Usecases'
-import Banner from '@/components/Banner'
 import Casestudies from '@/components/Casestudies'
-import FAQ from '@/components/FAQ'
 
 export default function usecases() {
     return (

src/components/Aboutco.jsx

@@ -0,0 +1,40 @@
+export default function Aboutcof() {
+  return (
+    <section className="bg-gradient-to-b from-purple-50/10 to-purple-50/80  pt-24 pb-12">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto grid max-w-2xl grid-cols-1 lg:mx-0 lg:max-w-none lg:grid-cols-2">
+          <div className="flex flex-col pb-10 sm:pb-16 lg:pb-0 lg:pr-8 xl:pr-20">
+          <h1 className="lg:mt-2 mt-0 text-3xl font-bold tracking-tight text-gradient lg:text-4xl text-gradient-dark">
+            Our Vision
+          </h1>
+            <figure className="mt-8 flex flex-auto flex-col justify-between">
+              <div>
+                <p className="section-text font-display  lg:text-lg text-md">
+                We envision a world where virtual collaboration feels as natural and effective as working in person. Our platform offers businesses, creators, and communities a dynamic space to connect, innovate, and thrive.
+                <br></br>
+                <br></br>
+                By building a metaverse with limitless opportunities for innovation, we empower people to collaborate beyond the physical world.
+                </p>
+              </div>
+            </figure>
+          </div>
+          <div className="flex flex-col border-t border-gray-900/10 pt-10 sm:pt-16 lg:border-l lg:border-t-0 lg:pl-8 lg:pt-0 xl:pl-20">
+          <h1 className="lg:mt-2 mt-0 text-3xl font-bold tracking-tight text-gradient lg:text-4xl text-gradient-dark">
+            Our Mission
+          </h1>
+            <figure className="mt-8 flex flex-auto flex-col justify-between">
+              <div>
+                <p className="section-text font-display  lg:text-lg text-md">
+                Our mission is to deliver an immersive metaverse where individuals can meet, create, and break down barriers of distance, resources and technology, making global collaboration seamless and meaningful.
+                <br></br>
+                <br></br>
+                To bring OurVerse’s vision to life, we have decided to fully decentralize our platform in the coming months.
+                </p>
+              </div>
+            </figure>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}

src/components/Abouthero.jsx

@@ -0,0 +1,39 @@
+import { LifebuoyIcon, NewspaperIcon, PhoneIcon } from '@heroicons/react/20/solid'
+
+export default function Abouthero() {
+  return (
+    <div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
+      <img
+        alt=""
+        src="/images/bgimage.jpg"
+        className="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"
+      />
+
+      {/* Gradient Overlay from left to right */}
+      <div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] to-white/0 -z-10"></div>
+
+      <div className="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl">
+      <div className="absolute inset-0 bg-gradient-to-b from-[#302b4b] via-[#b5b1d7] to-white"></div>
+      </div>
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-2xl lg:mx-0">
+          <h2 className="lg:text-6xl font-semibold tracking-tight lg:max-w-2xl max-w-xl leading-tight text-white text-3xl">
+          Beyond Traditional Video Calls. </h2>
+          <p className="mt-6 section-text-light  font-display">
+          Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel REAL. 
+          </p>
+          <p className='mt-4 section-text-light max-w-lg font-displays font-semibold'>Break the barriers. Experience true collaboration. Build your own World. 
+          </p>
+          <div className="mt-10 pb-8 flex items-center gap-x-6">
+            <a
+              href="https://portal.ourverse.tf" target='_blank' 
+              className="rounded-2xl btn-dark text-base font-semibold px-3.5 py-2.5"
+            >
+              Join OurVerse
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/Aboutnodes.jsx

@@ -0,0 +1,43 @@
+export default function Aboutnodes() {
+  return (
+    <div className="relative pt-12 pb-36 bg-gradient-to-b from-purple-50/10 to-purple-50/80">
+      <div className="relative mx-auto max-w-7xl lg:px-8 grid grid-cols-1 lg:grid-cols-2 gap-8">
+        
+        {/* Text Section */}
+        <div className="pl-6 pr-6 lg:pr-12 xl:pr-12">
+          <h2 className="text-intro">Join the Expansion</h2>
+          <p className="mt-2 text-3xl font-bold tracking-tight text-gradient sm:text-4xl">
+          Host our Metaverse 
+          </p>
+          <p className="mt-6 text-base leading-7 text-gray-900">
+          In the coming months, as we progress with decentralization, we will also work on expanding our metaverse. As the metaverse expands, it will be crucial that our decentralized grid scales with it.
+          This grid forms the backbone of our virtual world, and more nodes mean a stronger, faster, and more efficient ecosystem—not just for us, but for all decentralized projects relying on it.
+            <br />
+            <br />
+            By owning a node, you can already start your journey and become a vital part of this growth, enhancing the stability, speed, and potential of the metaverse. You can help shape the future of decentralized virtual worlds while contributing to the infrastructure that makes limitless interactions and creations possible.
+          </p>
+          <div className="mt-8">
+            <a
+              href="https://www.threefold.io/getnode/"
+              className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-base font-semibold text-white shadow-sm btn-dark"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Host a Node
+            </a>
+          </div>
+        </div>
+
+        {/* Image Section */}
+        <div className="relative h-90 overflow-hidden">
+          <img
+            alt=""
+            src="images/node.png"
+            className="h-full w-full object-cover object-center"
+          />
+        </div>
+
+      </div>
+    </div>
+  );
+}

src/components/Aboutvalues.jsx

@@ -0,0 +1,57 @@
+const features = [
+    {
+      name: 'Accessibility for All',
+      description:
+        'We believe that everyone, regardless of location or resources, should have the opportunity to connect, collaborate, and enjoy equal access to immersive virtual spaces.',
+    },
+    {
+        name: 'Towards Decentralization',
+        description:
+          'In partnership with ThreeFold, OurVerse aims to move towards a full decentralization in the coming months. With this change, we will offer a more secure platform with unmatched rendering capabilities and improved latency.',
+      },
+      {
+        name: 'Innovation & Opportunity',
+        description:
+          'Our platform empowers creators to innovate, build, and monetize their ideas in the metaverse, fostering limitless creativity and opportunities.',
+      },
+      {
+        name: 'Global Collaboration',
+        description:
+          'We go beyond traditional video calls, enabling real-time, lifelike interactions that break down geographic and technical barriers, making virtual collaboration as effective and engaging as in-person meetings.',
+      },
+      {
+        name: 'Equity & Inclusion',
+        description:
+          'We are committed to providing an inclusive space where people from all backgrounds can connect and thrive, removing barriers related to economic or technological privilege.',
+      },
+      {
+        name: 'Security & Privacy',
+        description:
+          'Your data is in your hands. At OurVerse, you decide what information to share. We are committed to ensuring that your information remains secure and under your control as we work towards a more decentralized future.',
+      },
+    
+  ]
+  
+  export default function Aboutvalues() {
+    return (
+      <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-24 pb-12">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+          <div className="mx-auto max-w-2xl lg:mx-0">
+            <h2 className="text-3xl font-bold tracking-tight text-gradient-dark sm:text-4xl">Our Values</h2>
+            <p className="mt-6 text-lg leading-8 text-gray-600">
+            Our values represent the unwavering principles that guide every decision we make in fostering a culture of integrity, innovation, and respect for all.
+            </p>
+          </div>
+          <dl className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-base leading-7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
+            {features.map((feature) => (
+              <div key={feature.name}>
+                <dt className="font-semibold text-gradient-dark">{feature.name}</dt>
+                <dd className="mt-1 text-gray-600">{feature.description}</dd>
+              </div>
+            ))}
+          </dl>
+        </div>
+      </div>
+    )
+  }
+  

src/components/Banner.jsx

@@ -1,15 +1,15 @@
 import { XMarkIcon } from '@heroicons/react/20/solid'
 
-export default function Example() {
+export default function Banner() {
   return (
-    <div className="flex items-center gap-x-6 btn-gradient-dark px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
+    <div className="flex items-center gap-x-6 btn-gradient px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
       <p className="text-sm leading-6 text-white">
-        <a href="/events/versefest.html">
-          <strong className="font-semibold">OurVerse FutureFest 2024</strong>
+        <a href="events/freelancefest.html">
+          <strong className="font-semibold">OurVerse FreelanceFest 2024</strong>
           <svg viewBox="0 0 2 2" aria-hidden="true" className="mx-2 inline h-0.5 w-0.5 fill-current">
             <circle r={1} cx={1} cy={1} />
           </svg>
-          Join us from Nov 22 – 24 to see what’s coming next&nbsp;<span aria-hidden="true">&rarr;</span>
+          Join us from Oct 26 - 28 to see what’s coming next&nbsp;<span aria-hidden="true">&rarr;</span>
         </a>
       </p>
       <div className="flex flex-1 justify-end">

src/components/Bentosection.jsx

@@ -49,9 +49,6 @@ export default function BentoSection() {
           <p className="mt-2 max-w-[600px] text-sm/6 text-gray-600 group-data-[dark]:text-gray-400">
             {description}
           </p>
-          <a href={link} className="lg:text-xs mt-4 text-sm font-mono text-cyan-600  hover:text-purple-600">
-                    Learn More <span aria-hidden="true">→</span>
-         </a>
         </div>
       </motion.div>
     )
@@ -61,13 +58,24 @@ export default function BentoSection() {
     <Container>
       <div className=' pt-12 pb-24'>
         <div className="relative z-10 mx-auto max-w-2xl lg:mx-0 lg:max-w-5xl lg:pr-24">
-          <h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Features</h2>
+          <h2 className="text-intro">Features</h2>
           <h2 className="mt-2  h3-title">
             Collaboration & Creation Tools
           </h2>
-          <p className="mt-4 section-text">
+          <p className="mt-4 section-text font-display ">
           Transform how you and your team work together with our innovative creative tools and explore diverse scenarios where they empower users to collaborate in immersive virtual environments.
           </p>
+          <div className="mt-10 flex gap-x-8">
+          <a
+              href="/features.html"
+              className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold shadow-sm"
+            >
+              See Features
+            </a>
+          <a href="/usecases.html" className="text-base py-2.5 font-semibold leading-6 text-link">
+          Read Use Cases <span aria-hidden="true">→</span>
+            </a>
+            </div>
         </div>
         <div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
         <BentoCard
@@ -79,7 +87,7 @@ export default function BentoSection() {
           }
           fade={['bottom']}
           className="max-lg:rounded-t-4xl lg:col-span-3 lg:rounded-tl-4xl"
-          link="/features"
+          link="/features.html"
         />
         <BentoCard
           eyebrow="Connected Experiences"
@@ -90,7 +98,7 @@ export default function BentoSection() {
           }
           fade={['bottom']}
           className="lg:col-span-3 lg:rounded-tr-4xl"
-          link="/features"
+          link="/features.html"
         />
         <BentoCard
           eyebrow="3D Modeling"
@@ -111,18 +119,18 @@ export default function BentoSection() {
           }
           fade={['bottom']}
           className="lg:col-span-2"
-          link="/features"
+          link="/features.html"
         />
         <BentoCard
-          eyebrow="Business Platform"
-          title="Integrated CRM"
-          description="Manage customer interactions, tasks, and meetings seamlessly in one platform, helping your business transition smoothly to the digital landscape."
+          eyebrow="Social Media"
+          title="MyVerse Social"
+          description="Stay connected, manage social interactions and event calendars seamlessly in an all-in-one integrated social mediaplatform."
           graphic={
-            <div className="h-80 bg-[url(/images/crm.png)] bg-cover bg-center bg-no-repeat" />
+            <div className="h-80 bg-[url(/images/socmed.jpg)] bg-cover bg-center bg-no-repeat" />
           }
           fade={['bottom']}
           className="max-lg:rounded-b-4xl lg:col-span-2 lg:rounded-br-4xl"
-          link="/features"
+          link="/features.html"
         />
       </div>
       </div>

src/components/Blogposts.jsx

@@ -27,7 +27,7 @@ const posts = [
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-3xl text-center">
             <h2 className="h3-title">From the Blog</h2>
-            <p className="mt-4 section-text">
+            <p className="mt-4 section-text font-display ">
               Stay up to date with the latest news, announcements, and stories from OurVerse.
             </p>
           </div>

src/components/Bottom.jsx

@@ -3,7 +3,7 @@ export default function Bottom() {
       <div className="relative isolate overflow-hidden bg-gray-900">
         <div className="px-6 py-24 sm:px-6 sm:py-32 lg:px-8">
           <div className="mx-auto max-w-2xl text-center">
-            <h2 className="text-3xl font-bold tracking-tight text-gradient lg:text-5xl">
+            <h2 className="text-3xl font-bold tracking-tight text-white  lg:text-5xl">
               The Future of Collaboration
               <br />
               is now.
@@ -13,8 +13,10 @@ export default function Bottom() {
             </p>
             <div className="mt-10 flex items-center justify-center gap-x-6">
               <a
-                href="#"
-                className="rounded-md btn-gradient-dark2 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
+                href="https://portal.ourverse.tf" 
+                target='_blank' 
+                className="rounded-2xl btn-dark text-base font-semibold text-gray-900"
+                rel="noopener noreferrer"c
               >
                 Sign Up Now
               </a>

src/components/Build.jsx

@@ -49,11 +49,11 @@ import {
   
   export default function Build() {
     return (
-      <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10  lg:pt-16 lg:pb-24 pt-24 pb-24">
+      <div className=" lg:pt-16 lg:pb-24 pt-24 bg-gradient-to-b from-purple-50/80 to-purple-50/10 ">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-4xl sm:text-center">
             <p className="mt-2 h3-title">Build Your Own Verse</p>
-            <p className="mt-4 lg:max-w-3xl section-text">
+            <p className="mt-4 lg:max-w-3xl section-text font-display ">
             Create and customize your virtual world with powerful tools and resources that make building and managing your digital space easy and intuitive.
             </p>
           </div>

src/components/Button.jsx

@@ -3,7 +3,7 @@ import clsx from 'clsx'
 
 export function Button({ className, ...props }) {
   className = clsx(
-    'inline-flex justify-center rounded-2xl btn-gradient-dark py-2 px-4 text-xs font-semibold text-white hover:btn-gradient-dark-hover focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 active:text-white/70',
+    'inline-flex justify-center rounded-2xl btn-dark py-4 px-3 text-sm font-semibold text-white hover:btn-dark-hover focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 active:text-white/70',
     className,
   )
 

src/components/Casestudies.jsx

@@ -1,136 +1,104 @@
 const posts = [
-    {
-      id: 1,
-      title: 'OurWorld Verse',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/ow.jpg',
-      type: 'Education',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 2,
-      title: 'Art Gallery',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/artgallery.jpg',
-      type: 'Education',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 3,
-      title: 'Conference',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/conf.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 4,
-      title: 'DJ Concert',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/dj.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 5,
-      title: 'Frozen World',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/env.jpg',
-      type: 'Education',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 6,
-      title: 'Hospital',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/hospital.jpg',
-      type: 'Healthcare',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 7,
-      title: 'Office',
-      href: '#',
-      description:
-        'Real Estate',
-      imageUrl:
-        '/images/usecases/office.jpg',
-      type: 'Real Estate',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 8,
-      title: 'Safer Office',
-      href: '#',
-      description:
-        'Real Estate',
-      imageUrl:
-        '/images/usecases/safer.jpg',
-      type: 'Real Estate',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 9,
-      title: 'Store',
-      href: '#',
-      description:
-        'Commercials',
-      imageUrl:
-        '/images/usecases/store.jpg',
-      type: 'E-commerce',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 10,
-      title: 'UAE Presidental Court',
-      href: '#',
-      description:
-        'Commercials',
-      imageUrl:
-        '/images/usecases/uae.jpg',
-      type: 'Government',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 11,
-      title: 'KM Universe',
-      href: '#',
-      description:
-        'Commercials',
-      imageUrl:
-        '/images/usecases/universe.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 12,
-      title: 'Anita Cafe',
-      href: '#',
-      description:
-        'Events',
-      imageUrl:
-        '/images/usecases/cafe.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
+
+  {
+    id: 2,
+    title: 'Art Gallery',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Build a fully immersive art gallery where artists, curators, and collectors can showcase and experience artwork in an interactive virtual environment.',
+    imageUrl:
+      '/images/usecases/artgallery.jpg',
+    type: 'Education',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 4,
+    title: 'Music Concert',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Create a vibrant, interactive virtual concert experience where your audience can not only listen to your music but also engage with the environment.',
+    imageUrl:
+      '/images/usecases/dj.jpg',
+    type: 'Events',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 5,
+    title: 'Theme Park',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Construct an interactive, entertaining world filled with rides, games, and attractions, offering users an exciting and fun experience that can be enjoyed from anywhere.',
+    imageUrl:
+      '/images/usecases/env.jpg',
+    type: 'Gaming',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 7,
+    title: 'Co-working spaces',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Create and set up shared office environments where freelancers, remote teams, or entrepreneurs can collaborate on projects, attend meetings, and network within an immersive virtual space.',
+    imageUrl:
+      '/images/usecases/office.jpg',
+    type: 'Virtual Office',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 12,
+    title: 'Real Estate',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Showcase properties in a fully immersive metaverse environment, allowing potential buyers or investors to tour homes, offices, or commercial buildings without leaving their location.',
+    imageUrl:
+      '/images/usecases/cafe.jpg',
+    type: 'Events',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 9,
+    title: 'E-commerce Stores',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Design an interactive virtual shopping experience where customers can explore your products in a 3D environment',
+    imageUrl:
+      '/images/usecases/store.jpg',
+    type: 'E-commerce',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 10,
+    title: 'Virtual Museums',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Recreate historical landmarks, exhibit ancient artifacts, or present cultural stories in an immersive virtual museum where users can explore and learn interactively.',
+    imageUrl:
+      '/images/usecases/uae.jpg',
+    type: 'Education',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 6,
+    title: 'Events & Conferences',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Build dynamic, immersive spaces to host large-scale virtual conferences, networking events, or corporate summits.',
+    imageUrl:
+      '/images/studio.jpg',
+    type: 'Healthcare',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 11,
+    title: 'Workshop Spaces',
+    href: 'https://portal.ourverse.tf/',
+    description:
+      'Create immersive virtual spaces where teams, creatives, or communities can come together to brainstorm, co-create, and host workshops.',
+    imageUrl:
+      '/images/usecases/universe.jpg',
+    type: 'Events',
+    datetime: '2020-03-16',
+  },
   ]
   
   export default function Casestudies() {
@@ -139,7 +107,7 @@ const posts = [
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-2xl text-center">
             <h2 className="h3-title">Case Studies</h2>
-            <p className="mt-4 section-text">
+            <p className="mt-4 section-text font-display ">
             Discover how OurVerse uniquely addresses challenges and fosters innovation with specific, real-world applications of our technology.
             </p>
           </div>
@@ -159,7 +127,7 @@ const posts = [
                   </time>
                 </div>
                 <h3 className="mt-3 text-lg font-semibold leading-6 text-white">
-                  <a href={post.href}>
+                  <a href={post.href} target="_blank" rel="noopener noreferrer">
                     <span className="absolute inset-0" />
                     {post.title}
                   </a>

src/components/Collaborate.jsx

@@ -32,7 +32,7 @@ export default function Collaborate() {
           <div className="lg:ml-auto lg:pl-4 lg:pt-4">
             <div className="lg:max-w-lg">
               <p className="mt-2 h3-title text-gradient-dark ">Creative Collaboration</p>
-              <p className="mt-4 section-text">
+              <p className="mt-4 section-text font-display ">
               Unleash your team’s creative potential in an immersive virtual playground where ideas come to life.
               </p>
               <dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">

src/components/Communhero.jsx

@@ -6,24 +6,34 @@ export default function Communhero() {
       {/* Background image with lower z-index */}
       <img
         alt=""
-        src="/images/bgimage2.jpg"
+        src="/images/bgimage3.jpg"
         className="absolute inset-0 -z-20 h-full w-full object-cover object-right md:object-center"
       />
       
       {/* Gradient overlay with a slightly higher z-index */}
-      <div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
+      <div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] via-[#443b62]/85 to-white/0 -z-10"></div>
       
       {/* Content container with a higher z-index */}
       <div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
-        <div className="mx-auto max-w-2xl lg:mx-0">
-          <h2 className="mt-2 text-3xl font-semibold tracking-tight text-white sm:text-4xl">
-          A United Community Creating the Future of Virtual Worlds
+        <div className="mx-auto max-w-xl lg:mx-0">
+          <h2 className="mt-2 lg:text-5xl font-semibold tracking-tight text-white text-3xl">
+          Create the Future of Virtual World Together 
           </h2>
-          <p className="mt-6 text-lg leading-8 text-purple-50">
+          <p className="mt-6 section-text-light font-display max-w-xl text-purple-50">
           Join a global movement where visionaries, creators, and innovators come together to shape immersive digital experiences. 
+          </p>
+          <p className="mt-6 section-text-light font-display max-w-xl text-purple-50">
           Powered by cutting-edge technology and collaboration, OurVerse is transforming the way we connect, learn, 
           and build in virtual spaces. Be part of the journey to redefine the digital future.
           </p>
+          <div className="mt-10 pb-8 flex items-center gap-x-6">
+            <a
+              href="https://portal.ourverse.tf" target='_blank' 
+              className="rounded-2xl btn-dark font-semibold px-3.5 py-2.5"
+            >
+              Join OurVerse
+            </a>
+          </div>
         </div>
       </div>
     </div>

src/components/Communicate.jsx

@@ -32,7 +32,7 @@ export default function Communicate() {
           <div className="lg:pr-8 lg:pt-4">
             <div className="lg:max-w-lg">
               <p className="mt-2 h3-title">Advanced Communication</p>
-              <p className="mt-4 section-text">
+              <p className="mt-4 section-text font-display ">
               Elevate your virtual interactions with cutting-edge communication features 
               designed to keep you connected and engaged.
               </p>

src/components/Crm.jsx

@@ -16,47 +16,47 @@ import {
   
   const features = [
     {
-      name: 'Unified Contact Management.',
-      description: 'Centralize all your customer interactions for a streamlined and organized approach to managing relationships.',
+      name: 'Seamless Networking.',
+      description: 'Stay connected with your network, explore new opportunities and engage with the latest immersive content through MyVerse Social.',
       icon: CubeIcon,
     },
     {
-      name: 'Task & Activity Scheduling.',
-      description: 'Stay on top of your responsibilities with tools to create tasks, schedule virtual meetings, and set reminders.',
+      name: 'Personalized Events Calendar.',
+      description: 'Keep track of upcoming events and exclusive activities tailored to your interests. Never miss another conference, meetup, or virtual gathering in your field..',
       icon: DocumentMagnifyingGlassIcon,
     },
     {
-      name: 'Complete Digital Management.',
-      description: 'From to-do lists to virtual meeting coordination, manage every aspect of your business operations digitally.',
+      name: 'Contact Management.',
+      description: 'Organize and manage all your contacts in one place. Keep track of your connections, prioritize key relationships, and stay in touch with ease.',
       icon: CpuChipIcon,
     },
     {
-      name: 'Enhanced Team Collaboration.',
-      description: 'Facilitate better teamwork by sharing contacts, tasks, and notes across your team.',
+      name: 'Share Your Story.',
+      description: 'Post photos, videos, publish your verses, and updates about your latest achievements, projects, or ideas to showcase your skills and inspire your connections.',
       icon: ShieldCheckIcon,
     },
     {
-      name: 'Automated Workflows.',
-      description: 'Set up automated workflows to streamline repetitive tasks, allowing your team to enhance productivity.',
+      name: 'Discover New Verses.',
+      description: 'Explore unique virtual spaces, or "Verses," where you can learn, network, and collaborate. Engage in communities that align with your passions.',
       icon: FilmIcon,
     },
     {
-      name: 'Real-Time Analytics & Reporting.',
-      description: 'Gain valuable insights into customer behaviors with real-time analytics and reporting tools. ',
+      name: 'Effortless Collaboration.',
+      description: 'Use MyVerse Social to find collaborators, pitch ideas, and join forces on exciting projects—streamline your teamwork in a visually compelling environment.',
       icon: GlobeAltIcon,
     },
   ]
   
   export default function Crm() {
     return (
-      <div className="bg-white lg:py-20 py-24 mb-12">
+      <div className=" bg-gradient-to-b from-purple-50/10 to-white lg:py-20 py-24 mb-12">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-4xl sm:text-center">
 
             <p className="mt-2 h3-title">
-            Integrated CRM</p>
-            <p className="mt-4 section-text">
-            Manage customer interactions, tasks, and meetings seamlessly in one platform, helping your business transition smoothly to the digital landscape.
+            MyVerse Social</p>
+            <p className="mt-4 section-text font-display ">
+            Stay connected with your network, explore new opportunities, and engage with the latest immersive content through MyVerse Social—a space to expand your virtual presence, create lasting connections, and thrive in the metaverse.
             </p>
           </div>
         </div>
@@ -64,7 +64,7 @@ import {
           <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <img
             alt="App screenshot"
-            src="/images/crm.png"
+            src="/images/socmed2.jpg"
             width={2432}
             height={1442}
             

src/components/Cta.jsx

@@ -0,0 +1,37 @@
+export default function CTA() {
+    return (
+    <div className="relative pt-36 pb-12 bg-gradient-to-b from-purple-50/80 to-purple-50/10 ">
+      <div className="relative mx-auto max-w-7xl lg:px-8">
+        <div className="relative h-90 overflow-hidden md:absolute md:left-0 lg:left-2 md:h-full md:w-1/3 lg:w-1/2">
+          <img
+            alt=""
+            src="images/tf.png"
+            className="h-full w-full object-cover object-center"
+          />
+          
+        </div>
+        <div className=" relative mx-auto max-w-7xl lg:px-8">
+          <div className="pl-6 pr-6 md:ml-auto md:w-2/3 md:pl-16 lg:w-1/2 lg:pl-12 lg:pr-0 xl:pl-12">
+            <h2 className="text-intro">Towards Decentralization</h2>
+            <p className="mt-2 text-3xl font-bold tracking-tight text-gradient sm:text-4xl">Powered by ThreeFold</p>
+            <p className="mt-6 text-base leading-7 text-gray-900">
+            ThreeFold is a scalable, decentralized, bare metal infrastructure layer designed to support any digital workload with greater security, reliability, performance, privacy and in full sovereignty.<br/><br/>
+            By hosting our metaverse on their grid, we can ensure a highly secure experience with ultra-fast streaming and graphic rendering, delivering pixel-perfect visuals, enabling a better global collaboration. This will make Our Verse the first metaverse to achieve this level of quality and performance.</p>
+            <div className="mt-8 inline-flex gap-x-6">
+              <a
+                href="/community.html"
+                className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-base font-semibold text-white shadow-sm btn-dark"
+              >
+                Be a Part of OurVerse
+              </a>
+              <a href="https://threefold.io" className=" inline-flex  text-base py-2.5 font-semibold leading-6 text-link" target="_blank" rel="noopener noreferrer">
+                Visit ThreeFold  <span aria-hidden="true"> →</span>
+            </a>
+            </div>
+          </div>
+        </div>
+        </div>
+      </div>
+    )
+  }
+  

src/components/Event1.jsx

@@ -10,7 +10,7 @@ export function Event1() {
       <BackgroundImage className="-bottom-14 -top-20" />
       <Container className="relative">
         <div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
-          <h1 className="font-display text-3xl font-semibold tracking-tighter text-purple-700 sm:text-7xl">
+          <h1 className="font-display text-3xl font-semibold tracking-tighter text-gradient sm:text-7xl">
             VerseFest 2024
           </h1>
           <h2 className="lg:mt-4 mt-2 font-display lg:text-2xl font-normal tracking-tight text-purple-600 text-xl">
@@ -21,7 +21,7 @@ export function Event1() {
           </h2>
           <div className="mt-6 space-y-6 font-normal lg:max-w-3xl lg:text-xl text-base -tracking-normal leading-tight text-purple-900">
             <p>
-            Get ready to step into the future with <span className='font-semibold text-purple-700'>VerseFest 2024 by OurVerse!</span>  
+            Get ready to step into the future with <span className='font-semibold text-gradient'>VerseFest 2024 by OurVerse!</span>  
             </p>
             <p>
             This groundbreaking free virtual event is designed to unite freelancers, 
@@ -37,8 +37,8 @@ export function Event1() {
           </div>
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="#"
-              className="rounded-xl bg-purple-700 px-6 py-3.5 lg:max-w-4xl max-w-2xl text-base tracking-tight font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
+              href="https://portal.ourverse.tf" target='_blank' 
+              className="rounded-xl bg-purple-700 px-6 py-3.5 lg:max-w-4xl max-w-2xl text-base tracking-tight font-semibold btn-gradient-dark2"
             >
               Get Your FREE Ticket  <TicketIcon className="h-5 w-5 mx-0.3 inline-block -mt-0.5" />
             </a>