Fix/dependencies and fix translations

components/projects/ProjectsHomeShowcase.tsx

@@ -14,6 +14,7 @@ import { Badge } from "@/components/ui/badge";
 import { useTranslations } from "next-intl";
 import { projects } from "@/data/hubs/projectsData";
 import { isFeaturedProject } from "./projects-showcase.utils";
+import { Button } from "../ui/button";
 
 const BOTGENOSSEN_TECHS = [
   "AI Avatar",
@@ -245,12 +246,14 @@ export function ProjectsHomeShowcase({ className }: ProjectsHomeShowcaseProps) {
 
       {/* View all link */}
       <div className="mt-10 text-center">
-        <Link
-          href="/projects"
-          className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors duration-200 border border-border/50 hover:border-muted-foreground/50 rounded-lg px-5 py-2.5"
-        >
-          {t("viewAllProjects")}
-          <FiExternalLink className="w-3.5 h-3.5" aria-hidden="true" />
+        <Link href="/projects" target="_blank" rel="noopener noreferrer">
+          <Button
+            variant="default"
+            className="gap-2 cursor-pointer hover:scale-105 transition-transform"
+          >
+            {t("viewAllProjects")}
+            <FiExternalLink className="w-3.5 h-3.5" aria-hidden="true" />
+          </Button>
         </Link>
       </div>
     </section>

components/use-cases/showcase-section.tsx

@@ -14,7 +14,7 @@ import { Button } from "../ui/button";
 
 export function ShowcaseSection() {
   const t = useTranslations("Usecases");
-  const tt = useTranslations("Usecases.projects.project-2");
+  const tLive = useTranslations("Usecases.liveToolsShowcase");
 
   return (
     <section className="w-full py-12 md:py-16 lg:py-20">
@@ -39,25 +39,38 @@ export function ShowcaseSection() {
           ))}
         </div>
 
-        <div
-          className="mt-10 flex flex-col items-center gap-1.5 justify-center
-          border max-w-xl mx-auto p-6 rounded-lg bg-background/70 backdrop-blur-sm"
-        >
-          <p className="text-center text-muted-foreground max-w-md font-semibold pb-2">
-            {tt("description2")}
+        <div className="mt-10 flex flex-col items-center gap-4 justify-center border max-w-xl mx-auto p-6 rounded-lg bg-background/70 backdrop-blur-sm">
+          <p className="text-center text-muted-foreground max-w-md font-semibold">
+            {tLive("description")}
           </p>
-          <Link
-            href="/rio-calculator"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Button
-              variant="default"
-              className="gap-2 cursor-pointer hover:scale-105 transition-transform"
+          <div className="flex flex-col sm:flex-row items-center gap-3 w-full sm:w-auto">
+            <Link
+              href="/automation-audit"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="w-full sm:w-auto"
             >
-              {tt("title")}
-            </Button>
-          </Link>
+              <Button
+                variant="default"
+                className="gap-2 cursor-pointer hover:scale-105 transition-transform w-full sm:w-auto"
+              >
+                {tLive("auditButton")}
+              </Button>
+            </Link>
+            <Link
+              href="/rio-calculator"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="w-full sm:w-auto"
+            >
+              <Button
+                variant="default"
+                className="gap-2 cursor-pointer hover:scale-105 transition-transform w-full sm:w-auto"
+              >
+                {tLive("rioButton")}
+              </Button>
+            </Link>
+          </div>
         </div>
       </div>
     </section>

messages/de.json

@@ -548,6 +548,11 @@
     "useCasesLabel": "Anwendungsfälle",
     "liveDemoButton": "Live-Demo",
     "viewCodeButton": "Code anzeigen",
+    "liveToolsShowcase": {
+      "description": "Probieren Sie diese interaktiven Tools aus, um das Automatisierungspotenzial Ihres Unternehmens zu erkunden:",
+      "auditButton": "KI-Automatisierungs-Audit",
+      "rioButton": "ROI-Rechner"
+    },
     "projects": {
       "project-1": {
         "title": "Voice-to-Notion Automation",

messages/en.json

@@ -548,6 +548,11 @@
     "useCasesLabel": "Use Cases",
     "liveDemoButton": "Live Demo",
     "viewCodeButton": "View Code",
+    "liveToolsShowcase": {
+      "description": "Try these interactive tools to explore automation potential for your business:",
+      "auditButton": "AI Automation Audit",
+      "rioButton": "ROI Calculator"
+    },
     "projects": {
       "project-1": {
         "title": "Voice-to-Notion Automation",

messages/es.json

@@ -548,6 +548,11 @@
     "useCasesLabel": "Casos de Uso",
     "liveDemoButton": "Demo en Vivo",
     "viewCodeButton": "Ver Código",
+    "liveToolsShowcase": {
+      "description": "Pruebe estas herramientas interactivas para explorar el potencial de automatización de su negocio:",
+      "auditButton": "Auditoría de Automatización IA",
+      "rioButton": "Calculadora de ROI"
+    },
     "projects": {
       "project-1": {
         "title": "Automatización de Voz a Notion",

messages/fr.json

@@ -548,6 +548,11 @@
     "useCasesLabel": "Cas d'Usage",
     "liveDemoButton": "Démo en Direct",
     "viewCodeButton": "Voir le Code",
+    "liveToolsShowcase": {
+      "description": "Essayez ces outils interactifs pour explorer le potentiel d'automatisation de votre entreprise:",
+      "auditButton": "Audit d'Automatisation IA",
+      "rioButton": "Calculateur de ROI"
+    },
     "projects": {
       "project-1": {
         "title": "Automatisation Voice-to-Notion",

messages/sv.json

@@ -548,6 +548,11 @@
     "useCasesLabel": "Användningsfall",
     "liveDemoButton": "Live Demo",
     "viewCodeButton": "Visa Kod",
+    "liveToolsShowcase": {
+      "description": "Prova dessa interaktiva verktyg för att utforska automatiseringspotentialen för ditt företag:",
+      "auditButton": "AI-automatiseringsrevision",
+      "rioButton": "ROI-kalkylator"
+    },
     "projects": {
       "project-1": {
         "title": "Voice-to-Notion Automation",