update layout

.next/app-build-manifest.json

@@ -36,6 +36,16 @@
       "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,26 +65,6 @@
       "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"
-    ],
-    "/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"
     ]
   }
 }

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

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

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

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

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("56a1dd5235a7e565")
+/******/ 		__webpack_require__.h = () => ("61d88bdfde5b4f52")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

src/components/Aboutco.jsx

@@ -9,7 +9,7 @@ export default function Aboutcof() {
           </h1>
             <figure className="mt-8 flex flex-auto flex-col justify-between">
               <div>
-                <p className="section-text lg:text-lg text-md">
+                <p className="section-text font-display  lg:text-lg text-md">
                 We envision a world where virtual collaboration is as natural and effective as working together in person. <br/>
                 Our platform aims to be the go-to solution for the future of collaboration, offering businesses, creators, 
                 and communities a dynamic space to connect, create, and thrive.  <br/>  <br/>We are building a metaverse where opportunities 
@@ -24,7 +24,7 @@ export default function Aboutcof() {
           </h1>
             <figure className="mt-8 flex flex-auto flex-col justify-between">
               <div>
-                <p className="section-text lg:text-lg text-md">
+                <p className="section-text font-display  lg:text-lg text-md">
                 Our mission is to create the future of collaboration by providing an immersive metaverse where people can meet and innovate together as if they were in the same room. 
                 We break down the barriers of distance, technology, and resources to make global collaboration seamless and meaningful. <br/>  <br/>
                 Powered by the ThreeFold Grid, our platform offers secure, flexible spaces where users have full control over their virtual experiences, making every interaction engaging and productive.

src/components/Abouthero.jsx

@@ -19,11 +19,19 @@ export default function Abouthero() {
         <div className="mx-auto max-w-2xl lg:mx-0">
           <h2 className="lg:text-6xl font-semibold tracking-tight lg:max-w-xl max-w-md leading-tight text-gradient text-3xl">At OurVerse, <br/>
           we go beyond traditional video calls. </h2>
-          <p className="mt-6 section-text-light lg:text-lg text-sm">
+          <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. 
           </p>
-          <p className='mt-4 section-text-light text-lg font-semibold'>Break the barriers. Experience true collaboration. Build your own World. 
+          <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="#"
+              className="rounded-2xl btn-gradient-dark2 font-semibold px-3.5 py-2.5"
+            >
+              Join OurVerse
+            </a>
+          </div>
         </div>
       </div>
     </div>

src/components/Bentosection.jsx

@@ -62,7 +62,7 @@ export default function BentoSection() {
           <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">

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/Build.jsx

@@ -53,7 +53,7 @@ import {
         <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/Casestudies.jsx

@@ -108,7 +108,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>

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

@@ -19,8 +19,10 @@ export default function Communhero() {
           <h2 className="mt-2 text-3xl font-semibold tracking-tight text-gradient sm:text-4xl">
           A United Community <br/>Creating the Future of <br/>Virtual Worlds
           </h2>
-          <p className="mt-6 text-lg leading-8 max-w-xl 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>

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

@@ -55,7 +55,7 @@ import {
 
             <p className="mt-2 h3-title">
             MyVerse Social</p>
-            <p className="mt-4 section-text">
+            <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>

src/components/Eventmgmt.jsx

@@ -32,7 +32,7 @@ export default function Eventmgmt() {
           <div className="lg:ml-auto lg:pl-4 lg:pt-4">
             <div className="lg:max-w-lg">
               <p className="mt-2 h3-title">Event Management</p>
-              <p className="mt-4 section-text">
+              <p className="mt-4 section-text font-display ">
               Host and manage tailored events with versatile venues, real-time updates, and powerful engagement tools to ensure a seamless and memorable experience.
               </p>
               <dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">

src/components/Events.jsx

@@ -49,7 +49,7 @@ const featuredPost = {
             <time dateTime={featuredPost.datetime} className="mt-2 block text-sm leading-6 text-purple-600">
             {featuredPost.date}
             </time>
-            <p className="mt-2 section-text">{featuredPost.description}</p>
+            <p className="mt-2 section-text font-display ">{featuredPost.description}</p>
             <div className="mt-4 flex flex-col justify-between gap-6 sm:mt-8 sm:flex-row-reverse sm:gap-8 lg:mt-4 lg:flex-col">
               <div className="flex">
                 <a

src/components/Featurehero.jsx

@@ -5,24 +5,32 @@ export default function Featurehero() {
     <div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
       <img
         alt=""
-        src="/images/bgimage.jpg"
+        src="/images/featureshome.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="absolute inset-0 bg-gradient-to-r from-[#302b4b] via-[#302b4b]/70 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 className="absolute inset-0 bg-gradient-to-b  from-[#302b4b] via-[#443c94] 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 text-gradient text-xl">The Future of Collaboration</h2>
-          <p className="mt-6 section-text-light">
+          <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, 
           offering fresh and exciting ways to bring your vision to life.
           </p>
+          <div className="mt-10 pb-8 flex items-center gap-x-6">
+            <a
+              href="#"
+              className="rounded-2xl btn-gradient-dark2 font-semibold px-3.5 py-2.5"
+            >
+              Join OurVerse
+            </a>
+          </div>
         </div>
       </div>
     </div>

src/components/Featureshome.jsx

@@ -47,9 +47,9 @@ const communicationFeatures = [
   },
   {
     id: 3,
-    name: 'MyVerse Social',
+    name: 'Integrated CRM',
     description:
-      'Connect with friends and family in a virtual space that feels like the real world. Share your thoughts, ideas, and experiences with others in a safe and secure environment.',
+      'Manage customer and user interactions within one unified platform designed to support your business’s digital transformation.',
     icon: CalendarIcon,
   },
 ]
@@ -85,7 +85,7 @@ export default function Featureshome() {
           <h2 className="text-center h3-title">
           The Future of Communication and Collaboration
           </h2>
-          <p className="mx-auto mt-4 max-w-3xl text-center section-text">
+          <p className="mx-auto mt-4 max-w-3xl text-center section-text font-display ">
           OurVerse offers cutting-edge tools and immersive virtual environments designed to bring your events, meetings, and creative projects to life in new and exciting ways.
           </p>
         </div>
@@ -94,7 +94,7 @@ export default function Featureshome() {
           <div className="relative">
             <h2 className="text-base  font-medium font-mono leading-7 text-cyan-700">Features</h2>
             <h3 className="h3-title">Collaboration & Creation Tools</h3>
-            <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, real-time creative tools.
             </p>
 
@@ -221,7 +221,7 @@ export default function Featureshome() {
               </svg>
               <img
                 alt=""
-                src="/images/featureshome.jpg"
+                src="/images/feature2a.png"
                 width={490}
                 className="relative mx-auto"
               />

src/components/Hero.jsx

@@ -16,7 +16,7 @@ export function Hero() {
           <h1 className="lg:mt-2 mt-0 font-display lg:text-2xl text-lg font-semibold tracking-tight text-gradient-dark">
             Beyond Traditional Video Calls.  
           </h1>
-          <div className="mt-4 space-y-6 mx-4 font-display section-text">
+          <div className="mt-4 space-y-6 mx-4 font-display section-text font-display ">
             <p>
             <span className='emphasis'>OurVerse</span> is a fully immersive metaverse platform, offering a space where virtual interactions 
             feel real, engaging, and limitless. Our metaverse is fully decentralized and <span className='emphasis text-gradient-dark'>powered by the ThreeFold Grid</span>, enabling global collaboration with enhanced security, flexibility and freedom.  

src/components/HeroFeature.jsx

@@ -25,7 +25,7 @@ import {
               NEW
             </btn>
             <p className="mt-8 h3-title  text-center">Introducing: OurHero Verse 3D</p>
-            <p className="mt-4 items-center align-center text-center section-text-ct">
+            <p className="mt-4 items-center align-center text-center section-text font-display -ct">
             First Generative AI 3D Tools for the Metaverse and Beyond
             </p>
           </div>
@@ -51,11 +51,11 @@ import {
         <div className="mt-4 mx-auto lg:mt-16 max-w-5xl px-6 mt-20 md:mt-24 lg:px-8 text-center items-center">
         <h2 className="text-intro">Generative AI 3D Tool</h2>
         <p className="mt-4 h3-title text-center">Transform your Imagination into Immersive Reality </p>
-        <p className="mt-8 items-center align-center section-text-ct">
+        <p className="mt-8 items-center align-center section-text font-display -ct">
         Our team has developed a cutting-edge system allowing users to generate with AI, full 3D virtual environments using text input alone, 
         by eliminating traditional barriers such as high technical skill requirements or expensive software. 
         </p>
-        <p className="mt-4 items-center align-center section-text-ct">
+        <p className="mt-4 items-center align-center section-text font-display -ct">
         Anyone, regardless of their background, skill level, or geographical location, can use the system to create complex 3D interactives environments tailored to their needs, 
         simply by describing them. 
         </p>

src/components/HeroFeature2.jsx

@@ -46,7 +46,7 @@ export default function HeroFeature2() {
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-4xl text-center justify-center items-center">
           <p className="mt-8 h3-title text-center">HeroVerse 3D</p>
-          <p className="mt-4 items-center align-center text-center section-text-ct">
+          <p className="mt-4 items-center align-center text-center section-text font-display -ct">
             First Generative AI 3D Tools for the Metaverse and Beyond
           </p>
         </div>

src/components/Product.jsx

@@ -51,7 +51,7 @@ export function Product() {
           <h2 className="mt-2  h3-title">
           Transforming Possibilities Across Industries Digitally
           </h2>
-          <p className="mt-4 section-text">
+          <p className="mt-4 section-text font-display ">
           Explore diverse scenarios where our platform empowers users to create, collaborate, 
           and innovate in immersive virtual environments, unlocking new potentials across industries and communities.
           </p>

src/components/Socials.jsx

@@ -49,7 +49,7 @@ export default function Socials() {
         <p className="mt-2 h3-title">
           Get Involved
         </p>
-        <p className="mx-auto mt-4 max-w-prose section-text">
+        <p className="mx-auto mt-4 max-w-prose section-text font-display ">
           Be a part of our global community by participating in open discussions and follow the most recent updates and news from OurVerse.
         </p>
         <div className="mt-12">

src/components/Studio.jsx

@@ -32,7 +32,7 @@ export default function Studio() {
           <div className="lg:pr-8 lg:pt-4">
             <div className="lg:max-w-lg">
               <p className="mt-2 h3-title">OurVerse Studio</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/styles/tailwind.css

@@ -270,7 +270,7 @@
 
   .section-text-light {
     font-size: 1.25rem; /* matches 'text-lg', adjust to match 'lg:text-xl' for responsive design */
-    letter-spacing: -0.015em; /* matches 'tracking-tight' */
+    letter-spacing: 0.015em; /* matches 'tracking-tight' */
     line-height: 1.5rem; /* matches 'leading-tight' */
     color: #ffffff 
   }