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

edit homepage

Browse Source
This commit is contained in:
sasha-astiadi 2024-08-26 21:57:46 +02:00
parent 6c8aeacc53
commit ba658f4360
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Homepage.jsx
View File

@ -4,7 +4,7 @@ import { Gradient } from '@/components/Gradient';
export function Homepage() {
return (
<Gradient className="py-36 mb-20">
<Gradient className="pt-24 pb-10">
<Container>
{/* Background Video */}
<video
@ -14,20 +14,21 @@ export function Homepage() {
playsInline
className="absolute inset-0 w-full h-full object-cover -z-10"
>
<source src="/videos/ourverse.mp4" type="video/mp4" />
<source src="/videos/ourverse2.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
<div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
<h1 className="font-display text-5xl font-bold tracking-tighter text-blue-600 sm:text-7xl">
<span className="sr-only">OurVerse - </span>A design conference for the dark side.
<div className="mx-auto max-w-xl lg:max-w-6xl">
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter text-blue-700 lg:text-7xl text-4xl">
A New, Vibrant Virtual World.
</h1>
<div className="mt-6 mb-12 space-y-6 font-display text-2xl tracking-tight text-blue-900">
<p>ok</p>
<p>ok</p>
<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 text-blue-900">
<p>Discover a new virtual space designed for everyone,
where you can express yourself freely, build meaningful relationships,
and explore endless possibilities in an environment that celebrates diversity and authenticity.</p>
</div>
<Button href="#" className="mt-10 w-30">
Sign Up
<Button href="#" className="mt-2 mb-10 w-30">
Join OurVerse
</Button>
</div>
</Container>