Merge pull request 'development' (!9) from development into master

Reviewed-on: ourworld_web/ourverse_new#9

README.md

@@ -1,6 +1,6 @@
 Ourverse 
 
-This is a [Tailwind UI](https://tailwindui.com) site template built using [Tailwind CSS](https://tailwindcss.com) and [Next.js](https://nextjs.org).
+Keynote 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,7 +20,11 @@ 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. Please see [editing_guide](editing_guide.md) for detailed guide on how to edit texts and content on this website
+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).
 
 ## Learn more
 

editing_guide.md

@@ -1,97 +0,0 @@
-# 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'

src/app/(main)/page.jsx

@@ -1,8 +1,12 @@
 import { Homepage } from '@/components/Homepage'
 import { Hero } from '@/components/Hero'
-import { Phases } from '@/components/Phases'
+import Events from '@/components/Events'
-import HeroFeature from '@/components/HeroFeature'
+import { Product } from '@/components/Product'
+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() {
@@ -10,7 +14,7 @@ export default function Home() {
     <>
       <Homepage />
       <Hero />
-      <Phases />
+      <Phasesdark />
       <HeroFeature />
       <BentoSection />
       <Eventbanner />

src/app/about/page.jsx

@@ -1,7 +1,7 @@
 
 import Abouthero from '@/components/Abouthero'
-import Aboutvalues from '@/components/Aboutvalues'
 import Aboutco from '@/components/Aboutco'
+import Aboutvalues from '@/components/Aboutvalues'
 import CTA from '@/components/Cta'
 import Aboutnodes from '@/components/Aboutnodes'
 

src/app/community/page.jsx

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

src/app/events/freelancefest/page.jsx

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

src/app/events/page.jsx

@@ -1,3 +1,10 @@
+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'
 

src/app/features/page.jsx

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

src/app/usecases/page.jsx

@@ -1,5 +1,7 @@
 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

@@ -10,10 +10,10 @@ export default function Aboutcof() {
             <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.
+                We envision a world where virtual collaboration is as natural and effective as working together in person. <br/>
-                <br></br>
+                Our platform aims to be the go-to solution for the future of collaboration, offering businesses, creators, 
-                <br></br>
+                and communities a dynamic space to connect, create, and thrive.  <br/>  <br/>We are building a metaverse where opportunities 
-                By building a metaverse with limitless opportunities for innovation, we empower people to collaborate beyond the physical world.
+                for innovation and connection are boundless, empowering people to collaborate beyond the limits of the physical world.
                 </p>
               </div>
             </figure>
@@ -25,10 +25,9 @@ export default function Aboutcof() {
             <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.
+                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. 
-                <br></br>
+                We break down the barriers of distance, technology, and resources to make global collaboration seamless and meaningful. <br/>  <br/>
-                <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.
-                To bring OurVerse’s vision to life, we have decided to fully decentralize our platform in the coming months.
                 </p>
               </div>
             </figure>

src/components/Abouthero.jsx

@@ -20,7 +20,7 @@ export default function Abouthero() {
           <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. 
+          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 max-w-lg font-displays font-semibold'>Break the barriers. Experience true collaboration. Build your own World. 
           </p>

src/components/Aboutnodes.jsx

@@ -10,11 +10,14 @@ export default function Aboutnodes() {
           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.
+          As our metaverse expands, it's 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.
+          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.
+            By owning a node, you become a vital part of this growth, enhancing the stability, speed, 
+            and potential of the metaverse. You 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

src/components/Aboutvalues.jsx

@@ -2,22 +2,22 @@ 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.',
+        'We believe everyone, regardless of location or resources, should have access to immersive virtual spaces. Our decentralized platform bridges gaps, enabling seamless global collaboration.',
     },
     {
-        name: 'Towards Decentralization',
+        name: 'Decentralization & Freedom',
         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.',
+          'Powered by the ThreeFold Grid, our metaverse is fully decentralized, giving users ownership, security, and control over their digital experiences, free from centralized interference.',
       },
       {
         name: 'Innovation & Opportunity',
         description:
-          'Our platform empowers creators to innovate, build, and monetize their ideas in the metaverse, fostering limitless creativity and opportunities.',
+          'Our platform empowers creators to innovate, build, and monetize their ideas in a decentralized economy, 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.',
+          'We enable 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',
@@ -27,7 +27,7 @@ const features = [
       {
         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.',
+          'Our decentralized infrastructure ensures user data and assets are protected, giving users complete control and privacy over their virtual identities.',
       },
     
   ]

src/components/Banner.jsx

@@ -1,15 +1,15 @@
 import { XMarkIcon } from '@heroicons/react/20/solid'
 
-export default function Banner() {
+export default function Example() {
   return (
     <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/freelancefest.html">
+        <a href="#">
-          <strong className="font-semibold">OurVerse FreelanceFest 2024</strong>
+          <strong className="font-semibold">OurVerse FutureFest 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 Oct 26 - 28 to see what’s coming next&nbsp;<span aria-hidden="true">&rarr;</span>
+          Join us from Nov 22 – 24 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

@@ -87,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.html"
+          link="/features"
         />
         <BentoCard
           eyebrow="Connected Experiences"
@@ -98,7 +98,7 @@ export default function BentoSection() {
           }
           fade={['bottom']}
           className="lg:col-span-3 lg:rounded-tr-4xl"
-          link="/features.html"
+          link="/features"
         />
         <BentoCard
           eyebrow="3D Modeling"
@@ -119,7 +119,7 @@ export default function BentoSection() {
           }
           fade={['bottom']}
           className="lg:col-span-2"
-          link="/features.html"
+          link="/features"
         />
         <BentoCard
           eyebrow="Social Media"
@@ -130,7 +130,7 @@ export default function BentoSection() {
           }
           fade={['bottom']}
           className="max-lg:rounded-b-4xl lg:col-span-2 lg:rounded-br-4xl"
-          link="/features.html"
+          link="/features"
         />
       </div>
       </div>

src/components/Casestudies.jsx

@@ -3,9 +3,9 @@ const posts = [
   {
     id: 2,
     title: 'Art Gallery',
-    href: 'https://portal.ourverse.tf/',
+    href: '#',
     description:
-      'Build a fully immersive art gallery where artists, curators, and collectors can showcase and experience artwork in an interactive virtual environment.',
+      'Explore an immersive metaverse art gallery showcasing creativity and innovation in a virtual space.',
     imageUrl:
       '/images/usecases/artgallery.jpg',
     type: 'Education',
@@ -13,10 +13,10 @@ const posts = [
   },
   {
     id: 4,
-    title: 'Music Concert',
+    title: 'DJ Concert',
-    href: 'https://portal.ourverse.tf/',
+    href: '#',
     description:
-      'Create a vibrant, interactive virtual concert experience where your audience can not only listen to your music but also engage with the environment.',
+      'Join an electrifying DJ concert in the metaverse and experience music like never before.',
     imageUrl:
       '/images/usecases/dj.jpg',
     type: 'Events',
@@ -24,43 +24,43 @@ const posts = [
   },
   {
     id: 5,
-    title: 'Theme Park',
+    title: 'Frozen World',
-    href: 'https://portal.ourverse.tf/',
+    href: '#',
     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.',
+      'Dive into the Frozen World metaverse, a unique educational environment to learn about the impact of global warming.',
     imageUrl:
       '/images/usecases/env.jpg',
-    type: 'Gaming',
+    type: 'Education',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 6,
+    title: 'Hospital',
+    href: '#',
+    description:
+      'Discover a metaverse hospital designed to provide insights into healthcare facilities and technology.',
+    imageUrl:
+      '/images/usecases/hospital.jpg',
+    type: 'Healthcare',
     datetime: '2020-03-16',
   },
   {
     id: 7,
-    title: 'Co-working spaces',
+    title: 'Office',
-    href: 'https://portal.ourverse.tf/',
+    href: '#',
     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.',
+      'Step into a virtual office space in the metaverse, perfect for real estate exploration and remote collaboration.',
     imageUrl:
       '/images/usecases/office.jpg',
-    type: 'Virtual Office',
+    type: 'Real Estate',
-    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',
+    title: 'Beauty Concept Store',
-    href: 'https://portal.ourverse.tf/',
+    href: '#',
     description:
-      'Design an interactive virtual shopping experience where customers can explore your products in a 3D environment',
+      'Experience a virtual concept cstore, demonstrating e-commerce solutions within a metaverse setting.',
     imageUrl:
       '/images/usecases/store.jpg',
     type: 'E-commerce',
@@ -68,37 +68,38 @@ const posts = [
   },
   {
     id: 10,
-    title: 'Virtual Museums',
+    title: 'UAE Presidential Court',
-    href: 'https://portal.ourverse.tf/',
+    href: '#',
     description:
-      'Recreate historical landmarks, exhibit ancient artifacts, or present cultural stories in an immersive virtual museum where users can explore and learn interactively.',
+      'Explore the UAE Presidential Court metaverse to learn about government initiatives and infrastructure.',
     imageUrl:
       '/images/usecases/uae.jpg',
-    type: 'Education',
+    type: 'Government',
-    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',
+    title: 'KM Universe',
-    href: 'https://portal.ourverse.tf/',
+    href: '#',
     description:
-      'Create immersive virtual spaces where teams, creatives, or communities can come together to brainstorm, co-create, and host workshops.',
+      'Participate in events and explore the limitless possibilities of the KM Universe metaverse.',
     imageUrl:
       '/images/usecases/universe.jpg',
     type: 'Events',
     datetime: '2020-03-16',
   },
+  {
+    id: 12,
+    title: 'Anita Cafe',
+    href: '#',
+    description:
+      'Visit Anita Cafe in the metaverse, where you can engage in social events and experience virtual dining.',
+    imageUrl:
+      '/images/usecases/cafe.jpg',
+    type: 'Events',
+    datetime: '2020-03-16',
+  },
+  
   ]
   
   export default function Casestudies() {
@@ -127,7 +128,7 @@ const posts = [
                   </time>
                 </div>
                 <h3 className="mt-3 text-lg font-semibold leading-6 text-white">
-                  <a href={post.href} target="_blank" rel="noopener noreferrer">
+                  <a href={post.href}>
                     <span className="absolute inset-0" />
                     {post.title}
                   </a>

src/components/Cta.jsx

@@ -12,11 +12,11 @@ export default function CTA() {
         </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>
+            <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">
-            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/>
+            OurVerse is powered by the ThreeFold Grid, a decentralized infrastructure that ensures your metaverse experience is secure, scalable and truly independent.<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>
+            Our proximity to ThreeFold's edge computing also allows rendering speeds unmatched in the industry. This allows streaming and graphic rendering at super high speeds with pixel perfect imagery, making Our Verse the first metaverse to achieve this status. Even on mobile devices, GPU rendering shows quality previously not available for such experiences.</p>
             <div className="mt-8 inline-flex gap-x-6">
               <a
                 href="/community.html"

src/components/Eventbanner.jsx

@@ -2,10 +2,10 @@ export default function Eventbanner() {
     return (
       <div className="bg-gradient-to-b from-purple-50/10 to-purple-50/80">
         <div className="mx-auto max-w-2xl px-4 pb-24 sm:px-6 lg:max-w-7xl">
-          <h2 className="text-intro mb-2">Community</h2>
+          <h2 className="text-intro">Community</h2>
-           {/*<h2 className="mt-2 mb-4  h3-title">
+          <h2 className="mt-2 mb-4  h3-title">
-            Join the Conversations
+            Events
-          </h2>*/}
+          </h2>
           <div className="relative overflow-hidden rounded-lg lg:h-96">
             <div className="absolute inset-0">
               <img
@@ -18,28 +18,21 @@ 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-white">A Global </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-white">Community</h2>
+                    <h2 className="lg:text-3xl text-xl font-bold text-white">FutureFest 2024</h2>
+                    <h3 className="text-xl font-bold text-white">Nov 22 - 24</h3>
                 <p className="mt-4 text-md text-gray-300">
-                Join our ever-growing community worldwide by participating in open discussions and follow the most recent updates and news from OurVerse. 
+                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="/community.html" target="_blank" rel="noreferrer"
+                href="#"
                 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"
               >
-                Join the Conversations
+                Register Now
               </a>
             </div>
           </div>
-          
-            {/* <div className="mt-6">
-            <a href="https://www.ourverse.tf/events.html" className="text-lg font-semibold leading-6 text-link">
-                      See more events <span aria-hidden="true">→</span>
-                    </a>
-          </div>*/}
           </div>
         </div>
     )

src/components/Eventpage1.jsx

@@ -1,13 +1,6 @@
 import { CheckIcon } from '@heroicons/react/20/solid'
 
 const events = [
-  {
-    name: 'FreelanceFest 2024',
-    date: 'Oct 26-28',
-    location: 'OurWorld Verse',
-    languages: ['ENG', 'ARABIC'],
-    signupLink: 'https://portal.ourverse.tf/ev/752',
-  },
   {
     name: 'VerseFest 2024',
     date: 'Nov 21-24',
@@ -15,7 +8,13 @@ const events = [
     languages: ['ENG', 'ARABIC'],
     signupLink: '#',
   },
-
+  {
+    name: 'Freelance Fest 2024',
+    date: 'Oct 23-24',
+    location: 'OurWorld Verse',
+    languages: ['ENG', 'ARABIC'],
+    signupLink: '#',
+  },
   // More events can be added here...
 ]
 

src/components/Events.jsx

@@ -1,11 +1,11 @@
 const featuredPost = {
     id: 1,
-    title: 'FreelanceFest 2024',
+    title: 'FutureFest 2024',
-    href: '/events/freelancefest',
+    href: '/events/versefest',
     description:
-      'Embrace the possibilities at FreelanceFest 2024, a landmark event for Freelancers that invites you to explore the converging worlds of technology, creativity, and entrepreneurship.',
+      'Embrace the possibilities at FutureFest 2024, a landmark event that invites you to explore the converging worlds of technology, creativity, and sustainability.',
-    date: 'Oct 17, 2024',
+    date: 'Mar 16, 2020',
-    datetime: '2024-10-17',
+    datetime: '2024-03-16',
   }
   const posts = [
     {
@@ -40,7 +40,7 @@ const featuredPost = {
             <h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter text-gradient-dark lg:text-4xl">Latest News & Updates</h1> 
             <img
                 alt=""
-                src="/images/freelancefest_2024.jpg"
+                src="/images/futurefest.jpg"
                 className="mt-4 aspect-auto w-full rounded-2xl bg-purple-50 object-cover lg:aspect-auto lg:h-[20.5rem]"
               />
             <h2 id="featured-post" className="mt-8 text-3xl font-semibold tracking-tight text-gradient lg:text-4xl">
@@ -53,13 +53,13 @@ const featuredPost = {
             <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="mt-4 flex items-center gap-x-6">
                     <a
-                      href="https://portal.ourverse.tf/ev/752" target='_blank' 
+                      href="https://portal.ourverse.tf" target='_blank' 
                       className="rounded-2xl font-semibold btn-dark text-base leading-6"
                     >
-                      Sign Up Now
+                      Learn More
                     </a>
-                    <a href="/events/freelancefest.html" className="text-base font-semibold leading-6 text-link">
+                    <a href="/events" className="text-base font-semibold leading-6 text-link">
-                    Learn More <span aria-hidden="true">→</span>
+                      See more events <span aria-hidden="true">→</span>
                     </a>
                   </div>
 

src/components/Footer.jsx

@@ -8,11 +8,11 @@ export function Footer() {
         <Logo className="h-12 w-auto text-slate-900" />
         <p className="mt-6 text-base text-slate-500 md:mt-0">
           &copy; {new Date().getFullYear()} OurWorld Holdings, All rights reserved.{' '}
-          <a href="https://docs.threefold.info/docs/legal/terms_and_conditions" target="_blank" className="text-purple-500 hover:underline">
+          <a href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" className="text-purple-500 hover:underline">
             Terms & Conditions
           </a>{' '}
           |{' '}
-          <a href="https://docs.threefold.info/docs/legal/privacy_policy" target="_blank" className="text-purple-500 hover:underline">
+          <a href="https://library.threefold.me/info/legal/#/legal__privacypolicy" className="text-purple-500 hover:underline">
             Privacy Policy
           </a>
         </p>

src/components/Footer2.jsx

@@ -4,22 +4,23 @@ const navigation = {
   solutions: [
     { name: 'OurVerse App', href: 'https://portal.ourverse.tf', target: '_blank', rel: 'noopener noreferrer' },
     { name: 'HeroVerse 3D', href: '/heroverse.html  ' },
-    { name: 'Features', href: 'https://ourverse.tf/features.html' },
+    { name: 'Features', href: '/features.html' },
-    { name: 'Usecases', href: 'https://ourverse.tf/usecases.html' },
+    { name: 'Usecases', href: '/usecases.html' },
 
   ],
   support: [
-    { name: 'Community', href: 'https://ourverse.tf/community.html' },
+    { name: 'Support', href: 'mailto:info@ourverse.tf', target: '_blank', rel: 'noopener noreferrer' },
-    { name: 'Events', href: 'https://ourverse.tf/events.html' },
+    { name: 'About', href: '/about.html' },
+    { name: 'Community', href: '/community.html' },
+    { name: 'Events', href: '/events.html' },
   ],
   partners: [
     { name: 'ThreeFold', href: 'https://threefold.io', target: '_blank', rel: 'noopener noreferrer' },
     { name: 'Vindo', href: 'https://vindo.ai', target: '_blank', rel: 'noopener noreferrer' },
   ],
   company: [
-    { name: 'About', href: 'https://ourverse.tf/about.html' },
+    { name: 'About', href: '/about.html' },
     { name: 'OurWorld', href: 'https://ourworld.tf', target: '_blank', rel: 'noopener noreferrer' },
-    { name: 'Support', href: 'mailto:info@ourverse.tf', target: '_blank', rel: 'noopener noreferrer' },
 
   ],
   social: [
@@ -170,9 +171,9 @@ export default function Footer2() {
         </div>
         <div className="mt-16 border-t border-purple-900/10 pt-8 sm:mt-20 lg:mt-24">
           <p className="mt-6 text-sm text-slate-500 md:mt-0">&copy; {new Date().getFullYear()} OurWorld Holdings, All rights reserved.{' '}
-            <a href="https://docs.threefold.io/docs/legal/terms_and_conditions/"  target="_blank" className="text-purple-500 hover:underline">
+            <a href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" className="text-purple-500 hover:underline">
             Terms & Conditions </a>{' '}|{' '}
-            <a href="https://docs.threefold.io/docs/legal/privacy_policy/" target="_blank" className="text-purple-500 hover:underline">
+            <a href="https://library.threefold.me/info/legal/#/legal__privacypolicy" className="text-purple-500 hover:underline">
             Privacy Policy
             </a>
         </p>

src/components/Hero.jsx

@@ -18,15 +18,15 @@ export function Hero() {
           </h1>
           <div className="mt-4 space-y-6 mx-4 font-display section-text">
             <p>
-            <span className='emphasis'>OurVerse</span> is a fully immersive metaverse platform, offering a space where virtual interactions feel real, engaging, and limitless.
+            <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.  
             </p>
             <p>
             Our mission is to break down the barriers to meaningful connection and collaboration. We believe that everyone, regardless of location or resources, should have access to immersive and engaging spaces where they can meet, create, and innovate together.
             </p>
-            <p>To bring this vision to life, we are partnering with ThreeFold, a decentralized bare metal infrastructure, to fully decentralize the platform in the coming months.</p>
             <br/>
             <a href="/about" className="lg:text-base pt-4 text-base font-mono font-semibold text-link">
-                    <u>Learn More about Our Journey <span aria-hidden="true">→</span></u>
+                    <u>Learn More about OurVerse<span aria-hidden="true">→</span></u>
          </a>
           </div>
           

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 font-display">
+            <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>
@@ -58,13 +58,16 @@ import {
         </p>
         
         </div>
-        <div className="mt-10 pb-8 flex items-center justify-center">
+        <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
             <a
               href="https://portal.ourverse.tf" target='_blank' rel="noopener noreferrer" 
               className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold shadow-sm"
             >
               Try Now
             </a>
+            <a href="/heroverse.html" className="text-base font-semibold leading-6 text-link">
+              Learn more <span aria-hidden="true">→</span>
+            </a>
           </div>
       </div>
     )

src/components/Heropage.jsx

@@ -26,13 +26,16 @@ export function Heropage() {
           <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">
+          <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
             <a
-              href="https://portal.ourverse.tf" target='_blank' rel="noopener noreferrer"
+              href="https://portal.ourverse.tf" target='_blank' 
               className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold shadow-sm"
             >
               Try HeroVerse 3D
             </a>
+            <a href="https://portal.ourverse.tf" rel="noopener noreferrer" target='_blank' 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/Layout.jsx

@@ -8,6 +8,7 @@ export function Layout({ children, showFooter = true }) {
   return (
     <>
       <Header />
+      <Banner />
       <main className="flex-auto">{children}</main>
       <Bottom />
       {showFooter && <Footer2 />}

src/components/Phases.jsx

@@ -34,13 +34,13 @@ const timeline = [
     {
       name: 'Unlimited Possibilities',
       description:
-        "As we continue to innovate, our next step is to fully decentralize the platform, enabling global collaboration with enhanced security, rendering and better latency. The Future is Now.",
+        "With OurVerse, you can create your own immersive virtual world as you envision it, making collaboration inclusive and without limits—the future is now.",
       date: 'Phase V',
       dateTime: '2022-12',
     },
 ]
 
-export function Phases() {
+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">
@@ -65,13 +65,9 @@ export function Phases() {
                       item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-white lg:text-xl' : 'text-purple-200'
                     }`}
                   >
-                     {item.date === 'Phase V' ? (
+                    <svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none">
-                      <input type="checkbox" className="mr-4 h-4 w-4" />
+                      <circle r={2} cx={2} cy={2} fill="currentColor" />
-                    ) : (
+                    </svg>
-                      <svg viewBox="0 0 16 16" aria-hidden="true" className="mr-4 h-4 w-4 flex-none text-green-400">
-                        <path d="M13.5 0L5 8.5 2.5 6 0 8.5l5 5L16 2.5z" fill="currentColor" />
-                      </svg>
-                    )}
                     {item.date}
                   </time>
                   <p

src/components/Phasesdark.jsx

@@ -48,7 +48,7 @@ export function Phasesdark() {
           </h2>
           <p className="mt-4 mb-12 space-y-6 font-display section-text text-white">
             A journey through five transformative phases of digital collaboration, culminating in OurVerse—the immersive 
-            metaverse platform breaking down barriers and unlocking unlimited possibilities for global connection!!!
+            metaverse platform breaking down barriers and unlocking unlimited possibilities for global connection.
           </p>
           <div className="mx-auto grid max-w-2xl grid-cols-1 gap-8 overflow-hidden lg:mx-0 lg:max-w-none lg:grid-cols-5">
             {timeline.map((item) => (

src/components/Usecases.jsx

@@ -31,7 +31,7 @@ export default function Usecases() {
               target="_blank"
               rel="noopener noreferrer"
             >
-              Create Your Own Use Case
+              Join OurVerse
             </a>
           </div>
       </div>

src/components/events/Freelancefest_2024.jsx

@@ -1,93 +0,0 @@
-import { CheckCircleIcon, InformationCircleIcon } from '@heroicons/react/20/solid'
-
-export default function Freelancefest_2024() {
-  return (
-    <div className="bg-white px-6 py-32 lg:px-8">
-      <div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
-        <p className="text-base font-semibold leading-7 text-purple-600">Events</p>
-        <h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Elevate Your Freelance Career at the First-Ever OurVerse FreelanceFest 2024 in the Metaverse!
-        </h1>
-        <h2 className="mt-2 text-2xl font-semibold tracking-tight text-purple-700">October 26 – 28, 2024
-        </h2>
-        <div className="mt-6 pb-6 flex items-center gap-x-6">
-            <a
-              href="https://portal.ourverse.tf/ev/752" target='_blank' rel='noreferrer'
-              className="rounded-2xl btn-dark text-base font-semibold px-3.5 py-2.5"
-            >
-              Register Now
-            </a>
-          </div>
-        <p className="mt-6 text-xl leading-8">
-        Join us for the <span className='font-semibold'>OurVerse FreelanceFest</span>, a groundbreaking event designed to help freelancers across the globe level up their careers!
-        </p>
-        <div className="mt-6 max-w-2xl">
-          <p>
-          Whether you're just starting or already well-established, this immersive experience in the metaverse offers invaluable insights, practical skills, and the tools you need to thrive in today’s freelance marketplace.
-          </p>
-
-          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">&#11088; Event Highlight
-          </h2>
-          <p className="mt-4">
-          Hosted virtually in <span className='font-semibold'>OurVerse (portal.ourverse.tf)</span>, a dynamic virtual space that blends cutting-edge technology with immersive experiences, this event will transport you to a vibrant digital world where you can connect, learn, and grow with fellow freelancers. Whether you’re attending from your desktop or VR headset, expect a fully interactive environment that makes networking and learning more engaging than ever before.
-          </p>
-          <p className="mt-4">
-          <span className='font-semibold'>📅 Event Dates</span>: October 26 – 28, 2024. <br />
-          <span className='font-semibold'>🌍 Languages</span>: Events will be held in both English and Arabic, ensuring accessibility for a global audience.
-          <br />
-          <span className='font-semibold'>🎟️ Full Schedule</span>: See the complete agenda and event details <a href="https://portal.ourverse.tf/ev/752" target='_blank' className="text-link font-semibold underline">here</a>.
-          </p> 
-
-          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">🚀 What to Expect
-          </h2>
-          <p className="mt-4">
-            <span className="font-semibold">⭐  Day 1 – Freelancing 101: Foundations for Success</span><br />
-            Kick off the festival with a solid foundation in freelancing. We'll cover the essentials, from setting up your freelance career to navigating online platforms, standing out in the market, and understanding the dos and don’ts of working for yourself.
-          </p>
-          <p className="mt-4">
-            <span className="font-semibold">⭐ Day 2 – Building a Winning Profile</span><br />
-            Your profile is your calling card. Learn how to present yourself professionally, select the perfect photo, craft a bio that attracts clients, and showcase your portfolio. Get tips on how to highlight your strengths and command attention in a crowded market.
-          </p>
-          <p className="mt-4">
-            <span className="font-semibold">⭐ Day 3 – Writing Proposals That Convert</span><br />
-            Master the art of proposal writing. Learn how to tailor your approach, ask smart questions, and write proposals that stand out. We’ll walk you through real examples and share strategies to help you win more clients.
-          </p>
-
-          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">&#10067; Why You Should Attend
-          </h2>
-          <ul className="mt-4 list-disc pl-5">
-            <li><span className='font-semibold'>Interactive Q&A and Discussions</span> – Engage with speakers and fellow freelancers in real-time.</li>
-            <li><span className='font-semibold'>Networking</span> – Meet and collaborate with freelancers from around the world.</li>
-            <li><span className='font-semibold'>International Attendees</span> – Experience a diverse freelance community, expanding your opportunities globally.</li>
-            <li><span className='font-semibold'>Free of Cost</span> – This value-packed event is entirely free to attend!</li>
-          </ul>
-
-          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">🤝 Meet the Experts
-          </h2>
-          <p className="mt-4">
-            <span className='font-semibold'>Mariam Firwana</span> – A seasoned freelancer with over 7 years of experience on Upwork, Mariam will share her secrets to building a standout profile and writing proposals that land top clients. <a href="https://www.linkedin.com/in/mariam-firwana" className="text-link font-semibold underline">Connect with her on LinkedIn</a>.
-          </p>
-          <p className="mt-4">
-            <span className='font-semibold'>Ramy Aldamati</span> – Specializing in scaling freelance businesses, Rami will offer advice on handling complex projects, dealing with clients, and taking your freelance career to the next level. <a href="https://www.linkedin.com/in/ramyaldamati" className="text-link font-semibold underline">Connect with him on LinkedIn</a>.
-          </p>
-
-          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">🚀 Ready to Level Up?
-          </h2>
-          <p className="mt-4">
-          Register now at <a href="https://portal.ourverse.tf/ev/752" target='_blank' className="text-link font-semibold underline">OurVerse FreelanceFest 2024</a> and reserve your spot at this exclusive event! Attendees will receive an official certification and gain the skills, knowledge, and confidence needed to advance in the competitive freelancing landscape.
-          </p>
-          <p className="mt-4">
-          This is your chance to learn, grow, and connect in a cutting-edge virtual space. Whether you’re looking to secure your first client or scale your business, OurVerse FreelanceFest has everything you need to succeed. Don’t miss out—register now and step into the future of freelancing!
-          </p>
-          <div className="mt-10 pb-6 flex items-center gap-x-6">
-            <a
-              href="https://portal.ourverse.tf/ev/752" target='_blank' rel='noreferrer'
-              className="rounded-2xl btn-dark text-base font-semibold px-3.5 py-2.5"
-            >
-              Register Now!
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}