change colors

.next/app-build-manifest.json

@@ -1,14 +1,14 @@
 {
   "pages": {
-    "/(main)/page": [
+    "/events/versefest/page": [
       "static/chunks/webpack.js",
       "static/chunks/main-app.js",
-      "static/chunks/app/(main)/page.js"
+      "static/chunks/app/events/versefest/page.js"
     ],
-    "/(main)/layout": [
+    "/events/layout": [
       "static/chunks/webpack.js",
       "static/chunks/main-app.js",
-      "static/chunks/app/(main)/layout.js"
+      "static/chunks/app/events/layout.js"
     ],
     "/layout": [
       "static/chunks/webpack.js",
@@ -21,20 +21,20 @@
       "static/chunks/main-app.js",
       "static/chunks/app/not-found.js"
     ],
+    "/(main)/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/(main)/page.js"
+    ],
+    "/(main)/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/(main)/layout.js"
+    ],
     "/_not-found/page": [
       "static/chunks/webpack.js",
       "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"
     ]
   }
 }

.next/build-manifest.json

@@ -2,7 +2,9 @@
   "polyfillFiles": [
     "static/chunks/polyfills.js"
   ],
-  "devFiles": [],
+  "devFiles": [
+    "static/chunks/react-refresh.js"
+  ],
   "ampDevFiles": [],
   "lowPriorityFiles": [
     "static/development/_buildManifest.js",
@@ -13,7 +15,16 @@
     "static/chunks/main-app.js"
   ],
   "pages": {
-    "/_app": []
+    "/_app": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/_app.js"
+    ],
+    "/_error": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/_error.js"
+    ]
   },
   "ampFirstPages": []
 }

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

@@ -1,5 +1,5 @@
 {
   "/_not-found/page": "app/_not-found/page.js",
   "/(main)/page": "app/(main)/page.js",
-  "/features/page": "app/features/page.js"
+  "/events/versefest/page": "app/events/versefest/page.js"
 }

.next/server/middleware-build-manifest.js

@@ -2,7 +2,9 @@ self.__BUILD_MANIFEST = {
   "polyfillFiles": [
     "static/chunks/polyfills.js"
   ],
-  "devFiles": [],
+  "devFiles": [
+    "static/chunks/react-refresh.js"
+  ],
   "ampDevFiles": [],
   "lowPriorityFiles": [],
   "rootMainFiles": [
@@ -10,7 +12,16 @@ self.__BUILD_MANIFEST = {
     "static/chunks/main-app.js"
   ],
   "pages": {
-    "/_app": []
+    "/_app": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/_app.js"
+    ],
+    "/_error": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/_error.js"
+    ]
   },
   "ampFirstPages": []
 };

.next/server/next-font-manifest.js

@@ -1 +1 @@
-self.__NEXT_FONT_MANIFEST="{\"pages\":{},\"app\":{},\"appUsingSizeAdjust\":false,\"pagesUsingSizeAdjust\":false}"
+self.__NEXT_FONT_MANIFEST="{\"pages\":{},\"app\":{\"/Users/sashaastiadi/code/git.ourworld.tf/ourverse_new/src/app/layout\":[\"static/media/7e6a2e30184bb114-s.p.woff2\",\"static/media/a34f9d1faa5f3315-s.p.woff2\"]},\"appUsingSizeAdjust\":true,\"pagesUsingSizeAdjust\":false}"

.next/server/next-font-manifest.json

@@ -1 +1 @@
-{"pages":{},"app":{},"appUsingSizeAdjust":false,"pagesUsingSizeAdjust":false}
+{"pages":{},"app":{"/Users/sashaastiadi/code/git.ourworld.tf/ourverse_new/src/app/layout":["static/media/7e6a2e30184bb114-s.p.woff2","static/media/a34f9d1faa5f3315-s.p.woff2"]},"appUsingSizeAdjust":true,"pagesUsingSizeAdjust":false}

.next/server/pages-manifest.json

@@ -1 +1,5 @@
-{}
+{
+  "/_app": "pages/_app.js",
+  "/_error": "pages/_error.js",
+  "/_document": "pages/_document.js"
+}

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

