homepage

src/components/Homepage.jsx

@@ -27,11 +27,19 @@ export function Homepage() {
               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-2 mb-10 w-30">
-            Join OurVerse
-          </Button>
+          <div className="mt-10 pb-8 flex items-center gap-x-6">
+            <a
+              href="#"
+              className="rounded-xl bg-blue-700 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
+            >
+              Join OurVerse
+            </a>
+            <a href="#" className="text-sm font-semibold leading-6 text-blue-900 hover:text-blue-700">
+              Learn more <span aria-hidden="true">→</span>
+            </a>
+          </div>
         </div>
-      </Container>
+        </Container>
     </Gradient>
   );
 }