ourworld_web/www_ourverse_new
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change colors

Browse Source
This commit is contained in:
sasha-astiadi
2024-09-17 18:15:16 +02:00
parent ace8a0f9cc
commit 966e66ac8f
817 changed files with 12876 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/Hero.jsx
View File

@@ -46,20 +46,28 @@ export function Hero() {
<BackgroundImage className="-bottom-14 -top-20" />
<Container className="relative">
<div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
<h1 className="font-display text-3xl font-semibold tracking-tighter font-gradient sm:text-6xl">
<h1 className="font-display lg:text-6xl text-3xl font-semibold tracking-tighter font-gradient-dark">
OurVerse
</h1>
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
<h1 className="mt-2 font-display lg:text-2xl text-lg font-semibold tracking-tight font-gradient-dark">
Powered by ThreeFold
</h1>
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-900">
<p>
OurVerse is redefining how we meet, collaborate, and create. As a fully immersive metaverse platform,
it offers a space where virtual interactions feel real, engaging, and limitless.
<span className='emphasis'>OurVerse</span> empowers users to build, manage, and monetize their unique virtual experiences by blending the latest advancements
in blockchain technology with immersive virtual reality, all while being powered by the decentralized strength of the <span className='emphasis'>ThreeFold Grid</span>.
</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>Our mission is to make the metaverse accessible to all, fostering a vibrant community where creativity, commerce, and
collaboration thrive in a borderless, equitable digital space. Whether you're an individual, business, or community,
OurVerse offers the tools and support to shape your digital future in a secure and independent environment.
</p>
<p>Whether you want to build your own virtual world from scratch using your creativity or bring your wildest dreams to
life with the help of our AI, OurVerse makes it possible.Transform your imagination into an immersive reality. Join Us.
<p>
<span className='emphasis'>Built on the ThreeFold Grid</span>, OurVerse ensures a fully decentralized metaverse experience. By leveraging this groundbreaking infrastructure,
we provide a platform where data confidentiality, scalability, and independence are paramount.</p>
<p>
Free from centralized control, your interactions are not only secure but also resilient,
fostering a more democratic and trustworthy virtual space. OurVerse offers the freedom to collaborate and
connect in ways that are cutting-edge, empowering, and reliable.
</p>
</div>
<dl className="mt-10 grid grid-cols-2 gap-x-10 gap-y-4 gap-x-16 gap-y-10 text-center lg:auto-cols-auto lg:grid-flow-col lg:grid-cols-none lg:justify-start lg:text-left">
@@ -70,8 +78,8 @@ export function Hero() {
['Countries', '15'],
].map(([name, value]) => (
<div key={name}>
<dt className="font-mono text-sm text-purple-600">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight text-purple-900">
<dt className="font-mono text-sm text-cyan-600">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight font-gradient-dark">
{value}
</dd>
</div>
@@ -80,8 +88,8 @@ export function Hero() {
</div>
<div className="pt-6 pb-24"></div>
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<h2 className="lg:text-4xl mb-8 font-semibold tracking-tight font-gradient text-xl">The Future of Collaboration</h2>
<div className="mt-4 mb-12 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
<h2 className="lg:text-4xl mb-8 font-semibold tracking-tight font-gradient-dark text-xl">A Journey to The Future</h2>
<div className="mt-4 mb-12 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-900">
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.
</div>
@@ -90,7 +98,7 @@ export function Hero() {
<div key={item.name}>
<time
dateTime={item.dateTime}
className="flex items-center text-sm font-semibold leading-6 text-purple-600"
className="flex items-center text-sm font-semibold leading-6 text-cyan-600"
>
<svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none">
<circle r={2} cx={2} cy={2} fill="currentColor" />
@@ -101,8 +109,8 @@ export function Hero() {
className="absolute -ml-2 h-px w-screen -translate-x-full bg-purple-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0"
/>
</time>
<p className="mt-6 text-lg font-semibold leading-6 tracking-tight text-purple-900">{item.name}</p>
<p className="mt-4 text-sm leading-6 text-purple-600">{item.description}</p>
<p className="mt-6 text-lg font-semibold leading-6 tracking-tight text-purple-700">{item.name}</p>
<p className="mt-4 text-sm leading-6 text-purple-900">{item.description}</p>
</div>
))}
</div>