fix(docs): Fixed typo and added back chat with us option (#1207)

Author: Shanugoyanka

components/chat/chat-with-us.tsx

@@ -1,7 +1,8 @@
 "use client";
 import React, { useState } from "react";
 import ChatWindow from "./chat-window";
-import { AgentIcon } from "src/icons/shared-icons";
+import Image from "next/image";
+import FetchWhite from "src/images/fetch_logo_only_white.svg";
 
 const ChatWithUs = () => {
   const [isChatOpen, setIsChatOpen] = useState(false);
@@ -10,9 +11,15 @@ const ChatWithUs = () => {
     <>
       <button
         onClick={() => setIsChatOpen(!isChatOpen)}
-        className="nx-fixed nx-bottom-12 nx-right-12 !nx-px-6 !nx-py-4 nx-z-40 nx-flex nx-bg-chatwithus nx-text-white nx-rounded-lg nx-font-medium nx-gap-4"
+        className="nx-fixed nx-bottom-12 nx-right-12 !nx-px-6 !nx-py-4 nx-z-40 nx-flex nx-bg-chatwithus nx-uppercase nx-font-medium geist-mono-font-family nx-text-white nx-rounded-lg nx-gap-2"
       >
-        <AgentIcon />
+        <Image
+          src={FetchWhite}
+          alt="agentverse-img"
+          width={16}
+          height={16}
+          className="nx-w-[16px] nx-h-[16px] nx-my-auto"
+        />
         Chat with us
       </button>
       {isChatOpen && <ChatWindow onClose={() => setIsChatOpen(false)} />}

components/landing-page.tsx

@@ -8,6 +8,7 @@ import flockx_no_code from "../src/images/flockx_nocodeagentstudio.png";
 import InfoCard from "./info-card";
 import InfoImageCard from "./info-image-card";
 import InfoImagePngCard from "./info-image-card-png";
+import ChatWithUs from "./chat/chat-with-us";
 
 function LandingPage() {
   return (
@@ -101,7 +102,7 @@ function LandingPage() {
           <div className="nx-flex nx-flex-col md:nx-flex-row nx-gap-6 nx-mt-8 nx-w-full">
             <InfoCard
               href="https://innovationlab.fetch.ai/resources/docs/examples/chat-protocol/asi1-compatible-uagents"
-              mainTitle="AS1:One"
+              mainTitle="ASI:One"
               firstTitle="Build an Agent Compatible with"
               icon="/assets/iconlogo_asione.svg"
             />
@@ -319,6 +320,8 @@ function LandingPage() {
           </div>
         </section>
       </section>
+
+      <ChatWithUs />
     </section>
   );
 }

styles/globals.css

@@ -4086,7 +4086,7 @@ input[type="search"]::-webkit-search-results-decoration {
 }
 
 .nx-bg-chatwithus {
-  background-color: #5f38fb;
+  background-color: #000;
 }
 
 :is(html[class~="dark"] .dark\:nx-bg-dark-mode-white-10) {