diff --git a/src/components/Abouthero.jsx b/src/components/Abouthero.jsx
index 2accf9f..0dc5ada 100644
--- a/src/components/Abouthero.jsx
+++ b/src/components/Abouthero.jsx
@@ -26,7 +26,7 @@ export default function Abouthero() {
           </p>
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="#"
+              href="https://portal.ourverse.tf" target='_blank' 
               className="rounded-2xl btn-dark text-base font-semibold px-3.5 py-2.5"
             >
               Join OurVerse
diff --git a/src/components/Bottom.jsx b/src/components/Bottom.jsx
index 233c088..768650b 100644
--- a/src/components/Bottom.jsx
+++ b/src/components/Bottom.jsx
@@ -13,9 +13,9 @@ export default function Bottom() {
             </p>
             <div className="mt-10 flex items-center justify-center gap-x-6">
               <a
-                href="https://portal.ourverse.tf"
+                href="https://portal.ourverse.tf" 
+                target='_blank' 
                 className="rounded-2xl btn-dark text-base font-semibold text-gray-900"
-                target="_blank"
                 rel="noopener noreferrer"c
               >
                 Sign Up Now
diff --git a/src/components/Communhero.jsx b/src/components/Communhero.jsx
index 66ed321..3ae6025 100644
--- a/src/components/Communhero.jsx
+++ b/src/components/Communhero.jsx
@@ -28,7 +28,7 @@ export default function Communhero() {
           </p>
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="#"
+              href="https://portal.ourverse.tf" target='_blank' 
               className="rounded-2xl btn-dark font-semibold px-3.5 py-2.5"
             >
               Join OurVerse
diff --git a/src/components/Event1.jsx b/src/components/Event1.jsx
index e50929e..0297255 100644
--- a/src/components/Event1.jsx
+++ b/src/components/Event1.jsx
@@ -37,7 +37,7 @@ export function Event1() {
           </div>
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="#"
+              href="https://portal.ourverse.tf" target='_blank' 
               className="rounded-xl bg-purple-700 px-6 py-3.5 lg:max-w-4xl max-w-2xl text-base tracking-tight font-semibold btn-gradient-dark2"
             >
               Get Your FREE Ticket  <TicketIcon className="h-5 w-5 mx-0.3 inline-block -mt-0.5" />
diff --git a/src/components/Eventhero.jsx b/src/components/Eventhero.jsx
index 1f87f13..c1ac1f9 100644
--- a/src/components/Eventhero.jsx
+++ b/src/components/Eventhero.jsx
@@ -21,7 +21,7 @@ export default function Eventhero() {
                   </p>
                   <div className="mt-10 flex items-center gap-x-6">
                     <a
-                      href="#"
+                      href="https://portal.ourverse.tf" target='_blank' 
                       className="rounded-2xl font-semibold btn-gradient-dark2"
                     >
                       Get started
diff --git a/src/components/Events.jsx b/src/components/Events.jsx
index ae1d49d..1323c50 100644
--- a/src/components/Events.jsx
+++ b/src/components/Events.jsx
@@ -53,7 +53,7 @@ const featuredPost = {
             <div className="mt-4 flex flex-col justify-between gap-6 sm:mt-8 sm:flex-row-reverse sm:gap-8 lg:mt-4 lg:flex-col">
             <div className="mt-4 flex items-center gap-x-6">
                     <a
-                      href="#"
+                      href="https://portal.ourverse.tf" target='_blank' 
                       className="rounded-2xl font-semibold btn-dark text-base leading-6"
                     >
                       Learn More
diff --git a/src/components/Experiences.jsx b/src/components/Experiences.jsx
index 851640e..281ac1c 100644
--- a/src/components/Experiences.jsx
+++ b/src/components/Experiences.jsx
@@ -81,14 +81,14 @@ import {
           </div>
         </div>
         <div className="mx-auto lg:mt-12 max-w-7xl px-6 mt-8 mb-12 lg:px-8">
-        <div className="mt-2 grid grid-cols-1 gap-x-8 gap-y-8 grid-cols-2 gap-y-10 lg:grid-cols-3">
+        <div className="mt-2 grid  gap-x-8 gap-y-8 md:grid-cols-2 lg:grid-cols-3">
           {products.map((product) => (
             <div key={product.id} className="group relative">
               <div className="aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-purple-100">
                 <img alt={product.imageAlt} src={product.imageSrc} className="object-cover object-center" />
                 <div aria-hidden="true" className="flex items-end p-4 opacity-100 group-hover:opacity-100">
                   <div className="w-full rounded-md bg-white bg-opacity-75 px-4 py-2 text-center text-sm font-medium text-purple-700 backdrop-blur backdrop-filter">
-                   <a href="#">
+                   <a href="https://portal.ourverse.tf" target='_blank' >
                     <span aria-hidden="true" className="absolute inset-0" />
                     {product.name}
                   </a>
diff --git a/src/components/Featurehero.jsx b/src/components/Featurehero.jsx
index 099a1fe..589da4f 100644
--- a/src/components/Featurehero.jsx
+++ b/src/components/Featurehero.jsx
@@ -25,9 +25,8 @@ export default function Featurehero() {
           </p>
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="https://portal.ourverse.tf"
+              href="https://portal.ourverse.tf" target='_blank'
               className="rounded-2xl btn-dark font-semibold px-3.5 py-2.5"
-              target="_blank"
               rel="noopener noreferrer"
             >
               Join OurVerse
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 05feb28..d176413 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -34,7 +34,7 @@ export function Header() {
               </a>
             ))}
           </div>
-          <Button href="#">Join OurVerse</Button>
+          <Button href="https://portal.ourverse.tf" target='_blank'>Join OurVerse</Button>
         </div>
         <div className="lg:hidden flex items-center bg-gradient3">
           <button
@@ -73,7 +73,7 @@ export function Header() {
                 {item.name}
               </a>
             ))}
-            <Button href="#" className="mt-4 btn-gradient-dark">
+            <Button href="https://portal.ourverse.tf" target='_blank' className="mt-4 btn-gradient-dark">
               Join OurVerse
             </Button>
           </div>
diff --git a/src/components/HeroFeature.jsx b/src/components/HeroFeature.jsx
index a2ed6cf..c908795 100644
--- a/src/components/HeroFeature.jsx
+++ b/src/components/HeroFeature.jsx
@@ -45,7 +45,7 @@ import {
          </video>
           </div>
         </div>
-        <div className="mt-4 mx-auto lg:mt-16 max-w-5xl px-6 mt-20 md:mt-24 lg:px-8 text-center items-center">
+        <div className="mt-4 mx-auto lg:mt-16 max-w-5xl px-6 lg:px-8 text-center items-center">
         <h2 className="text-intro">Generative AI 3D Tool</h2>
         <p className="mt-4 h3-title text-center">Transform your Imagination into Immersive Reality </p>
         <p className="mt-8 items-center align-center section-text font-display -ct">
@@ -60,7 +60,7 @@ import {
         </div>
         <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
             <a
-              href="#"
+              href="https://portal.ourverse.tf" target='_blank' 
               className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold shadow-sm"
             >
               Try Now
diff --git a/src/components/Heropage.jsx b/src/components/Heropage.jsx
index 9df3fac..6142c5a 100644
--- a/src/components/Heropage.jsx
+++ b/src/components/Heropage.jsx
@@ -28,12 +28,12 @@ export function Heropage() {
           </div>
           <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
             <a
-              href="#"
+              href="https://portal.ourverse.tf" target='_blank' 
               className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold shadow-sm"
             >
               Try HeroVerse 3D
             </a>
-            <a href="#" className="text-sm font-semibold leading-6 text-white hover:text-purple-200">
+            <a href="https://portal.ourverse.tf" rel="noopener noreferrer" target='_blank' className="text-sm font-semibold leading-6 text-white hover:text-purple-200">
               Learn more <span aria-hidden="true">→</span>
             </a>
           </div>
diff --git a/src/components/Homepage.jsx b/src/components/Homepage.jsx
index a577b36..24fe1eb 100644
--- a/src/components/Homepage.jsx
+++ b/src/components/Homepage.jsx
@@ -27,7 +27,7 @@ export function Homepage() {
           </div>
           <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
             <a
-              href="https://portal.ourverse.tf"
+              href="https://portal.ourverse.tf" 
               target="_blank" 
               rel="noopener noreferrer" 
               className="rounded-2xl btn-dark px-3.5 py-2.5 text-base font-semibold"
diff --git a/src/components/Usecases.jsx b/src/components/Usecases.jsx
index 602e1c7..abf495e 100644
--- a/src/components/Usecases.jsx
+++ b/src/components/Usecases.jsx
@@ -26,7 +26,7 @@ export default function Usecases() {
         
         <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
-              href="https://portal.ourverse.tf"
+              href="https://portal.ourverse.tf" target='_blank'
               className="rounded-2xl btn-dark font-semibold px-3.5 py-2.5"
               target="_blank"
               rel="noopener noreferrer"