edit

src/components/Bentosection.jsx

@@ -49,9 +49,6 @@ export default function BentoSection() {
           <p className="mt-2 max-w-[600px] text-sm/6 text-gray-600 group-data-[dark]:text-gray-400">
             {description}
           </p>
-          <a href={link} className="lg:text-xs mt-4 text-sm font-mono text-cyan-600  hover:text-purple-600">
-                    Learn More <span aria-hidden="true">→</span>
-         </a>
         </div>
       </motion.div>
     )
@@ -68,6 +65,17 @@ export default function BentoSection() {
           <p className="mt-4 section-text">
           Transform how you and your team work together with our innovative creative tools and explore diverse scenarios where they empower users to collaborate in immersive virtual environments.
           </p>
+          <div className="mt-10 flex gap-x-8">
+          <a
+              href="#"
+              className="rounded-2xl btn-gradient-dark px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
+            >
+              See Features
+            </a>
+          <a href="#" className="text-sm py-2.5 font-semibold leading-6 text-cyan-600 hover:text-purple-500">
+          Read Use Cases <span aria-hidden="true">→</span>
+            </a>
+            </div>
         </div>
         <div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
         <BentoCard
@@ -114,11 +122,11 @@ export default function BentoSection() {
           link="/features"
         />
         <BentoCard
-          eyebrow="Business Platform"
-          title="Integrated CRM"
-          description="Manage customer interactions, tasks, and meetings seamlessly in one platform, helping your business transition smoothly to the digital landscape."
+          eyebrow="Social Media"
+          title="MyVerse Social"
+          description="Manage social interactions, verses, and meetings seamlessly in an all-in-one integrated social mediaplatform."
           graphic={
-            <div className="h-80 bg-[url(/images/crm.png)] bg-cover bg-center bg-no-repeat" />
+            <div className="h-80 bg-[url(/images/socmed.jpg)] bg-cover bg-center bg-no-repeat" />
           }
           fade={['bottom']}
           className="max-lg:rounded-b-4xl lg:col-span-2 lg:rounded-br-4xl"

src/components/HeroFeature.jsx

@@ -19,8 +19,8 @@ import {
     return (
       <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-32 pb-12">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
-          <div className="mx-auto max-w-4xl sm:text-center">
-            <btn className="items-center rounded-2xl px-12 btn-gradient-dark2 py-2.5 text-md font-semibold"
+          <div className="mx-auto max-w-4xl text-center justify-center items-center">
+            <btn className="items-center rounded-2xl lg:px-12 px-6 btn-gradient-dark2 py-2.5 text-md font-semibold"
             >
               NEW
             </btn>
@@ -59,6 +59,7 @@ import {
         Anyone, regardless of their background, skill level, or geographical location, can use the system to create complex 3D interactives environments tailored to their needs, 
         simply by describing them. 
         </p>
+        
         </div>
         <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
             <a