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

update colors

Browse Source
This commit is contained in:
sasha-astiadi
2024-10-01 20:09:05 +02:00
parent e48ec49452
commit 18b3ca26d0
87 changed files with 1439 additions and 811 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Homepage.jsx
View File

@@ -5,7 +5,7 @@ import { ChevronRightIcon } from '@heroicons/react/20/solid'
export function Homepage() {
return (
<Gradient className="lg:pt-24 pt-20 pb-12">
<div className="lg:pt-24 pt-24 pb-12 min-h-screen flex items-center justify-center relative">
<Container>
{/* Background Video */}
<video
@@ -15,34 +15,29 @@ export function Homepage() {
playsInline
className="absolute inset-0 w-full h-full object-cover -z-10"
>
<source src="/videos/ourverse5.mp4" type="video/mp4" />
<source src="/videos/hero.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
<div className="mx-auto max-w-xl lg:max-w-6xl">
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter text-gradient-dark lg:text-7xl text-5xl">
The Future of Collaboration is Now.
<div className="mx-auto max-w-xl lg:max-w-6xl text-center">
<h1 className="font-display lg:max-w-3xl font-bold text-white tracking-tighter lg:text-7xl text-5xl">
The Future of <span className='text-gradient'>Collaboration is Now.</span>
</h1>
<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">
<p>At <span className='bg-gradient3 font-semibold'>OurVerse</span>, we go beyond traditional video calls.
Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings
and events feel real.</p>
<p>Built on the decentralized ThreeFold Grid, we empower global collaboration with enhanced security,
flexibility, and freedom.</p>
</div>
<div className="mt-10 pb-8 flex items-center gap-x-6">
<div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
<a
href="#"
className="rounded-2xl btn-gradient-dark px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
>
Join OurVerse
</a>
<a href="#" className="text-sm font-semibold leading-6 text-purple-900 hover:text-purple-700">
<a href="#" className="text-sm font-semibold leading-6 text-white hover:text-purple-200">
Learn more <span aria-hidden="true">→</span>
</a>
</div>
</div>
</Container>
</Gradient>
</Container>
</div>
);
}