edit

.next/server/app-paths-manifest.json

@@ -1,8 +1,8 @@
 {
   "/_not-found/page": "app/_not-found/page.js",
   "/(main)/page": "app/(main)/page.js",
-  "/community/page": "app/community/page.js",
-  "/heroverse/page": "app/heroverse/page.js",
   "/features/page": "app/features/page.js",
+  "/about/page": "app/about/page.js",
+  "/heroverse/page": "app/heroverse/page.js",
   "/usecases/page": "app/usecases/page.js"
 }

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("f400da615b1e30aa")
+/******/ 		__webpack_require__.h = () => ("50284207a515c0f7")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

src/components/Aboutnodes.jsx

@@ -21,8 +21,10 @@ export default function Aboutnodes() {
           </p>
           <div className="mt-8">
             <a
-              href="/community.html"
+              href="https://www.threefold.io/getnode/"
               className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm btn-dark"
+              target="_blank"
+              rel="noopener noreferrer"
             >
               Host a Node
             </a>

src/components/Bentosection.jsx

@@ -67,12 +67,12 @@ export default function BentoSection() {
           </p>
           <div className="mt-10 flex gap-x-8">
           <a
-              href="#"
+              href="/features.html"
               className="rounded-2xl btn-dark px-3.5 py-2.5 text-sm 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"
             >
               See Features
             </a>
-          <a href="#" className="text-sm py-2.5 font-semibold leading-6 text-link">
+          <a href="/usecases.html" className="text-sm py-2.5 font-semibold leading-6 text-link">
           Read Use Cases <span aria-hidden="true">→</span>
             </a>
             </div>

src/components/Bottom.jsx

@@ -13,10 +13,12 @@ export default function Bottom() {
             </p>
             <div className="mt-10 flex items-center justify-center gap-x-6">
               <a
-                href="#"
-                className="rounded-2xl btn-light px-3.5 py-2.5 text-sm font-semibold text-gray-900 "
+                href="https://portal.ourverse.tf"
+                className="rounded-2xl btn-light px-3.5 py-2.5 text-sm font-semibold text-gray-900"
+                target="_blank"
+                rel="noopener noreferrer"c
               >
-                Sign Up Now
+                Join OurVerse
               </a>
             </div>
           </div>

src/components/Cta.jsx

@@ -15,15 +15,18 @@ export default function CTA() {
             <h2 className="text-intro">True Decentralized Metaverse</h2>
             <p className="mt-2 text-3xl font-bold tracking-tight h3-title-new sm:text-4xl">Powered by ThreeFold</p>
             <p className="mt-6 text-base leading-7 section-text font-display">
-            OurVerse is powered by the ThreeFold Grid, a decentralized infrastructure that ensures your metaverse experience is secure, scalable and truly independent.<br/><br/>
+            <span className="font-semibold text-gradient-new">OurVerse</span> is powered by the <span className="font-semibold text-gradient-new">ThreeFold Grid</span>, a decentralized infrastructure that ensures your metaverse experience is secure, scalable and truly independent.<br/><br/>
             By leveraging this innovative technology, we provide a fully decentralized platform where data confidentiality is paramount, and your interactions remain free from centralized control.</p>
-            <div className="mt-8">
+            <div className="mt-8 flex gap-x-4">
               <a
                 href="/community.html"
                 className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm btn-dark"
               >
-                Be a Part of OurVerse
+                Join the Community
               </a>
+              <a href="https://threefold.io" className=" inline-flex  text-sm 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>

src/components/Events.jsx

@@ -58,7 +58,7 @@ const featuredPost = {
                     >
                       Learn More
                     </a>
-                    <a href="/events" className="text-sm font-semibold leading-6 text-link">
+                    <a href="/events" className="text-sm font-semibold leading-6 text-linkgo">
                       See more events <span aria-hidden="true">→</span>
                     </a>
                   </div>

src/components/Featurehero.jsx

@@ -25,8 +25,10 @@ export default function Featurehero() {
           </p>
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="#"
+              href="https://portal.ourverse.tf"
               className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
+              target="_blank"
+              rel="noopener noreferrer"
             >
               Join OurVerse
             </a>

src/components/Footer2.jsx

@@ -2,32 +2,28 @@ import { Logo } from '@/components/Logo'
 
 const navigation = {
   solutions: [
-    { name: 'About', href: '/about.html' },
+    { name: 'OurVerse Portal', href: 'https://portal.ourverse.tf' },
     { name: 'HeroVerse 3D', href: '/heroverse.html  ' },
     { name: 'Features', href: '/features.html' },
     { name: 'Usecases', href: '/usecases.html' },
-    { name: 'OurVerse App', href: '#' },
   ],
   support: [
     { name: 'Support', href: 'mailto:info@ourworld.tf' },
     { name: 'Community', href: '/community.html' },
     { name: 'Events', href: '/events.html' },
   ],
-  partners: [
+  companys: [
+    { name: 'About', href: '/about.html' },
     { name: 'OurWorld', href: 'https://ourworld.tf' },
+  ],
+  partners: [
     { name: 'ThreeFold', href: 'https://threefold.io' },
     { name: 'Vindo', href: 'https://vindo.ai' },
-    { name: 'Incubaid', href: 'https://incubaid.com' },
-  ],
-  legal: [
-    { name: 'Claim', href: 'https://threefold.io/tfLabs/' },
-    { name: 'Privacy', href: 'https://library.threefold.me/info/legal/#/legal__privacypolicy' },
-    { name: 'Terms', href: 'https://library.threefold.me/info/legal/#/legal__terms_conditions_websites' },
   ],
   social: [
     {
       name: 'Facebook',
-      href: '#',
+      href: 'https://www.facebook.com/profile.php?id=61566233156241',
       icon: (props) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
@@ -40,7 +36,7 @@ const navigation = {
     },
     {
       name: 'Instagram',
-      href: '#',
+      href: 'https://www.instagram.com/ourversetf/',
       icon: (props) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
@@ -53,7 +49,7 @@ const navigation = {
     },
     {
       name: 'X',
-      href: '#',
+      href: 'https://x.com/OurVerseTF',
       icon: (props) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
@@ -61,21 +57,30 @@ const navigation = {
       ),
     },
     {
-      name: 'GitHub',
-      href: '#',
+      name: 'LinkedIn',
+      href: 'https://www.linkedin.com/company/ourversetf/',
+      icon: (props) => (
+        <svg fill="currentColor" viewBox="0 0 24 24" height="24" width="24" {...props}>
+          <path
+            d="M4.98 3.5C4.98 4.88 3.87 6 2.49 6S0 4.88 0 3.5 1.1 1 2.49 1c1.38 0 2.49 1.12 2.49 2.5zM.1 8.95h4.8v14.8H.1V8.95zm8.7 0h4.6v2.03h.07c.64-1.2 2.2-2.47 4.53-2.47 4.85 0 5.74 3.18 5.74 7.3v8.94h-4.8v-7.9c0-1.88-.03-4.3-2.6-4.3-2.6 0-3 2.02-3 4.13v8.07h-4.8V8.95z"
+          />
+        </svg>
+      ),
+    },    
+    {
+      name: 'Telegram',
+      href: 'https://t.me/+wLcrJaC_DTw0NTVk',
       icon: (props) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
-            fillRule="evenodd"
-            d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-            clipRule="evenodd"
+            d="M12 0C5.372 0 0 5.373 0 12c0 6.628 5.372 12 12 12 6.628 0 12-5.372 12-12 0-6.628-5.372-12-12-12zm5.248 7.503l-1.893 8.964c-.141.623-.514.779-1.04.484l-2.866-2.13-1.384 1.328c-.153.151-.28.278-.572.278l.204-2.874 5.233-4.716c.23-.205-.05-.32-.356-.114l-6.467 4.086-2.794-.872c-.607-.187-.623-.608.126-.903l10.888-4.208c.51-.187.95.123.792.86z"
           />
         </svg>
       ),
     },
     {
       name: 'YouTube',
-      href: '#',
+      href: 'https://www.youtube.com/channel/UCavIIyki4cYFAUysi0aEDeA',
       icon: (props) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
@@ -108,7 +113,7 @@ export default function Footer2() {
             </p>
             <div className="flex space-x-6">
               {navigation.social.map((item) => (
-                <a key={item.name} href={item.href} className="text-purple-400 hover:text-purple-500">
+                <a key={item.name} href={item.href} className="text-purple-400 hover:text-purple-500" target="_blank" rel="noopener noreferrer">
                   <span className="sr-only">{item.name}</span>
                   <item.icon aria-hidden="true" className="h-6 w-6" />
                 </a>
@@ -144,21 +149,21 @@ export default function Footer2() {
             </div>
             <div className="md:grid md:grid-cols-2 md:gap-8">
               <div>
-                <h3 className="text-sm font-semibold leading-6 text-purple-900">Partners</h3>
+                <h3 className="text-sm font-semibold leading-6 text-purple-900">Company</h3>
                 <ul role="list" className="mt-6 space-y-4">
-                  {navigation.partners.map((item) => (
+                  {navigation.companys.map((item) => (
                     <li key={item.name}>
-                      <a href={item.href} className="text-sm leading-6 text-purple-600 hover:text-purple-900">
+                      <a href={item.href} className="text-sm leading-6 text-purple-600 hover:text-purple-900" target='_blank' rel='noopener noreferrer'>
                         {item.name}
                       </a>
                     </li>
                   ))}
                 </ul>
               </div>
-              <div className="mt-10 md:mt-0">
-                <h3 className="text-sm font-semibold leading-6 text-purple-900">Legal</h3>
+              <div>
+                <h3 className="text-sm font-semibold leading-6 text-purple-900">Partners</h3>
                 <ul role="list" className="mt-6 space-y-4">
-                  {navigation.legal.map((item) => (
+                  {navigation.partners.map((item) => (
                     <li key={item.name}>
                       <a href={item.href} className="text-sm leading-6 text-purple-600 hover:text-purple-900">
                         {item.name}
@@ -171,8 +176,15 @@ export default function Footer2() {
           </div>
         </div>
         <div className="mt-16 border-t border-purple-900/10 pt-8 sm:mt-20 lg:mt-24">
-          <p className="text-xs leading-5 text-purple-500">&copy; 2024 Ourworld Holdings, Inc. All rights reserved.</p>
-        </div>
+  <p className="text-xs leading-5 text-purple-500">
+    &copy; 2024 <a href="https://ourworld.tf" target="_blank" rel="noopener noreferrer" className="text-purple-500 hover:underline">Ourworld Holdings, Inc.</a> All rights reserved. 
+    <span className="mx-2">|</span>
+    <a href="https://library.threefold.me/info/legal/#/legal__privacypolicy" target="_blank" rel="noopener noreferrer" className="text-purple-500 hover:underline">Privacy Policy</a>
+    <span className="mx-2">|</span>
+    <a href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" target="_blank" rel="noopener noreferrer" className="text-purple-500 hover:underline">Terms & Conditions</a>
+  </p>
+</div>
+
       </div>
     </footer>
   )

src/components/Heropage.jsx

@@ -33,9 +33,6 @@ export function Heropage() {
             >
               Try HeroVerse 3D
             </a>
-            <a href="#" className="text-sm font-semibold leading-6 text-white hover:text-purple-200">
-              Learn more <span aria-hidden="true">→</span>
-            </a>
           </div>
         </div>
       </Container>

src/components/Usecases.jsx

@@ -26,8 +26,10 @@ export default function Usecases() {
         
         <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="#"
+              href="https://portal.ourverse.tf"
               className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
+              target="_blank"
+              rel="noopener noreferrer"
             >
               Join OurVerse
             </a>