edit hero

src/components/Header.jsx

@@ -31,7 +31,7 @@ export function Header() {
               </a>
             ))}
           </div>
-          <Button href="#">Get your tickets</Button>
+          <Button href="#">Join OurVerse</Button>
         </div>
         <div className="lg:hidden flex items-center">
           <button
@@ -71,7 +71,7 @@ export function Header() {
               </a>
             ))}
             <Button href="#" className="mt-4">
-              Get your tickets
+              Join OurVerse
             </Button>
           </div>
         </div>

src/components/Hero.jsx

@@ -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>