foundry-component-library 0.2.30 → 0.2.32

package/lib/components/Capabilities/index.tsx

@@ -5,12 +5,15 @@ import styles from "./styles.module.scss";
 import type { Case, NextImage } from "../../types";
 import Item from "./Item";
 import LinkType from "next/link";
+import { translate } from "../../utils";
 
 const Capabilities = ({
+  heading,
   items,
   Link,
   Image,
 }: {
+  heading: string;
   items: {
     heading: string;
     text: string;
@@ -25,7 +28,10 @@ const Capabilities = ({
 
   return (
     <Container>
-      <div className={styles.heading}>Our capabilities</div>
+      <a className={styles.button} href="#get-in-touch">
+        {translate("Get in touch", "DE")}
+      </a>
+      <div className={styles.heading}>{heading}</div>
       <div className={styles.items}>
         {items.map((item) => {
           return (

package/lib/components/Capabilities/styles.module.scss

@@ -179,3 +179,10 @@
     position: relative;
   }
 }
+
+.button {
+  @extend .button;
+  display: inline-block;
+  cursor: pointer;
+  margin-bottom: 3rem;
+}

package/lib/components/GetInTouch/index.tsx

@@ -3,6 +3,7 @@ import React from "react";
 import { useActionState, useState } from "react";
 import { useRouter } from "next/navigation";
 import styles from "./styles.module.scss";
+import { translate } from "../../utils";
 
 type LeadResult =
   | { success: true }
@@ -43,9 +44,12 @@ const GetInTouch = ({
   return (
     <section id="get-in-touch" className={styles.formSection}>
       <div className={styles.container}>
-        <h2 className={styles.heading}>Get in touch</h2>
+        <h2 className={styles.heading}>{translate("Get in touch", "DE")}</h2>
         <p className={styles.subtitle}>
-          Tell us about your brand and discover how we can help.
+          {translate(
+            "Tell us about your brand and discover how we can help.",
+            "DE",
+          )}
         </p>
         <form
           action={formAction}

package/lib/components/Hero/index.tsx

@@ -35,8 +35,6 @@ const Hero = ({
 
   if (!image && !video) return;
 
-  console.log("video", video);
-
   if (isFullWidth) {
     return (
       <div

package/lib/components/HubsAccordion/Hub.tsx

@@ -42,7 +42,7 @@ const Hub = ({
     <div className={`${styles.hub} ${isActive ? styles.active : ""}`}>
       <div className={styles.top}>
         <div className={styles.title}>{hub.title}</div>
-        <div className={styles.text}>{customFields.subheading}</div>
+        <div className={styles.text}>{customFields.approach}</div>
         <button className={styles.icon} onClick={() => setIsActive(!isActive)}>
           {isActive ? <Minus /> : <Plus />}
         </button>

package/lib/components/LogoSection/Dropdown.tsx

@@ -42,8 +42,6 @@ const Dropdown = ({
     currentDisplay = selected.tag;
   }
 
-  console.log("pp", displayLabels);
-
   return (
     <div
       className={`${styles.dropdown} ${isOpen ? styles.active : ""}`}

package/lib/components/LogoSection/Logos.tsx

@@ -93,8 +93,6 @@ const Logos = ({
     }
   }, [selected]);
 
-  console.log("qwe", selected);
-
   return (
     <Container>
       {!withoutFilters && (

package/lib/components/TextSection/index.tsx

@@ -27,9 +27,10 @@ const TextSection = ({
       <div className={`${styles.section} ${alignStyle} ${themeStyle}`}>
         {caption && <div className={styles.caption}>{caption}</div>}
         {heading && (
-          <div className={`${styles.heading} ${isSmall ? styles.small : ""}`}>
-            {heading}
-          </div>
+          <div
+            className={`${styles.heading} ${isSmall ? styles.small : ""}`}
+            dangerouslySetInnerHTML={{ __html: heading }}
+          />
         )}
         {subheading && <div className={styles.subheading}>{subheading}</div>}
         {text && <div className={styles.text}>{text}</div>}

package/lib/components/case/Other/index.tsx

@@ -11,10 +11,12 @@ function Other({
   cases,
   Link,
   Image,
+  lang,
 }: {
   cases: Case[];
   Link: NextLink;
   Image: NextImage;
+  lang?: "EN" | "DE";
 }) {
   const sectionRef = useRef(null);
   const { handleMouseDown, handleMouseMove, handleMouseUp, dragStyle } =
@@ -26,9 +28,11 @@ function Other({
     <Container noMobilePadding>
       <div className={styles.other}>
         <div className={styles.top}>
-          <div className={styles.caption}>{translate("Case Studies")}</div>
+          <div className={styles.caption}>
+            {translate("Case Studies", lang)}
+          </div>
           <h3 className={styles.heading}>
-            {translate("Success stories.\nWith proven results.")}
+            {translate("Success stories.\nWith proven results.", lang)}
           </h3>
         </div>
         <div

package/lib/queries/getHubBySlug.ts

@@ -62,6 +62,7 @@ export default async function getHubBySlug({
               }
             }
           }
+          capabilitiesHeading
           capabilities {
             heading
             text

package/lib/types/index.ts

@@ -330,6 +330,7 @@ export type Hub = {
     }[];
     approach: string;
     relatedWork: Case[];
+    capabilitiesHeading: string;
     capabilities: {
       heading: string;
       text: string;

package/lib/utils.ts

@@ -1,3 +1,29 @@
-export const translate = (text: string) => {
+export const translate = (text: string, lang: string = "EN") => {
+  if (lang === "EN") return text;
+
+  if (text === "Get in touch") {
+    return "Kontakt aufnehmen";
+  }
+
+  if (text === "Tell us about your brand and discover how we can help.") {
+    return "Erzählen Sie uns von Ihrer Marke und entdecken Sie, wie wir Ihnen helfen können.";
+  }
+
+  if (text === "Success stories.\nWith proven results.") {
+    return "Erfolgsgeschichten.\nMit messbaren Ergebnissen.";
+  }
+
+  if (text === "") {
+    return "";
+  }
+
+  if (text === "") {
+    return "";
+  }
+
+  if (text === "") {
+    return "";
+  }
+
   return text;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foundry-component-library",
-  "version": "0.2.30",
+  "version": "0.2.32",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",