Add logos to all integrations on overview and individual pages

fern/pages/06-integrations/index.mdx

@@ -41,19 +41,23 @@ AssemblyAI seamlessly integrates with a variety of tools and platforms to enhanc
 ## No-code tools
 
 <CardGroup>
-  <Card title="Zapier" icon="bolt-lightning" href="/docs/integrations/zapier">
+  <Card
+    title="Zapier"
+    icon={<img src="/assets/img/integrations/zapier.png" alt="Zapier logo" />}
+    href="/docs/integrations/zapier"
+  >
     Connect AssemblyAI with 5000+ apps using Zapier's automation platform.
   </Card>
   <Card
     title="Make (Integromat)"
-    icon="arrows-repeat"
+    icon={<img src="/assets/img/integrations/make.png" alt="Make logo" />}
     href="/docs/integrations/make"
   >
     Build complex automation scenarios with Make's visual workflow builder.
   </Card>
   <Card
     title="Postman"
-    icon="fa-solid fa-user-astronaut"
+    icon={<img src="/assets/img/integrations/postman.png" alt="Postman logo" />}
     href="/docs/integrations/postman"
   >
     Test and explore AssemblyAI's APIs using Postman collections.
@@ -63,34 +67,62 @@ AssemblyAI seamlessly integrates with a variety of tools and platforms to enhanc
 ## Meeting transcriber tools
 
 <CardGroup>
-  <Card title="Recall.ai" icon="circle" href="/docs/integrations/recall">
+  <Card
+    title="Recall.ai"
+    icon={
+      <img src="/assets/img/integrations/recall.png" alt="Recall.ai logo" />
+    }
+    href="/docs/integrations/recall"
+  >
     Setup a Zoom meeting bot with AssemblyAI and Recall.ai.
   </Card>
-  <Card title="Zoom RTMS" icon="video" href="/docs/integrations/zoom-rtms">
+  <Card
+    title="Zoom RTMS"
+    icon={<img src="/assets/img/integrations/zoom.png" alt="Zoom logo" />}
+    href="/docs/integrations/zoom-rtms"
+  >
     Integrate AssemblyAI with Zoom RTMS for meeting transcription.
   </Card>
 </CardGroup>
 
 ## Telephony tools
 
 <CardGroup>
-  <Card title="Telnyx" icon="phone" href="/docs/integrations/telnyx">
+  <Card
+    title="Telnyx"
+    icon={<img src="/assets/img/integrations/telnyx.png" alt="Telnyx logo" />}
+    href="/docs/integrations/telnyx"
+  >
     Build voice agents with Telnyx and AssemblyAI using Pipecat or LiveKit.
   </Card>
-  <Card title="Twilio" icon="phone" href="/docs/integrations/twilio">
+  <Card
+    title="Twilio"
+    icon={<img src="/assets/img/integrations/twilio.svg" alt="Twilio logo" />}
+    href="/docs/integrations/twilio"
+  >
     Process audio from Twilio calls and voice messages.
   </Card>
   <Card
     title="Amazon Connect"
-    icon="phone-volume"
+    icon={
+      <img
+        src="/assets/img/integrations/amazon-connect.png"
+        alt="Amazon Connect logo"
+      />
+    }
     href="/docs/integrations/amazon-connect"
   >
     Setup a transcription pipeline for Amazon Connect recordings with
     AssemblyAI.
   </Card>
   <Card
     title="Genesys Cloud"
-    icon="phone-volume"
+    icon={
+      <img
+        src="/assets/img/integrations/genesys.png"
+        alt="Genesys Cloud logo"
+      />
+    }
     href="/docs/integrations/genesys-cloud"
   >
     Setup a transcription pipeline for Genesys Cloud to AssemblyAI.
@@ -102,65 +134,91 @@ AssemblyAI seamlessly integrates with a variety of tools and platforms to enhanc
 <CardGroup>
   <Card
     title="LangChain"
-    icon="link-simple"
+    icon={
+      <img src="/assets/img/integrations/langchain.png" alt="LangChain logo" />
+    }
     href="/docs/integrations/langchain"
   >
     Integrate AssemblyAI with LangChain for advanced language model
     applications.
   </Card>
   <Card
     title="Power Automate"
-    icon="bolt"
+    icon={
+      <img
+        src="/assets/img/integrations/power-automate.png"
+        alt="Power Automate logo"
+      />
+    }
     href="/docs/integrations/power-automate"
   >
     Create automated workflows with Microsoft Power Automate to process audio
     and extract insights.
   </Card>
   <Card
     title="Semantic Kernel"
-    icon="microchip"
+    icon={
+      <img
+        src="/assets/img/integrations/semantic-kernel.png"
+        alt="Semantic Kernel logo"
+      />
+    }
     href="/docs/integrations/semantic-kernel"
   >
     Use AssemblyAI with Microsoft's Semantic Kernel framework.
   </Card>
   <Card
     title="Activepieces"
-    icon="puzzle-piece"
+    icon={
+      <img
+        src="/assets/img/integrations/activepieces.png"
+        alt="Activepieces logo"
+      />
+    }
     href="/docs/integrations/activepieces"
   >
     Create automated workflows with this open-source alternative to Zapier.
   </Card>
   <Card
     title="Haystack"
-    icon="magnifying-glass"
+    icon={
+      <img src="/assets/img/integrations/haystack.png" alt="Haystack logo" />
+    }
     href="/docs/integrations/haystack"
   >
     Build production-ready NLP applications with Haystack integration.
   </Card>
   <Card
     title="Cloudflare"
-    icon="cloud"
+    icon={
+      <img
+        src="/assets/img/integrations/cloudflare.png"
+        alt="Cloudflare logo"
+      />
+    }
     href="https://www.assemblyai.com/blog/transcribe-audio-cloudflare-workers-assemblyai-nodejs-typescript/"
   >
     Transcribe audio with Cloudflare Workers and AssemblyAI.
   </Card>
   <Card
     title="Relay.app"
-    icon="users"
+    icon={<img src="/assets/img/integrations/relay.png" alt="Relay.app logo" />}
     href="https://www.relay.app/apps/assemblyai/integrations"
   >
     Use AssemblyAI with Relay.app's workflow automation platform.
   </Card>
   <Card
     title="Bubble"
-    icon="circle-b"
+    icon={<img src="/assets/img/integrations/bubble.png" alt="Bubble logo" />}
     href="https://bubble.io/plugin/assemblyai-realtime-transcription-1666200218972x408222199372578800"
   >
     Add speech-to-text capabilities to your Bubble.io no-code applications.
   </Card>
   <Card
     title="Pipedream"
-    icon="square-p"
+    icon={
+      <img src="/assets/img/integrations/pipedream.png" alt="Pipedream logo" />
+    }
     href="https://pipedream.com/apps/assemblyai"
   >
     Build event-driven workflows with Pipedream's integration platform.