This commit is contained in:
sasha-astiadi 2024-10-25 15:15:05 +02:00
parent 1852943844
commit 657e548aed
19 changed files with 194 additions and 115 deletions

View File

@ -1,6 +1,6 @@
Ourverse 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 ## Getting started
@ -20,11 +20,7 @@ Finally, open [http://localhost:3000](http://localhost:3000) in your browser to
## Customizing ## 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. 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
## License
This site template is a commercial product and is licensed under the [Tailwind UI license](https://tailwindui.com/license).
## Learn more ## Learn more

97
editing_guide.md Normal file
View File

@ -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'

View File

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

View File

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

View File

@ -1,10 +1,7 @@
import Usecases from '@/components/Usecases'
import Banner from '@/components/Banner'
import Communhero from '@/components/Communhero' import Communhero from '@/components/Communhero'
import Commevents from '@/components/Commevents'
import Events from '@/components/Events'
import Socials from '@/components/Socials' import Socials from '@/components/Socials'
import Blogposts from '@/components/Blogposts' import Events from '@/components/Events'
export default function community() { export default function community() {
return ( return (

View File

@ -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 Eventhero from '@/components/Eventhero'
import Eventpage1 from '@/components/Eventpage1' import Eventpage1 from '@/components/Eventpage1'

View File

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

View File

@ -1,7 +1,5 @@
import Usecases from '@/components/Usecases' import Usecases from '@/components/Usecases'
import Banner from '@/components/Banner'
import Casestudies from '@/components/Casestudies' import Casestudies from '@/components/Casestudies'
import FAQ from '@/components/FAQ'
export default function usecases() { export default function usecases() {
return ( return (

View File

@ -10,10 +10,10 @@ export default function Aboutcof() {
<figure className="mt-8 flex flex-auto flex-col justify-between"> <figure className="mt-8 flex flex-auto flex-col justify-between">
<div> <div>
<p className="section-text font-display 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/> 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.
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 <br></br>
for innovation and connection are boundless, empowering people to collaborate beyond the limits of the physical world. By building a metaverse with limitless opportunities for innovation, we empower people to collaborate beyond the physical world.
</p> </p>
</div> </div>
</figure> </figure>
@ -25,9 +25,10 @@ export default function Aboutcof() {
<figure className="mt-8 flex flex-auto flex-col justify-between"> <figure className="mt-8 flex flex-auto flex-col justify-between">
<div> <div>
<p className="section-text font-display 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. 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.
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. <br></br>
To bring OurVerses vision to life, we have decided to fully decentralize our platform in the coming months.
</p> </p>
</div> </div>
</figure> </figure>

View File

@ -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"> <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> Beyond Traditional Video Calls. </h2>
<p className="mt-6 section-text-light font-display"> <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. Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel REAL.
</p> </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 className='mt-4 section-text-light max-w-lg font-displays font-semibold'>Break the barriers. Experience true collaboration. Build your own World.
</p> </p>

View File

@ -10,14 +10,11 @@ export default function Aboutnodes() {
Host our Metaverse Host our Metaverse
</p> </p>
<p className="mt-6 text-base leading-7 text-gray-900"> <p className="mt-6 text-base leading-7 text-gray-900">
As our metaverse expands, it's crucial that our decentralized grid scales with 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 ecosystemnot just for us, This grid forms the backbone of our virtual world, and more nodes mean a stronger, faster, and more efficient ecosystemnot just for us, but for all decentralized projects relying on it.
but for all decentralized projects relying on it.
<br /> <br />
<br /> <br />
By owning a node, you become a vital part of this growth, enhancing the stability, speed, 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.
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> </p>
<div className="mt-8"> <div className="mt-8">
<a <a

View File

@ -2,22 +2,22 @@ const features = [
{ {
name: 'Accessibility for All', name: 'Accessibility for All',
description: description:
'We believe everyone, regardless of location or resources, should have access to immersive virtual spaces. Our decentralized platform bridges gaps, enabling seamless global collaboration.', 'We believe that everyone, regardless of location or resources, should have the opportunity to connect, collaborate, and enjoy equal access to immersive virtual spaces.',
}, },
{ {
name: 'Decentralization & Freedom', name: 'Towards Decentralization',
description: description:
'Powered by the ThreeFold Grid, our metaverse is fully decentralized, giving users ownership, security, and control over their digital experiences, free from centralized interference.', '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.',
}, },
{ {
name: 'Innovation & Opportunity', name: 'Innovation & Opportunity',
description: description:
'Our platform empowers creators to innovate, build, and monetize their ideas in a decentralized economy, fostering limitless creativity and opportunities.', 'Our platform empowers creators to innovate, build, and monetize their ideas in the metaverse, fostering limitless creativity and opportunities.',
}, },
{ {
name: 'Global Collaboration', name: 'Global Collaboration',
description: description:
'We enable real-time, lifelike interactions that break down geographic and technical barriers, making virtual collaboration as effective and engaging as in-person meetings.', '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.',
}, },
{ {
name: 'Equity & Inclusion', name: 'Equity & Inclusion',
@ -27,7 +27,7 @@ const features = [
{ {
name: 'Security & Privacy', name: 'Security & Privacy',
description: description:
'Our decentralized infrastructure ensures user data and assets are protected, giving users complete control and privacy over their virtual identities.', '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.',
}, },
] ]

View File

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

View File

@ -12,11 +12,11 @@ export default function CTA() {
</div> </div>
<div className=" relative mx-auto max-w-7xl lg:px-8"> <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"> <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">True Decentralized Metaverse</h2> <h2 className="text-intro">Towards Decentralization</h2>
<p className="mt-2 text-3xl font-bold tracking-tight text-gradient sm:text-4xl">Powered by ThreeFold</p> <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"> <p className="mt-6 text-base leading-7 text-gray-900">
OurVerse is powered by the ThreeFold Grid, a decentralized infrastructure that ensures your metaverse experience is secure, scalable and truly independent.<br/><br/> 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/>
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> 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>
<div className="mt-8 inline-flex gap-x-6"> <div className="mt-8 inline-flex gap-x-6">
<a <a
href="/community.html" href="/community.html"

View File

@ -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 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"> <div className="mt-4 flex items-center gap-x-6">
<a <a
href="/events/freelancefest.html" target='_blank' href="https://portal.ourverse.tf/ev/752" target='_blank'
className="rounded-2xl font-semibold btn-dark text-base leading-6" className="rounded-2xl font-semibold btn-dark text-base leading-6"
> >
Learn More Sign Up Now
</a> </a>
<a href="https://www.ourverse.tf/events.html" className="text-base font-semibold leading-6 text-link"> <a href="/events/freelancefest.html" className="text-base font-semibold leading-6 text-link">
See more events <span aria-hidden="true"></span> Learn More <span aria-hidden="true"></span>
</a> </a>
</div> </div>

View File

@ -18,15 +18,15 @@ export function Hero() {
</h1> </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">
<p> <p>
<span className='emphasis'>OurVerse</span> is a fully immersive metaverse platform, offering a space where virtual interactions <span className='emphasis'>OurVerse</span> is a fully immersive metaverse platform, offering a space where virtual interactions feel real, engaging, and limitless.
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>
<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. 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>
<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/> <br/>
<a href="/about" className="lg:text-base pt-4 text-base font-mono font-semibold text-link"> <a href="/about" className="lg:text-base pt-4 text-base font-mono font-semibold text-link">
<u>Learn More about OurVerse<span aria-hidden="true"></span></u> <u>Learn More about Our Journey <span aria-hidden="true"></span></u>
</a> </a>
</div> </div>

View File

@ -34,13 +34,13 @@ const timeline = [
{ {
name: 'Unlimited Possibilities', name: 'Unlimited Possibilities',
description: 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', date: 'Phase V',
dateTime: '2022-12', dateTime: '2022-12',
}, },
] ]
export function Phasesdark() { export function Phases() {
return ( return (
<div className="bg-gradient-dark min-h-screen"> <div className="bg-gradient-dark min-h-screen">
<div className="mx-auto max-w-7xl py-24 px-6 lg:px-8"> <div className="mx-auto max-w-7xl py-24 px-6 lg:px-8">
@ -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 IV' || item.date === 'Phase V' ? 'text-white lg:text-xl' : 'text-purple-200'
}`} }`}
> >
<svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none"> {item.date === 'Phase V' ? (
<circle r={2} cx={2} cy={2} fill="currentColor" /> <input type="checkbox" className="mr-4 h-4 w-4" />
</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} {item.date}
</time> </time>
<p <p

View File

@ -48,7 +48,7 @@ export function Phasesdark() {
</h2> </h2>
<p className="mt-4 mb-12 space-y-6 font-display section-text text-white"> <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 OurVersethe immersive A journey through five transformative phases of digital collaboration, culminating in OurVersethe 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> </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"> <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) => ( {timeline.map((item) => (

View File

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