@@ -1,5 +1,5 @@
 {
   "node": {},
   "edge": {},
-  "encryptionKey": "VsC1ybqTzIV7qOgs/MzcoMKwigNw77JTLOuA1tsagyc="
+  "encryptionKey": "L5RleHwOBWxtb12ZIBoT+EpZnVmDL96LuFln3B3HCAc="
 }

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("42f9bdf21f212441")
+/******/ 		__webpack_require__.h = () => ("8f8a674e19016a58")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

.next/types/app/(main)/layout.ts

@@ -1,4 +1,4 @@
-// File: D:\github\ourverse_new\src\app\(main)\layout.jsx
+// File: /Users/sashaastiadi/code/git.ourworld.tf/ourverse_new/src/app/(main)/layout.jsx
 import * as entry from '../../../../src/app/(main)/layout.js'
 import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
 

.next/types/app/(main)/page.ts

@@ -1,4 +1,4 @@
-// File: D:\github\ourverse_new\src\app\(main)\page.jsx
+// File: /Users/sashaastiadi/code/git.ourworld.tf/ourverse_new/src/app/(main)/page.jsx
 import * as entry from '../../../../src/app/(main)/page.js'
 import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
 

src/app/(main)/page.jsx

@@ -6,6 +6,7 @@ import { Sponsors } from '@/components/Sponsors'
 import BentoSection from '@/components/Bentosection'
 import { Phasesdark } from '@/components/Phases'
 import HeroFeature from '@/components/HeroFeature'
+import CTA  from '@/components/Cta'
 import Eventbanner from '@/components/Eventbanner'
 
 export default function Home() {
@@ -17,6 +18,8 @@ export default function Home() {
       <HeroFeature />
       <BentoSection />
       <Eventbanner />
+      <CTA />
+
     </>
   )
 }

src/components/Bentosection.jsx

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

src/components/Cta.jsx

@@ -0,0 +1,33 @@
+export default function CTA() {
+    return (
+      <div className="relative bg-gradient-to-b from-white to-purple-50/80">
+        <div className="relative h-90 overflow-hidden md:absolute md:left-0 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 pt-32 pb-44 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-24 lg:pr-0 xl:pl-32">
+            <h2 className="text-intro">True Decentralized Metaverse</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">
+            At OurVerse, we go beyond traditional video calls. Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel <span className="text-gradient font-semibold">REAL</span>. 
+            Built on the decentralized ThreeFold Grid, we empower global collaboration 
+            with enhanced security, flexibility, and freedom.</p>
+            <div className="mt-8">
+              <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-gradient-dark2"
+              >
+                Be a Part of OurVerse
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    )
+  }
+  

src/components/Eventbanner.jsx

