edit homepage

src/components/Homepage.jsx

@@ -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">
+        <div className="mx-auto max-w-xl lg:max-w-6xl">
-          <h1 className="font-display text-5xl font-bold tracking-tighter text-blue-600 sm:text-7xl">
+          <h1 className="font-display lg:max-w-2xl font-bold tracking-tighter text-blue-700 lg:text-7xl text-4xl">
-            <span className="sr-only">OurVerse - </span>A design conference for the dark side.
+            A New, Vibrant Virtual World.
           </h1>
-          <div className="mt-6 mb-12 space-y-6 font-display text-2xl tracking-tight text-blue-900">
+          <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>ok</p>
+            <p>Discover a new virtual space designed for everyone, 
-            <p>ok</p>
+              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">
+          <Button href="#" className="mt-2 mb-10 w-30">
-            Sign Up
+            Join OurVerse
           </Button>
         </div>
       </Container>