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

edit hero

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

36
src/components/Hero.jsx
View File

@ -4,36 +4,30 @@ import { Container } from '@/components/Container'
export function Hero() {
return (
<div className="relative py-20 sm:pb-24 sm:pt-36">
<BackgroundImage className="-bottom-14 -top-36" />
<div className="relative lg:py-12 mt-20 pb-12 pt-12">
<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-5xl font-bold tracking-tighter text-blue-600 sm:text-7xl">
<span className="sr-only">OurVerse - </span>A design conference
for the dark side.
<h1 className="font-display text-3xl font-medium tracking-tighter text-blue-600 sm:text-6xl">
OurVerse
</h1>
<div className="mt-6 space-y-6 font-display text-2xl tracking-tight text-blue-900">
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-blue-900">
<p>
The next generation of web users are tech-savvy and suspicious.
They know how to use dev tools, they can detect a phishing scam
from a mile away, and they certainly aren’t accepting any checks
from Western Union.
OurVerse empowers users to build, manage, and monetize their unique virtual experiences
by blending the latest advancements in blockchain technology with immersive virtual reality.
</p>
<p>
At OurVerse you’ll learn about the latest dark patterns being
developed to trick even the smartest visitors, and you’ll learn
how to deploy them without ever being detected.
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.
</p>
</div>
<Button href="#" className="mt-10 w-full sm:hidden">
Get your tickets
</Button>
<dl className="mt-10 grid grid-cols-2 gap-x-10 gap-y-6 sm:mt-16 sm:gap-x-16 sm:gap-y-10 sm:text-center lg:auto-cols-auto lg:grid-flow-col lg:grid-cols-none lg:justify-start lg:text-left">
<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">
{[
['Speakers', '18'],
['People Attending', '2,091'],
['Venue', 'Staples Center'],
['Location', 'Los Angeles'],
['3D Assets', '100000+'],
['Users', '5000+'],
['Verses', '2000+'],
['Countries', '15'],
].map(([name, value]) => (
<div key={name}>
<dt className="font-mono text-sm text-blue-600">{name}</dt>