add socials

src/components/Communhero.jsx

@@ -1,23 +1,5 @@
 import { LifebuoyIcon, NewspaperIcon, PhoneIcon } from '@heroicons/react/24/outline'
 
-const supportLinks = [
-  {
-    name: 'Sales',
-    href: '#',
-    icon: PhoneIcon,
-  },
-  {
-    name: 'Technical Support',
-    href: '#',
-    icon: LifebuoyIcon,
-  },
-  {
-    name: 'Media Inquiries',
-    href: '#',
-    icon: NewspaperIcon,
-  },
-]
-
 export default function Communhero() {
   return (
     <div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
@@ -35,27 +17,15 @@ export default function Communhero() {
       <div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
           <h2 className="mt-2 text-3xl font-semibold tracking-tight text-white sm:text-4xl">
-            Exploring Impactful Use Cases from Real-life Applications
+          A United Community Creating the Future of Virtual Worlds
           </h2>
           <p className="mt-6 text-lg leading-8 text-purple-50">
-            Discover how OurVerse uniquely addresses challenges and fosters innovation in education, healthcare, environmental conservation, 
-            and economic empowerment with specific, real-world applications of our technology.
+          Join a global movement where visionaries, creators, and innovators come together to shape immersive digital experiences. 
+          Powered by cutting-edge technology and collaboration, OurVerse is transforming the way we connect, learn, 
+          and build in virtual spaces. Be part of the journey to redefine the digital future.
           </p>
         </div>
       </div>
-
-      {/* Overlapping cards */}
-      <section aria-labelledby="contact-heading" className="relative z-10 mx-auto  max-w-2xl px-6 lg:mx-20">
-        <div className="flex flex-wrap justify-start gap-x-10 gap-y-6 leading-7">
-          {supportLinks.map((link, index) => (
-            <div className="px-0 pb-8 pt-16" key={index}>
-              <div className="relative top-0 left-0 -translate-y-1/2 rounded-xl social-gradient p-5 shadow-lg">
-                <link.icon aria-hidden="true" className="h-4 w-4 text-white" />
-              </div>
-            </div>
-          ))}
-        </div>
-      </section>
     </div>
   )
 }