edit text

.next/app-build-manifest.json

@@ -26,26 +26,6 @@
       "static/chunks/main-app.js",
       "static/chunks/app/_not-found/page.js"
     ],
-    "/features/page": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/features/page.js"
-    ],
-    "/features/layout": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/features/layout.js"
-    ],
-    "/heroverse/page": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/heroverse/page.js"
-    ],
-    "/heroverse/layout": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/heroverse/layout.js"
-    ],
     "/community/page": [
       "static/chunks/webpack.js",
       "static/chunks/main-app.js",
@@ -55,46 +35,6 @@
       "static/chunks/webpack.js",
       "static/chunks/main-app.js",
       "static/chunks/app/community/layout.js"
-    ],
-    "/about/page": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/about/page.js"
-    ],
-    "/about/layout": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/about/layout.js"
-    ],
-    "/usecases/page": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/usecases/page.js"
-    ],
-    "/usecases/layout": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/usecases/layout.js"
-    ],
-    "/events/page": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/events/page.js"
-    ],
-    "/events/layout": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/events/layout.js"
-    ],
-    "/events/versefest/page": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/events/versefest/page.js"
-    ],
-    "/events/blockchainweek1/page": [
-      "static/chunks/webpack.js",
-      "static/chunks/main-app.js",
-      "static/chunks/app/events/blockchainweek1/page.js"
     ]
   }
 }

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

@@ -1,7 +1,4 @@
 {
-  "/features/page": "app/features/page.js",
+  "/(main)/page": "app/(main)/page.js",
-  "/about/page": "app/about/page.js",
+  "/community/page": "app/community/page.js"
-  "/usecases/page": "app/usecases/page.js",
-  "/community/page": "app/community/page.js",
-  "/(main)/page": "app/(main)/page.js"
 }

.next/server/server-reference-manifest.json

@@ -1,5 +1,5 @@
 {
   "node": {},
   "edge": {},
-  "encryptionKey": "+1rGVQPCJH9xMSzoUBYU1yDeR+6UrHPLj0lzF9tSc/4="
+  "encryptionKey": "Y8D0NVFFsM14uAFyoqSoRe0dXyxHh/we0FIEScsKM18="
 }

.next/server/webpack-runtime.js

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

src/components/Abouthero.jsx

