ok

src/components/Companies.tsx

@@ -27,8 +27,8 @@ const row4 = [TencentCloud, OpenAI, XAI];
 
 export function Companies() {
   return (
-    <div className="relative flex h-screen w-full overflow-hidden rounded-md bg-transparent antialiased md:items-center md:justify-center">
-      <div className="relative z-10 mx-auto w-full max-w-6xl p-4 pt-16">
+    <div id="companies" className="relative flex h-screen w-full overflow-hidden rounded-md bg-transparent antialiased md:items-center md:justify-center">
+      <div className="relative z-10 mx-auto w-full max-w-6xl p-4 py-12">
 
         {/* Heading */}
         <motion.div
@@ -37,10 +37,10 @@ export function Companies() {
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 1 }}
         >
-          <H2 className="text-center">
-            Seamlessly Deploy the World’s Leading AI Models 
+          <H2 className="text-center pb-6">
+            Deploy the World’s Leading AI Models 
           </H2>
-          <P className="mt-6 text-center">
+          <P className="pb-8 text-center" color="custom">
             Deploy and scale AI from top global providers on a decentralized, privacy-first infrastructure. Mycelium Cloud lets you integrate state-of-the-art intelligence into your workflows with full control, sovereignty, and cost efficiency.
           </P>
         </motion.div>