@@ -1,7 +1,7 @@
 export default function Eventbanner() {
     return (
         <div className="mx-auto max-w-2xl px-4 pb-24 sm:px-6 lg:max-w-7xl ">
-          <h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Community</h2>
+          <h2 className="text-intro">Community</h2>
           <h2 className="mt-2 mb-4  h3-title">
             Events
           </h2>

src/components/Events.jsx

@@ -36,7 +36,7 @@ const featuredPost = {
         <div className="mx-auto grid max-w-7xl grid-cols-1 gap-x-8 gap-y-12 px-6 sm:gap-y-16 lg:grid-cols-2 lg:px-8">
           
           <article className="mx-auto w-full max-w-2xl lg:mx-0 lg:max-w-lg">
-            <h2 className="text-base font-medium font-mono leading-7 text-cyan-600">Community</h2>
+            <h2 className="text-intro">Community</h2>
             <h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter text-gradient-dark lg:text-4xl">Events</h1> 
             <img
                 alt=""

src/components/Featureshome.jsx

@@ -92,7 +92,7 @@ export default function Featureshome() {
 
         <div className="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:items-center lg:gap-8">
           <div className="relative">
-            <h2 className="text-base  font-medium font-mono leading-7 text-cyan-700">Features</h2>
+            <h2 className="text-intro">Features</h2>
             <h3 className="h3-title">Collaboration & Creation Tools</h3>
             <p className="mt-4 section-text">
             Transform how you and your team work together with our innovative, real-time creative tools.

src/components/Header.jsx

@@ -26,7 +26,7 @@ export function Header() {
         <div className="hidden lg:flex lg:items-center lg:gap-8 lg:grow lg:basis-0">
           <div className="flex gap-8 mx-auto">
             {navigationItems.map((item) => (
-              <a key={item.name} href={item.href} className="text-purple-700 font-semibold hover:text-cyan-700">
+              <a key={item.name} href={item.href} className="text-purple-700 font-semibold hover:text-purple-400">
                 {item.name}
               </a>
             ))}

src/components/Hero.jsx

@@ -33,7 +33,7 @@ export function Hero() {
               ['Countries', '15'],
             ].map(([name, value]) => (
               <div key={name}>
-                <dt className="font-mono text-sm text-cyan-600">{name}</dt>
+                <dt className="text-intro">{name}</dt>
                 <dd className="mt-0.5 text-2xl font-semibold tracking-tight text-gradient-dark">
                   {value}
                 </dd>

src/components/HeroFeature.jsx

@@ -24,13 +24,13 @@ import {
             >
               NEW
             </btn>
-            <p className="mt-8 h2-title  text-center">Introducing: OurHero Verse 3D</p>
+            <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">
             First Generative AI 3D Tools for the Metaverse and Beyond
             </p>
           </div>
         </div>
-        <div className="relative overflow-hidden pt-16">
+        <div className="relative overflow-hidden pt-8">
           <div className="mx-auto max-w-6xl px-6 lg:px-8">
             {/* embed Video */}
             <video
@@ -49,7 +49,7 @@ import {
           </div>
         </div>
         <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-base font-medium font-mono leading-7  text-cyan-700">Generative AI 3D Tool</h2>
+        <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">
         Our team has developed a cutting-edge system allowing users to generate with AI, full 3D virtual environments using text input alone, 

src/components/Layout.jsx

@@ -4,6 +4,7 @@ import Banner from '@/components/Banner'
 import { Header } from '@/components/Header'
 import Footer2 from './Footer2'
 
+
 export function Layout({ children, showFooter = true }) {
   return (
     <>

src/components/Phasesdark.jsx

@@ -55,7 +55,7 @@ export function Phasesdark() {
               <div key={item.name}>
                 <time
                   dateTime={item.dateTime}
-                  className="flex items-center text-sm font-semibold leading-6 text-cyan-400"
+                  className="flex items-center text-sm font-semibold leading-6 text-purple-400"
                 >
                   <svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none">
                     <circle r={2} cx={2} cy={2} fill="currentColor" />

src/components/Product.jsx

@@ -47,7 +47,7 @@ export function Product() {
     <section id="schedule" aria-label="Schedule" className="py-8 lg:py-24 mb-12">
       <Container className="relative z-10">
         <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
-          <h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Usecases</h2>
+          <h2 className="text-intro">Usecases</h2>
           <h2 className="mt-2  h3-title">
           Transforming Possibilities Across Industries Digitally
           </h2>
@@ -72,7 +72,7 @@ export function Product() {
                   />
                 </div>
                 <div className="relative mt-4">
-                  <h3 className="lg:text-base text-lg font-medium text-cyan-700">{product.name}</h3>
+                  <h3 className="text-intro">{product.name}</h3>
                   <p className="mt-1 mb-2 lg:text-sm text-base text-purple-900">{product.color}</p>
                   <a href={product.href} className="lg:text-xs text-sm font-mono text-cyan-600  hover:text-purple-600">
                     Read Usecase <span aria-hidden="true">→</span>

src/components/blogs/Blog_1.jsx

@@ -26,7 +26,7 @@ export default function Blog_1() {
           <br /><br></br>
           </p>
           <p>
-          <strong className="font-semibold lg:text-2xl text-xl tracking-tight text-cyan-700">Key Features of Hero-GPT:</strong>
+          <strong className="font-semibold lg:text-2xl text-xl tracking-tight text-purple-700">Key Features of Hero-GPT:</strong>
          </p>
           <ul role="list" className="mt-4 mb-8 max-w-xl space-y-4 text-gray-600">
           <li className="flex gap-x-3">

src/styles/tailwind.css

@@ -283,4 +283,12 @@
       text-align: center;
     }
   }
-  
+  
+  .text-intro {
+    font-size: 1rem; /* equivalent to 'text-base' */
+    font-weight: 500; /* equivalent to 'font-medium' */
+    font-family: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace; /* equivalent to 'font-mono' */
+    line-height: 1.75rem; /* equivalent to 'leading-7' */
+    color: rgb(116, 0, 204); /* equivalent to 'text-cyan-700' */
+}
+