add people n heor

src/components/HomeAbout.tsx

@@ -33,8 +33,40 @@ const features = [
 
 export function HomeAbout() {
   return (
-    <div className="bg-black py-24 sm:py-32">
+    <div className="relative bg-black py-24 sm:py-32 overflow-hidden">
+
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
+         <div
+        aria-hidden="true"
+        className="absolute inset-0 -z-10 overflow-hidden"
+      >
+        <div
+          style={{
+            background: 'linear-gradient(135deg, #ff80b5 0%, #9089fc 100%)',
+            width: '800px',
+            height: '600px',
+            borderRadius: '50%',
+            filter: 'blur(100px)',
+            opacity: 0.3,
+            position: 'absolute',
+            top: '20%',
+            right: '10%'
+          }}
+        />
+        <div
+          style={{
+            background: 'linear-gradient(225deg, #9089fc 0%, #ff80b5 100%)',
+            width: '600px',
+            height: '400px',
+            borderRadius: '50%',
+            filter: 'blur(80px)',
+            opacity: 0.2,
+            position: 'absolute',
+            bottom: '20%',
+            left: '10%'
+          }}
+        />
+      </div>
         <div className="mx-auto max-w-4xl lg:mx-0">
           <p className="subtitle text-white">ABOUT</p>
           <h2 className="mt-2 h2-default text-white">