felixevers · Jan 28, 2026 · Jan 28, 2026
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { HelpwaveLogo, LanguageDialog, TextButton, ThemeDialog } from '@helpwave/hightide'
+import { Button, HelpwaveLogo, LanguageDialog, ThemeDialog } from '@helpwave/hightide'
 import * as CookieConsent from 'vanilla-cookieconsent'
 import pluginConfig from '../utils/CookieConsentConfig'
 import FooterLinkGroup from './FooterLinkGroup'
@@ -19,15 +19,6 @@ const linkGroups: Record<Categories, LinkType[]> = {
     { name: 'Twitter', link: 'https://twitter.com/helpwave_org' },
     { name: 'YouTube', link: 'https://www.youtube.com/@helpwave' },
     { name: 'Twitch', link: 'https://www.twitch.tv/helpwave' },
-    /*
-    { name: 'Spotify', link: 'https://open.spotify.com/show/6hL5UMytp81gmURnfn3dS9' },
-    { name: 'Apple Podcasts', link: 'https://podcasts.apple.com/us/podcast/helpwave-talks/id1695217116' },
-    {
-      name: 'Google Podcasts',
-      link: 'https://podcasts.google.com/feed/aHR0cHM6Ly9hbmNob3IuZm0vcy9lNTE1NWZhMC9wb2RjYXN0L3Jzcw'
-    },
-    { name: 'Slack', link: 'https://helpwave.slack.com' },
-    */
   ],
   development: [
     { name: 'Status', link: 'https://helpwave.betteruptime.com/' },
@@ -47,18 +38,12 @@ const linkGroups: Record<Categories, LinkType[]> = {
     { name: 'Pitchdeck', link: 'https://cdn.helpwave.de/helpwave_pitchdeck.pdf' },
     { name: 'Onepager', link: 'https://cdn.helpwave.de/helpwave_onepager.pdf' },
     { name: 'LOI', link: 'https://cdn.helpwave.de/helpwave_letter_of_intent.pdf' },
-    // { name: 'Tech-Radar', link: '/tech-radar', openInCurrentTab: true },
     { name: 'Credits', link: '/credits', openInCurrentTab: true },
   ],
   products: [
     { name: 'helpwave tasks', link: '/product/tasks' },
     { name: 'App Zum Doc', link: 'https://app-zum-doc.de/' },
     { name: 'mediQuu Netzmanager', link: 'https://mediquu.de/mediquu_netzmanager.html' },
-    /* { name: 'scaffold', link: '/product/scaffold' },
-      { name: 'cloud', link: '/product/cloud' },
-      { name: 'impulse', link: '/product/impulse' },
-      { name: 'analytics', link: '/product/analytics' },
-      { name: 'core', link: '/product/core' }, */
   ]
 }
 
