diff --git a/README.md b/README.md index 75431f1..c3df27d 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ Ourverse -Keynote is a [Tailwind UI](https://tailwindui.com) site template built using [Tailwind CSS](https://tailwindcss.com) and [Next.js](https://nextjs.org). +This 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,11 +20,7 @@ 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. - -## License - -This site template is a commercial product and is licensed under the [Tailwind UI license](https://tailwindui.com/license). +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 ## Learn more diff --git a/editing_guide.md b/editing_guide.md new file mode 100644 index 0000000..f34b30c --- /dev/null +++ b/editing_guide.md @@ -0,0 +1,97 @@ +# 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' diff --git a/src/app/(main)/page.jsx b/src/app/(main)/page.jsx index fe87472..819be34 100644 --- a/src/app/(main)/page.jsx +++ b/src/app/(main)/page.jsx @@ -1,12 +1,8 @@ import { Homepage } from '@/components/Homepage' import { Hero } from '@/components/Hero' -import Events from '@/components/Events' -import { Product } from '@/components/Product' -import { Sponsors } from '@/components/Sponsors' -import BentoSection from '@/components/Bentosection' -import { Phasesdark } from '@/components/Phases' +import { Phases } from '@/components/Phases' import HeroFeature from '@/components/HeroFeature' -import CTA from '@/components/Cta' +import BentoSection from '@/components/Bentosection' import Eventbanner from '@/components/Eventbanner' export default function Home() { @@ -14,7 +10,7 @@ export default function Home() { <> - + diff --git a/src/app/about/page.jsx b/src/app/about/page.jsx index 4136073..aa48142 100644 --- a/src/app/about/page.jsx +++ b/src/app/about/page.jsx @@ -1,7 +1,7 @@ import Abouthero from '@/components/Abouthero' -import Aboutco from '@/components/Aboutco' import Aboutvalues from '@/components/Aboutvalues' +import Aboutco from '@/components/Aboutco' import CTA from '@/components/Cta' import Aboutnodes from '@/components/Aboutnodes' diff --git a/src/app/community/page.jsx b/src/app/community/page.jsx index 54414e3..46eeb7e 100644 --- a/src/app/community/page.jsx +++ b/src/app/community/page.jsx @@ -1,10 +1,7 @@ -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 Events from '@/components/Events' export default function community() { return ( diff --git a/src/app/events/page.jsx b/src/app/events/page.jsx index dfea3d0..f8178ec 100644 --- a/src/app/events/page.jsx +++ b/src/app/events/page.jsx @@ -1,10 +1,3 @@ -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' diff --git a/src/app/features/page.jsx b/src/app/features/page.jsx index 73a4b9a..25d1a3b 100644 --- a/src/app/features/page.jsx +++ b/src/app/features/page.jsx @@ -1,10 +1,11 @@ -import Communicate from '@/components/Communicate' +import Featurehero from '@/components/Featurehero' import Collaborate from '@/components/Collaborate' -import Build from '@/components/Build' import Studio from '@/components/Studio' +import Build from '@/components/Build' +import Communicate from '@/components/Communicate' import Eventmgmt from '@/components/Eventmgmt' import Crm from '@/components/Crm' -import Featurehero from '@/components/Featurehero' + export default function features() { return ( diff --git a/src/app/usecases/page.jsx b/src/app/usecases/page.jsx index ac54fb3..3ae9a6a 100644 --- a/src/app/usecases/page.jsx +++ b/src/app/usecases/page.jsx @@ -1,7 +1,5 @@ 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 ( diff --git a/src/components/Aboutco.jsx b/src/components/Aboutco.jsx index 1c289b0..9525c0b 100644 --- a/src/components/Aboutco.jsx +++ b/src/components/Aboutco.jsx @@ -10,10 +10,10 @@ export default function Aboutcof() {

- We envision a world where virtual collaboration is as natural and effective as working together in person.
- 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.

We are building a metaverse where opportunities - for innovation and connection are boundless, empowering people to collaborate beyond the limits of the physical world. + 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. +

+

+ By building a metaverse with limitless opportunities for innovation, we empower people to collaborate beyond the physical world.

@@ -25,9 +25,10 @@ export default function Aboutcof() {

- 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.

- 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. + 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. +

+

+ To bring OurVerse’s vision to life, we have decided to fully decentralize our platform in the coming months.

diff --git a/src/components/Abouthero.jsx b/src/components/Abouthero.jsx index 0dc5ada..bffc0d8 100644 --- a/src/components/Abouthero.jsx +++ b/src/components/Abouthero.jsx @@ -20,7 +20,7 @@ export default function Abouthero() {

Beyond Traditional Video Calls.

- Our immersive decentralized metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel REAL. + Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel REAL.

Break the barriers. Experience true collaboration. Build your own World.

diff --git a/src/components/Aboutnodes.jsx b/src/components/Aboutnodes.jsx index e3d47cf..55db483 100644 --- a/src/components/Aboutnodes.jsx +++ b/src/components/Aboutnodes.jsx @@ -10,14 +10,11 @@ export default function Aboutnodes() { Host our Metaverse

- 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. + 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. + 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.

- 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. + 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.

- + {post.title} diff --git a/src/components/Cta.jsx b/src/components/Cta.jsx index dc9b1eb..784fdca 100644 --- a/src/components/Cta.jsx +++ b/src/components/Cta.jsx @@ -12,11 +12,11 @@ export default function CTA() {
-

True Decentralized Metaverse

+

Towards Decentralization

Powered by ThreeFold

- OurVerse is powered by the ThreeFold Grid, a decentralized infrastructure that ensures your metaverse experience is secure, scalable and truly independent.

- 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.

+ 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.

+ 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.

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx index 3085a88..29cbcb0 100644 --- a/src/components/Hero.jsx +++ b/src/components/Hero.jsx @@ -18,15 +18,15 @@ export function Hero() {

- OurVerse is a fully immersive metaverse platform, offering a space where virtual interactions - feel real, engaging, and limitless. Our metaverse is fully decentralized and powered by the ThreeFold Grid, enabling global collaboration with enhanced security, flexibility and freedom. + OurVerse is a fully immersive metaverse platform, offering a space where virtual interactions feel real, engaging, and limitless.

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.

+

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.


- Learn More about OurVerse + Learn More about Our Journey
diff --git a/src/components/Phases.jsx b/src/components/Phases.jsx index eaa4a33..0342c85 100644 --- a/src/components/Phases.jsx +++ b/src/components/Phases.jsx @@ -34,13 +34,13 @@ const timeline = [ { name: 'Unlimited Possibilities', description: - "With OurVerse, you can create your own immersive virtual world as you envision it, making collaboration inclusive and without limits—the future is now.", + "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.", date: 'Phase V', dateTime: '2022-12', }, ] -export function Phasesdark() { +export function Phases() { return (
@@ -65,9 +65,13 @@ export function Phasesdark() { item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-white lg:text-xl' : 'text-purple-200' }`} > - + {item.date === 'Phase V' ? ( + + ) : ( + + )} {item.date}

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!!!

{timeline.map((item) => ( diff --git a/src/components/Usecases.jsx b/src/components/Usecases.jsx index abf495e..fbc5663 100644 --- a/src/components/Usecases.jsx +++ b/src/components/Usecases.jsx @@ -31,7 +31,7 @@ export default function Usecases() { target="_blank" rel="noopener noreferrer" > - Join OurVerse + Create Your Own Use Case