@@ -17,7 +17,7 @@ export default function Abouthero() {
       </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-gradient-new2 text-3xl">
+          <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 decentralized metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel REAL. 
@@ -27,7 +27,7 @@ export default function Abouthero() {
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
               href="#"
-              className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
+              className="rounded-2xl btn-dark text-base font-semibold px-3.5 py-2.5"
             >
               Join OurVerse
             </a>

src/components/Aboutnodes.jsx

@@ -22,7 +22,7 @@ export default function Aboutnodes() {
           <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-sm font-semibold text-white shadow-sm btn-dark"
+              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"
             >

src/components/Bentosection.jsx

@@ -68,11 +68,11 @@ export default function BentoSection() {
           <div className="mt-10 flex gap-x-8">
           <a
               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"
+              className="rounded-2xl btn-dark px-3.5 py-2.5 text-base 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="/usecases.html" className="text-sm py-2.5 font-semibold leading-6 text-link">
+          <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>

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-new2  lg:text-5xl">
+            <h2 className="text-3xl font-bold tracking-tight text-white  lg:text-5xl">
               The Future of Collaboration
               <br />
               is now.
@@ -14,7 +14,7 @@ export default function Bottom() {
             <div className="mt-10 flex items-center justify-center gap-x-6">
               <a
                 href="https://portal.ourverse.tf"
-                className="rounded-2xl btn-light px-3.5 py-2.5 text-sm font-semibold text-gray-900"
+                className="rounded-2xl btn-dark text-base font-semibold text-gray-900"
                 target="_blank"
                 rel="noopener noreferrer"c
               >

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-dark py-2 px-4 text-xs 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',
+    '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/Communhero.jsx

@@ -16,7 +16,7 @@ export default function Communhero() {
       {/* 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-xl lg:mx-0">
-          <h2 className="mt-2 lg:text-5xl font-semibold tracking-tight text-gradient-new2 text-3xl">
+          <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 section-text-light font-display max-w-xl text-purple-50">
@@ -29,7 +29,7 @@ export default function Communhero() {
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
               href="#"
-              className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
+              className="rounded-2xl btn-dark font-semibold px-3.5 py-2.5"
             >
               Join OurVerse
             </a>

src/components/Cta.jsx

@@ -20,11 +20,11 @@ export default function CTA() {
             <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"
+                className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-base font-semibold text-white shadow-sm btn-dark"
               >
                 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">
+              <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>

src/components/Eventbanner.jsx

@@ -18,16 +18,16 @@ export default function Eventbanner() {
             <div aria-hidden="true" className="relative h-32 w-full lg:hidden" />
             <div className="absolute py-4 inset-x-0 bottom-0 rounded-bl-lg rounded-br-lg bg-purple-950 bg-opacity-90 p-6 backdrop-blur backdrop-filter sm:flex sm:items-center sm:justify-between lg:inset-x-auto lg:inset-y-0 lg:w-96  lg:flex-col lg:items-start lg:rounded-br-none lg:rounded-tl-lg">
               <div>
-                <h2 className="mt-4 lg:text-3xl text-xl font-bold text-gradient-new2">OurVerse </h2>
+                <h2 className="mt-4 lg:text-3xl text-xl font-bold text-white">OurVerse </h2>
-                    <h2 className="lg:text-3xl text-xl font-bold text-gradient-new2">FutureFest 2024</h2>
+                    <h2 className="lg:text-3xl text-xl font-bold text-white">FutureFest 2024</h2>
-                    <h3 className="text-xl font-bold text-gradient-new2">Nov 22 - 24</h3>
+                    <h3 className="text-xl font-bold text-white">Nov 22 - 24</h3>
                 <p className="mt-4 text-md text-gray-300">
                 OurVerse's OurFutureFest connects freelancers, innovators, and businesses in the Metaverse, empowering them to explore new technologies and collaborate seamlessly across boundaries.
                 </p>
               </div>
               <a
                 href="/events/versefest.html"
-                className="mt-6 flex flex-shrink-0 items-center justify-center rounded-md btn-light bg-opacity-0 px-4 py-3 text-base font-medium text-white hover:bg-opacity-10 sm:ml-8 sm:mt-0 lg:ml-0 lg:w-full"
+                className="mt-6 flex flex-shrink-0 items-center justify-center rounded-md btn-dark bg-opacity-0 px-4 py-3 text-base font-medium text-white hover:bg-opacity-10 sm:ml-8 sm:mt-0 lg:ml-0 lg:w-full"
               >
                 Register Now
               </a>

src/components/Events.jsx

@@ -54,11 +54,11 @@ const featuredPost = {
             <div className="mt-4 flex items-center gap-x-6">
                     <a
                       href="#"
-                      className="rounded-2xl font-semibold btn-dark text-sm leading-6"
+                      className="rounded-2xl font-semibold btn-dark text-base leading-6"
                     >
                       Learn More
                     </a>
-                    <a href="/events" className="text-sm font-semibold leading-6 text-linkgo">
+                    <a href="/events" className="text-base font-semibold leading-6 text-linkgo">
                       See more events <span aria-hidden="true">→</span>
                     </a>
                   </div>

src/components/Featurehero.jsx

@@ -17,7 +17,7 @@ export default function Featurehero() {
       </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 text-gradient-new2 text-4xl">The Future of Collaboration</h2>
+          <h2 className="lg:text-6xl font-semibold tracking-tight text-white text-4xl">The Future of Collaboration</h2>
           <p className="mt-6 section-text-light max-w-xl font-display">
           Step into the future of communication and collaboration with immersive virtual environments. 
           OurVerse provides innovative tools that transform your events, meetings, and creative projects, 
@@ -26,7 +26,7 @@ export default function Featurehero() {
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
               href="https://portal.ourverse.tf"
-              className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
+              className="rounded-2xl btn-dark font-semibold px-3.5 py-2.5"
               target="_blank"
               rel="noopener noreferrer"
             >

src/components/Featureshome.jsx

@@ -185,9 +185,7 @@ export default function Featureshome() {
                   </div>
                 ))}
                 <div className="mt-6">
-                  <a
+                  <a href="/features" className="inline-flex rounded-2xl px-4 py-1.5 text-base font-semibold leading-7 text-white shadow-sm btn-dark"
-                    href="/features"
-                    className="inline-flex rounded-2xl px-4 py-1.5 text-base font-semibold leading-7 text-white shadow-sm btn-dark
                   >
                     Explore Features
                   </a>

src/components/HeroFeature.jsx

@@ -64,11 +64,11 @@ import {
         <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
             <a
               href="#"
-              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"
+              className="rounded-2xl btn-dark px-3.5 py-2.5 text-base 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"
             >
               Try Now
             </a>
-            <a href="/heroverse.html" className="text-sm font-semibold leading-6 text-link">
+            <a href="/heroverse.html" className="text-base font-semibold leading-6 text-link">
               Learn more <span aria-hidden="true">→</span>
             </a>
           </div>

src/components/Heropage.jsx

@@ -20,16 +20,16 @@ export function Heropage() {
         </video>
 
         <div className="mx-auto max-w-xl lg:max-w-6xl text-center">
-          <h1 className="font-display lg:max-w-3xl font-bold text-gradient-new2 tracking-tighter lg:text-6xl text-4xl">
+          <h1 className="font-display lg:max-w-3xl font-bold text-white tracking-tighter lg:text-6xl text-4xl">
           OurHero Verse 3D
           </h1>
-          <h2 className="font-display mt-8 lg:max-w-4xl section-text-light">OurVerse has developed <span className='font-semibold text-gradient-new2'>OurHero Verse 3D</span>, a cutting-edge system that allows users to generate full 3D virtual environments using text input alone. With this tool, users can create immersive and interactive environments, tailored to their needs, simply by describing them.  <br/> <br/>In addition to full environments, the system can generate HDRI environments, ensuring a surrounding atmosphere that matches the generated space. </h2>
+          <h2 className="font-display mt-8 lg:max-w-4xl section-text-light">OurVerse has developed <span className='font-semibold text-white'>OurHero Verse 3D</span>, a cutting-edge system that allows users to generate full 3D virtual environments using text input alone. With this tool, users can create immersive and interactive environments, tailored to their needs, simply by describing them.  <br/> <br/>In addition to full environments, the system can generate HDRI environments, ensuring a surrounding atmosphere that matches the generated space. </h2>
           <div className="lg:max-w-3xl max-w-2xl my-6 space-y-6 font-display font-medium lg:text-2xl text-xl tracking-tight leading-normal text-purple-800">
           </div>
           <div className="mt-10 pb-8 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 shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
+              className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold shadow-sm"
             >
               Try HeroVerse 3D
             </a>

src/components/Homepage.jsx

@@ -20,7 +20,7 @@ export function Homepage() {
         </video>
 
         <div className="mx-auto max-w-xl lg:max-w-6xl text-center">
-          <h1 className="font-display lg:max-w-3xl font-bold text-gradient-new2 tracking-tighter lg:text-7xl text-5xl">
+          <h1 className="font-display lg:max-w-3xl font-bold text-white tracking-tighter lg:text-7xl text-5xl">
             The Future of <span className='text-white'>Collaboration is Now.</span>
           </h1>
           <div className="lg:max-w-3xl max-w-2xl my-6 space-y-6 font-display font-medium lg:text-2xl text-xl tracking-tight leading-normal text-purple-800">
@@ -30,11 +30,11 @@ export function Homepage() {
               href="https://portal.ourverse.tf"
               target="_blank" 
               rel="noopener noreferrer" 
-              className="rounded-2xl btn-light px-3.5 py-2.5 text-sm font-semibold"
+              className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold"
             >
               Join OurVerse
             </a>
-            <a href="/features.html" className="text-sm font-semibold leading-6 text-white hover:text-purple-200">
+            <a href="/features.html" className="text-base font-semibold leading-6 text-white hover:text-purple-200">
               Discover Features <span aria-hidden="true">→</span>
             </a>
           </div>

src/components/Phases.jsx

@@ -44,7 +44,7 @@ export function Phasesdark() {
     return (
         <div className="bg-gradient-dark min-h-screen">
           <div className="mx-auto max-w-7xl py-24 px-6 lg:px-8">
-            <h2 className="lg:text-4xl pt-20 font-semibold tracking-tight leading-normal text-gradient-new2 text-3xl">
+            <h2 className="lg:text-4xl pt-20 font-semibold tracking-tight leading-normal text-white text-3xl">
               Experience True Collaboration
             </h2>
             <p className="mt-4 mb-4 text-purple-100 lg:text-xl space-y-6 font-display">
@@ -62,7 +62,7 @@ export function Phasesdark() {
                   <time
                     dateTime={item.dateTime}
                     className={`flex items-center text-md font-semibold leading-6 ${
-                      item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-gradient-new2 lg:text-xl' : 'text-purple-200'
+                      item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-white lg:text-xl' : 'text-purple-200'
                     }`}
                   >
                     <svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none">
@@ -72,7 +72,7 @@ export function Phasesdark() {
                   </time>
                   <p
                     className={`mt-6 text-lg font-semibold leading-6 tracking-tight ${
-                      item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-gradient-new2' : 'text-purple-200'
+                      item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-white' : 'text-purple-200'
                     }`}
                   >
                     {item.name}

src/components/Usecases.jsx

@@ -15,7 +15,7 @@ export default function Usecases() {
       {/* 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 lg:text-5xl font-semibold tracking-tight text-gradient-new2 text-3xl">
+          <h2 className="mt-2 lg:text-5xl font-semibold tracking-tight text-white text-3xl">
             Exploring Impactful Use Cases from Real-life Applications
           </h2>
           <p className="mt-6 text-lg max-w-xl leading-8 text-purple-50">
@@ -27,7 +27,7 @@ export default function Usecases() {
         <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
               href="https://portal.ourverse.tf"
-              className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
+              className="rounded-2xl btn-dark font-semibold px-3.5 py-2.5"
               target="_blank"
               rel="noopener noreferrer"
             >

src/styles/tailwind.css

@@ -397,7 +397,7 @@
 .btn-dark {
   background: radial-gradient(circle, #5e4589 0%, #341a55 100%); /* Radial gradient dark purple */
   color: white;
-  padding: 8px 15px;
+  padding: 10px 18px;
   border: none;
   cursor: pointer;
   transition: background 0.3s ease;
@@ -421,4 +421,17 @@
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
-}
+}
+
+.btn-new {
+  background:  radial-gradient(circle, #7152a6 0%, #755bb2 0%, #5e4589 50%, #341a55 100%); /* Light purple gradient similar to the bird */
+  color: #ffffff; /* Dark purple color similar to the text */
+  padding: 8px 15px;
+  border: none;
+  cursor: pointer;
+  border-radius: 1rem /* 16px */;
+}
+
+.btn-new:hover {
+  background: radial-gradient(circle, #341a55 0%, #5e4589 100%); /* Reverse gradient on hover */
+}