ok

src/components/Featurehero.jsx

@@ -0,0 +1,29 @@
+import { LifebuoyIcon, NewspaperIcon, PhoneIcon } from '@heroicons/react/20/solid'
+
+export default function Featurehero() {
+  return (
+    <div className="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32">
+      <img
+        alt=""
+        src="/images/bgimage.jpg"
+        className="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"
+      />
+
+      {/* Gradient Overlay from left to right */}
+      <div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
+
+      <div className="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl">
+      <div className="absolute inset-0 bg-gradient-to-b from-[#938dc3] via-[#b5b1d7] to-white"></div>
+      </div>
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-2xl lg:mx-0">
+          <h2 className="lg:text-6xl font-semibold tracking-tight text-white text-4xl">The Future of Collaboration</h2>
+          <p className="mt-6 text-lg leading-8 text-gray-300">
+          Unlock the future of communication and collaboration inside immersive virtual environments.
+           OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
+          </p>
+        </div>
+      </div>
+    </div>
+  )
+}