ok

src/components/Communicate.jsx

@@ -26,12 +26,11 @@ const features = [
 
 export default function Communicate() {
   return (
-    <div className="overflow-hidden bg-white lg:pt-24 lg:pb-16 py-20 lg:mt-12 mt-8">
+    <div className="overflow-hidden bg-gradient-to-b from-purple-50/10 to-purple-50/80  lg:pt-24 lg:pb-16 py-20 lg:mt-12 mt-8">
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
           <div className="lg:pr-8 lg:pt-4">
             <div className="lg:max-w-lg">
-              <h2 className="text-base font-medium font-mono leading-7 text-purple-600">Features</h2>
               <p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient sm:text-4xl">Advanced Communication</p>
               <p className="mt-6 text-lg leading-8 text-purple-900">
               Elevate your virtual interactions with cutting-edge communication features