Merge pull request #282 from Shelf-nu/sweep/update-chat-with-an-exper…

…t-content

Sweep/update chat with an expert content

app/components/layout/sidebar/chat-with-an-expert.tsx

@@ -1,6 +1,6 @@
 import { useFetcher, useLoaderData } from "@remix-run/react";
 import { XIcon } from "~/components/icons";
-import { CrispButton } from "~/components/marketing/crisp";
+import { Button } from "~/components/shared";
 
 export const ChatWithAnExpert = () => {
   const { hideSupportBanner } = useLoaderData();
@@ -10,7 +10,7 @@ export const ChatWithAnExpert = () => {
     <div className="support-banner mb-6 hidden rounded-lg bg-gray-50 px-4 py-5  md:block">
       <div className="flex justify-between align-middle">
         <h5 className="mb-1 font-semibold text-gray-900">
-          Got feedback or need help?
+          New: Order Asset Labels
         </h5>
         <div className="mt-[-6px]">
           <fetcher.Form method="post" action="/api/user/dismiss-support-banner">
@@ -23,16 +23,15 @@ export const ChatWithAnExpert = () => {
       </div>
 
       <p className="text-gray-600">
-        We can help you almost instantly with anything related to the Shelf App.
-        Just open up a chat with us.
+        We are happy to announce that we have the infrastructure to produce custom branded labels for your business. Affordable rates, fast turnaround, global shipping, various materials.
       </p>
       <img
         src="/images/carlos-support.jpg"
         alt="Carlos support shelf.nu"
         className="my-4 rounded-lg"
       />
       <p>
-        <CrispButton variant="link">Chat with an expert</CrispButton>
+        <Button variant="link" to="https://www.shelf.nu/blog/introducing-shelfs-sticker-studio">View offer</Button>
       </p>
     </div>
   );