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() { export function Hero() {
return ( return (
<div className="relative py-20 sm:pb-24 sm:pt-36"> <div className="relative lg:py-12 mt-20 pb-12 pt-12">
<BackgroundImage className="-bottom-14 -top-36" /> <BackgroundImage className="-bottom-14 -top-20" />
<Container className="relative"> <Container className="relative">
<div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12"> <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"> <h1 className="font-display text-3xl font-medium tracking-tighter text-blue-600 sm:text-6xl">
<span className="sr-only">OurVerse - </span>A design conference OurVerse
for the dark side.
</h1> </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> <p>
The next generation of web users are tech-savvy and suspicious. OurVerse empowers users to build, manage, and monetize their unique virtual experiences
They know how to use dev tools, they can detect a phishing scam by blending the latest advancements in blockchain technology with immersive virtual reality.
from a mile away, and they certainly aren’t accepting any checks
from Western Union.
</p> </p>
<p> <p>
At OurVerse you’ll learn about the latest dark patterns being Our mission is to make the metaverse accessible to all, fostering a vibrant community
developed to trick even the smartest visitors, and you’ll learn where creativity, commerce, and collaboration thrive in a borderless, equitable digital space.
how to deploy them without ever being detected. Whether you're an individual, business, or community, OurVerse offers the tools and support to shape your digital future.
</p> </p>
</div> </div>
<Button href="#" className="mt-10 w-full sm:hidden"> <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">
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">
{[ {[
['Speakers', '18'], ['3D Assets', '100000+'],
['People Attending', '2,091'], ['Users', '5000+'],
['Venue', 'Staples Center'], ['Verses', '2000+'],
['Location', 'Los Angeles'], ['Countries', '15'],
].map(([name, value]) => ( ].map(([name, value]) => (
<div key={name}> <div key={name}>
<dt className="font-mono text-sm text-blue-600">{name}</dt> <dt className="font-mono text-sm text-blue-600">{name}</dt>