@@ -93,33 +78,39 @@ const Footer = () => {
         {grouping.map((groups, index) => (
           <div key={index} className="col max-tablet:w-full w-[192px] max-tablet:text-center max-tablet:items-center">
             {groups.map((category) => (
-              <FooterLinkGroup key={category} title={translation(category)} links={linkGroups[category]}/>
+              <FooterLinkGroup key={category} title={translation(category)} links={linkGroups[category]} />
             ))}
             {index === 2 && (
               <>
-                <TextButton
+                <Button
+                  color="primary"
+                  coloringStyle="solid"
+                  layout="icon"
                   onClick={() => setIsLanguageDialogOpen(true)}
-                  size="small"
+                  size="sm"
                   className="justify-start w-min light:!text-white light:hover:!bg-white/20"
                 >
-                  <Globe size={18}/>
+                  <Globe size={18} />
                   {translation('changeLanguage')}
-                </TextButton>
-                <TextButton
+                </Button>
+                <Button
+                  color="primary"
+                  coloringStyle="solid"
+                  layout="icon"
                   onClick={() => setIsThemeDialogOpen(true)}
-                  size="small"
+                  size="sm"
                   className="justify-start w-min light:!text-white light:hover:!bg-white/20"
                 >
-                  <SunIcon size={18}/>
+                  <SunIcon size={18} />
                   {translation('changeTheme')}
-                </TextButton>
+                </Button>
               </>
             )}
           </div>
         ))}
       </div>
       <div className="row w-full h-[128px] items-center justify-center mx-auto font-space">
-        <HelpwaveLogo color="white" className="w-32 h-32"/>
+        <HelpwaveLogo color="white" className="w-32 h-32" />
         <span className="typography-title-md">&copy; {year} helpwave</span>
       </div>
     </footer>

diff --git a/components/NewsLetterForm.tsx b/components/NewsLetterForm.tsx
@@ -1,4 +1,4 @@
-import { Input, LoadingButton, Select, SelectOption } from '@helpwave/hightide'
+import { Button, Input, Select, SelectOption } from '@helpwave/hightide'
 import { useState } from 'react'
 import { useLandingPageTranslation } from '@/i18n/useLandingPageTranslation'
 
@@ -46,14 +46,9 @@ export const NewsLetterForm = ({
             <Input
               id="email"
               value={formState.email}
-              // label={{ name: `${translation('email')}*` }}
-              onChangeText={text => setFormState(prevState => ({
+              onChange={(e) => setFormState(prevState => ({
                 ...prevState,
-                email: text
-              }))}
-              onEditCompleted={text => setFormState(prevState => ({
-                ...prevState,
-                email: text
+                email: e.target.value
               }))}
               maxLength={255}
               required={true}
@@ -63,28 +58,18 @@ export const NewsLetterForm = ({
               <Input
                 id="firstname"
                 value={formState.firstname}
-                // label={{ name: translation('firstname') }}
-                onChangeText={text => setFormState(prevState => ({
-                  ...prevState,
-                  firstname: text
-                }))}
-                onEditCompleted={text => setFormState(prevState => ({
+                onChange={(e) => setFormState(prevState => ({
                   ...prevState,
-                  firstname: text
+                  firstname: e.target.value
                 }))}
                 maxLength={255}
               />
               <Input
                 id="lastname"
                 value={formState.lastname}
-                // label={{ name: `${translation('lastname')}*` }}
-                onChangeText={text => setFormState(prevState => ({
+                onChange={(e) => setFormState(prevState => ({
                   ...prevState,
-                  lastname: text
-                }))}
-                onEditCompleted={text => setFormState(prevState => ({
-                  ...prevState,
-                  lastname: text
+                  lastname: e.target.value
                 }))}
                 maxLength={255}
                 required={true}
@@ -94,22 +79,16 @@ export const NewsLetterForm = ({
               <Input
                 id="company"
                 value={formState.company}
-                // label={{ name: translation('company') }}
-                onChangeText={text => setFormState(prevState => ({
-                  ...prevState,
-                  company: text
-                }))}
-                onEditCompleted={text => setFormState(prevState => ({
+                onChange={(e) => setFormState(prevState => ({
                   ...prevState,
-                  company: text
+                  company: e.target.value
                 }))}
                 maxLength={255}
                 className="!max-w-[300px]"
               />
               <Select
-                // label={{ name: translation('industry'), labelType: 'labelSmall' }}
                 value={formState.industry}
-                onValueChanged={industry => setFormState(prevState => ({
+                onValueChange={(industry) => setFormState(prevState => ({
                   ...prevState,
                   industry: industry as Industry
                 }))}
@@ -127,17 +106,26 @@ export const NewsLetterForm = ({
                 showThankYouMessage ? (
                   <p>{translation('thankYou')}</p>
                 ) : (
-                  <LoadingButton type="submit" isLoading={isLoading} onClick={() => {
-                    if (!formState.email || !formState.lastname) return
+                  <Button
+                    type="submit"
+                    color="primary"
+                    coloringStyle="solid"
+                    layout="default"
+                    disabled={isLoading}
+                    onClick={() => {
+                      if (!formState.email || !formState.lastname) return
 
-                    setLoading(true)
-                    onSubmit(formState).finally(() => {
-                      setLoading(false)
-                      setShowThankYouMessage(true)
-                    })
-                  }} size="medium" className="min-w-[120px] w-fit">
-                    {translation('callToAction')}
-                  </LoadingButton>
+                      setLoading(true)
+                      onSubmit(formState).finally(() => {
+                        setLoading(false)
+                        setShowThankYouMessage(true)
+                      })
+                    }}
+                    size="md"
+                    className="min-w-[120px] w-fit"
+                  >
+                    {isLoading ? translation('loading') || 'Loading...' : translation('callToAction')}
+                  </Button>
                 )
               }
             </div>

diff --git a/components/Profile.tsx b/components/Profile.tsx
@@ -41,7 +41,7 @@ const SocialIcon = ({ type, url, size = 24 }: SocialIconProps) => {
     }
     return (
         <Link href={url} target="_blank" className="rounded-md">
-            <Chip color="dark" className="!p-2">
+            <Chip color="neutral" className="!p-2">
                 {icon}
             </Chip>
         </Link>
@@ -96,7 +96,7 @@ export const Profile = ({
                 <div className="absolute top-[6px] left-[6px] z-[3]">{badge}</div>
                 {roleBadge && (
                     <div className="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-2/3 z-[4] rounded-md">
-                        <Chip color="dark" className="font-bold px-3">{roleBadge}</Chip>
+                        <Chip color="neutral" className="font-bold px-3">{roleBadge}</Chip>
                     </div>
                 )}
             </div>

diff --git a/components/TextImage.tsx b/components/TextImage.tsx
@@ -1,4 +1,4 @@
-import { SolidButton } from '@helpwave/hightide'
+import { Button } from '@helpwave/hightide'
 import { clsx } from 'clsx'
 import { useLandingPageTranslation } from '@/i18n/useLandingPageTranslation'
 
@@ -67,13 +67,17 @@ export const TextImage = ({
           </div>
         </div>
         {onShowMoreClicked && (
-          <SolidButton
+          <Button
+            color="primary"
+            coloringStyle="solid"
+            layout="default"
             className="absolute bottom-4 right-4"
             onClick={onShowMoreClicked}
             disabled={disableMoreClick}
+            size="md"
           >
             {translation('showMore')}
-          </SolidButton>
+          </Button>
         )}
       </div>
     </div>

diff --git a/components/sections/landing/VisionSection.tsx b/components/sections/landing/VisionSection.tsx
@@ -14,7 +14,7 @@ const StartSection = () => {
       backgroundColor="variant"
     >
       <div className="flex-col-2 w-1/2 max-tablet:w-full">
-        <Chip color="blue" className="font-semibold px-4"><h2>{translation('section.vision.ourVision')}</h2></Chip>
+        <Chip color="primary" className="font-semibold px-4"><h2>{translation('section.vision.ourVision')}</h2></Chip>
         <span className="typography-title-lg">{translation('section.vision.title')}</span>
         <span className="font-inter font-semibold"><MarkdownInterpreter text={translation('section.vision.description')}/></span>
       </div>

diff --git a/components/sections/mediQuu/BrandInformationSection.tsx b/components/sections/mediQuu/BrandInformationSection.tsx