More refreshing and status history displays

src/components/ContactSalesBanner.tsx

@@ -2,32 +2,35 @@
 
 import { KeyRound, ExternalLink } from "lucide-react";
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 
 export function ContactSalesBanner() {
+    const t = useTranslations();
+
     return (
         <div className="rounded-md border border-black-500/30 bg-linear-to-br from-black-500/10 via-background to-background overflow-hidden">
             <div className="py-3 px-4">
                 <div className="flex items-center gap-2.5 text-sm text-muted-foreground">
                     <KeyRound className="size-4 shrink-0 text-black-500" />
                     <span>
-                        Contact sales to enable this feature.{" "}
+                        {t("contactSalesEnable")}{" "}
                         <Link
                             href="https://click.fossorial.io/ep922"
                             target="_blank"
                             rel="noopener noreferrer"
                             className="inline-flex items-center gap-1 font-medium text-black-600 underline"
                         >
-                            Book a demo
+                            {t("contactSalesBookDemo")}
                             <ExternalLink className="size-3.5 shrink-0" />
                         </Link>
-                        {" or "}
+                        {" " + t("contactSalesOr") + " "}
                         <Link
                             href="https://pangolin.net/contact"
                             target="_blank"
                             rel="noopener noreferrer"
                             className="inline-flex items-center gap-1 font-medium text-black-600 underline"
                         >
-                            contact us
+                            {t("contactSalesContactUs")}
                             <ExternalLink className="size-3.5 shrink-0" />
                         </Link>
                         .
@@ -36,4 +39,4 @@ export function ContactSalesBanner() {
             </div>
         </div>
     );
-}
+}