edit hero

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">
+    <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">
         <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>
-          <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.
+            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>
-              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>
           </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]) => (
               <div key={name}>
                 <dt className="font-mono text-sm text-blue-600">{name}</dt>