diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index d4579b3c4..000000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "i18n-ally.localesPaths": ["locales", "public/locales"],
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
-}
diff --git a/apps/www/src/components/ui/atoms/button/button.model.ts b/apps/www/src/components/ui/atoms/button/button.model.ts
index 90915f797..b96a50844 100644
--- a/apps/www/src/components/ui/atoms/button/button.model.ts
+++ b/apps/www/src/components/ui/atoms/button/button.model.ts
@@ -3,33 +3,36 @@ import {cn} from '@/utils/toolbox'
 export const buttonSizes = ['small', 'medium', 'large'] as const
 export const buttonShapes = ['square', 'rounded', 'circle'] as const
 export const buttonVariants = ['default', 'link', 'ghost'] as const
-export const buttonTones = ['primary', 'secondary'] as const
+export const buttonTones = ['primary', 'secondary', 'slate'] as const
 export const buttonAlignments = ['start', 'center', 'end'] as const
 
 const toneClasses: Record<(typeof buttonTones)[number], Record<(typeof buttonVariants)[number], string>> = {
   primary: {
     default:
-      'bg-primary-800 text-white hover:bg-white hover:text-primary-800 focus-visible:ring-primary-800 \
-    focus-visible:outline-primary-200',
-    link: 'text-primary-800 focus-visible:outline-primary-600 focus-visible:underline',
+      'bg-sky-300 text-white text-slate-900 hover:bg-violet-300 focus-visible:ring-sky-300  focus-visible:outline-sky-300',
+    link: 'text-sky-300 focus-visible:outline-sky-200 focus-visible:underline',
     ghost:
-      'text-primary-800 hover:bg-primary-100/30 focus-visible:outline-primary-600  \
-    data-[active=true]:underline data-[active=true]:decoration-primary-200 data-[active=true]:underline-offset-4	\
-    data-[active=true]:decoration-2'
+      'bg-transparent border-2 border-sky-300 text-sky-300 text-md \
+      hover:border-violet-300 hover:bg-transparent hover:text-violet-300'
   },
   secondary: {
     default:
-      'text-white bg-secondary-500 hover:bg-secondary-600 focus-visible:ring-secondary-500 \
-     focus-visible:outline-secondary-600',
+      'text-white bg-secondary-500 hover:bg-secondary-600 focus-visible:ring-secondary-500 focus-visible:outline-secondary-600',
     link: 'text-white data-[active=true]:text-white',
     ghost: 'text-secondary-500 hover:bg-secondary-50 focus-visible:outline-secondary-600'
+  },
+  slate: {
+    default:
+      'text-slate-900 bg-slate-100 hover:bg-slate-200 focus-visible:ring-slate-100 focus-visible:outline-slate-100',
+    link: 'text-slate-400 data-[active=true]:text-white font-light',
+    ghost: 'text-slate-400 hover:bg-slate-50 focus-visible:outline-slate-100'
   }
 }
 
 const sizeClasses: Record<(typeof buttonSizes)[number], string> = {
   small: 'px-2.5 py-1.5 text-sm',
-  medium: 'px-3 py-2 text-sm',
-  large: 'px-3.5 py-2.5 text-sm'
+  medium: 'px-3 py-2.5 text-sm',
+  large: 'px-5 py-2.5 text-sm'
 }
 
 const shapeClasses: Record<(typeof buttonShapes)[number], string> = {
diff --git a/apps/www/src/components/ui/atoms/inputs/input/index.tsx b/apps/www/src/components/ui/atoms/inputs/input/index.tsx
index 20e75ae57..08ee8ebf0 100644
--- a/apps/www/src/components/ui/atoms/inputs/input/index.tsx
+++ b/apps/www/src/components/ui/atoms/inputs/input/index.tsx
@@ -5,29 +5,31 @@ import React, {forwardRef} from 'react'
 export type InputProps = {
   id: string
   label: string
+  labelSrOnly?: boolean
   className?: string
   type?: HTMLInputTypeAttribute
   error?: string
+  placeholder?: string
 }
 
 const Input = forwardRef<HTMLInputElement, InputProps & Omit<JSX.IntrinsicElements['input'], 'type'>>(
-  ({id, label, className, type = 'text', error, ...other}, ref) => {
+  ({id, label, className, type = 'text', error, labelSrOnly, ...other}, ref) => {
     return (
       <div className={className}>
         <label
           htmlFor={id}
-          className='block text-base font-normal leading-6 text-white'
+          className={cn('block text-base font-normal leading-6 text-white', labelSrOnly ? 'sr-only' : 'mb-2.5')}
         >
           {label}
         </label>
-        <div className='mt-2.5'>
+        <div>
           <input
             type={type}
             id={id}
             ref={ref}
             {...other}
             className={cn(
-              'block w-full rounded-md border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
+              'block w-full rounded-full border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
               ring-inset ring-slate-700/60 focus:ring-2 focus:ring-inset focus:ring-primary-500 sm:text-sm sm:leading-6',
               error && 'text-red-900 ring-red-500 focus:ring-red-500'
             )}
diff --git a/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx b/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx
index ec3e7ea1a..8ba135c89 100644
--- a/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx
+++ b/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx
@@ -21,7 +21,7 @@ const TextArea = forwardRef<HTMLTextAreaElement, InputProps & JSX.IntrinsicEleme
             {...other}
             rows={4}
             className={cn(
-              'block w-full rounded-md border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
+              'block w-full rounded-2xl border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
             ring-inset ring-slate-700/60 focus:ring-2 focus:ring-inset focus:ring-primary-500 sm:text-sm sm:leading-6',
               className,
               error && 'text-red-900 ring-red-500 focus:ring-red-500'
diff --git a/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
index 90ef90668..14c3cba8e 100644
--- a/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
+++ b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
@@ -3,10 +3,10 @@
 import {BuildingOffice2Icon, CheckCircleIcon} from '@heroicons/react/24/outline'
 import {Controller, FieldValues, RegisterOptions, useForm} from 'react-hook-form'
 import {Dictionary} from '@/models/dictionary.model'
+import {EmailRegex, createHsformsPayload} from '@/utils/toolbox'
 import {LocationObject} from '@/models/location.model'
 import {contactUsFormData} from '@/models/contact-us-form-data.model'
-import {createHsformsPayload} from '@/utils/toolbox'
-import {sendEmail} from '@/utils/hubspot'
+import {getInTouch} from '@/utils/hubspot'
 import {useRouter} from 'next/navigation'
 import {useState} from 'react'
 import Button from '@/components/ui/atoms/button'
@@ -28,7 +28,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
     control,
     handleSubmit,
     reset,
-    formState: {errors}
+    formState: {errors, isSubmitting}
   } = useForm({
     defaultValues: {
       firstName: '',
@@ -46,7 +46,8 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
   const firstNameInputProps: InputProps = {
     id: firstNameInputName,
     label: props.dictionary.inputFirstName,
-    error: errors.lastName?.message?.toString()
+    error: errors.lastName?.message?.toString(),
+    placeholder: props.dictionary.inputFirstNamePlaceholder
   }
   const firstNameInputRules: RegisterOptions<FieldValues, string> = {
     required: 'Your first name is required'
@@ -56,7 +57,8 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
   const lastNameInputProps: InputProps = {
     id: lastNameInputName,
     label: props.dictionary.inputLastName,
-    error: errors.lastName?.message?.toString()
+    error: errors.lastName?.message?.toString(),
+    placeholder: props.dictionary.inputLastNamePlaceholder
   }
   const lastNameInputRules: RegisterOptions<FieldValues, string> = {
     required: 'Your last name is required'
@@ -66,12 +68,13 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
   const emailInputProps: InputProps = {
     id: emailInputName,
     label: props.dictionary.inputEmail,
-    error: errors.email?.message?.toString()
+    error: errors.email?.message?.toString(),
+    placeholder: props.dictionary.inputEmailPlaceholder
   }
   const emailInputRules: RegisterOptions<FieldValues, string> = {
     required: 'An email is required',
     pattern: {
-      value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+      value: EmailRegex,
       message: 'Email is invalid'
     }
   }
@@ -80,7 +83,8 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
   const messageInputProps: TextAreaProps = {
     id: messageInputName,
     label: props.dictionary.inputMessage,
-    error: errors.message?.message?.toString()
+    error: errors.message?.message?.toString(),
+    placeholder: props.dictionary.inputMessagePlaceholder
   }
   const messageInputRules: RegisterOptions<FieldValues, string> = {
     required: 'A message is required'
@@ -94,7 +98,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
 
   async function onSubmit(data: contactUsFormData) {
     try {
-      await sendEmail(createHsformsPayload(data))
+      await getInTouch(createHsformsPayload(data))
       Router.push('#contact-section')
       setIsExploding(true)
       setShowThanksMessage(true)
@@ -171,6 +175,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
                       name={firstNameInputName}
                       rules={firstNameInputRules}
                       control={control}
+                      disabled={isSubmitting}
                       render={({field}) => (
                         <Input
                           {...field}
@@ -182,6 +187,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
                       name={lastNameInputName}
                       rules={lastNameInputRules}
                       control={control}
+                      disabled={isSubmitting}
                       render={({field}) => (
                         <Input
                           {...field}
@@ -193,6 +199,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
                       name={emailInputName}
                       rules={emailInputRules}
                       control={control}
+                      disabled={isSubmitting}
                       render={({field}) => (
                         <Input
                           {...field}
@@ -205,6 +212,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
                       name={messageInputName}
                       rules={messageInputRules}
                       control={control}
+                      disabled={isSubmitting}
                       render={({field}) => (
                         <TextArea
                           {...field}
@@ -216,6 +224,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
                     <Controller
                       name={legalConsentInputName}
                       control={control}
+                      disabled={isSubmitting}
                       render={({field: {value, ...other}}) => (
                         <Checkbox
                           checked={value}
@@ -231,7 +240,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
                       type='submit'
                       shape='circle'
                       size='large'
-                      className='px-5 text-md bg-sky-300 text-slate-900 hover:bg-violet-300'
+                      disabled={isSubmitting}
                     >
                       {props.dictionary.sendMessage}
                     </Button>
diff --git a/apps/www/src/components/ui/organisms/footer/index.tsx b/apps/www/src/components/ui/organisms/footer/index.tsx
index 9edb0c19c..72f00fc3f 100644
--- a/apps/www/src/components/ui/organisms/footer/index.tsx
+++ b/apps/www/src/components/ui/organisms/footer/index.tsx
@@ -5,6 +5,7 @@ import {Solution} from '@/models/solution.model'
 import Button from '../../atoms/button'
 import Linkedin from '../../svgs/logos/linkedin'
 import Logo from '../../svgs/logos/56k'
+import NewsletterForm from '@/components/ui/organisms/footer/newsletter-form'
 import X from '../../svgs/logos/x'
 
 export type FooterProps = {
@@ -79,7 +80,7 @@ export default function Footer(props: FooterProps) {
                   <li key={item.slug}>
                     <Button
                       asChild
-                      tone='secondary'
+                      tone='slate'
                       variant='link'
                       className='font-light text-slate-400'
                     >
@@ -104,7 +105,7 @@ export default function Footer(props: FooterProps) {
                   <li key={item.slug}>
                     <Button
                       asChild
-                      tone='secondary'
+                      tone='slate'
                       variant='link'
                       className='font-light text-slate-400'
                     >
@@ -125,9 +126,8 @@ export default function Footer(props: FooterProps) {
                     <Button
                       key={item.text}
                       asChild
-                      tone='secondary'
+                      tone='slate'
                       variant='link'
-                      className='font-light text-slate-400'
                     >
                       <a href={item.link}>{item.text}</a>
                     </Button>
@@ -137,7 +137,8 @@ export default function Footer(props: FooterProps) {
             </div>
           </div>
         </div>
-        <div className='pt-8 mt-16 border-t border-slate-800 sm:mt-20'>
+        <NewsletterForm dictionary={props.dictionary} />
+        <div className='pt-8 mt-10 border-t border-slate-800'>
           <p className='text-xs font-light text-slate-400'>&copy; 56K.Cloud 2023 – All rights reserved.</p>
         </div>
       </div>
diff --git a/apps/www/src/components/ui/organisms/footer/newsletter-form.tsx b/apps/www/src/components/ui/organisms/footer/newsletter-form.tsx
new file mode 100644
index 000000000..e48bee455
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/footer/newsletter-form.tsx
@@ -0,0 +1,112 @@
+'use client'
+
+import {CheckCircleIcon} from '@heroicons/react/24/outline'
+import {Controller, FieldValues, RegisterOptions, useForm} from 'react-hook-form'
+import {Dictionary} from '@/models/dictionary.model'
+import {EmailRegex, createHsformsPayload} from '@/utils/toolbox'
+import {subscribeToNewsletter} from '@/utils/hubspot'
+import {useState} from 'react'
+import Button from '@/components/ui/atoms/button'
+import Input, {InputProps} from '@/components/ui/atoms/inputs/input'
+
+export default function NewsletterForm(props: {dictionary: Dictionary}) {
+  const [showThanksMessage, setShowThanksMessage] = useState(false)
+  const [serverError, setServerError] = useState<string | null>(null)
+
+  const {
+    control,
+    handleSubmit,
+    reset,
+    formState: {errors, isSubmitting}
+  } = useForm({
+    defaultValues: {
+      email: ''
+    }
+  })
+
+  const emailInputName = 'email'
+  const emailInputProps: InputProps = {
+    id: emailInputName,
+    label: props.dictionary.inputEmail,
+    error: errors.email?.message?.toString()
+  }
+  const emailInputRules: RegisterOptions<FieldValues, string> = {
+    required: 'An email is required',
+    pattern: {
+      value: EmailRegex,
+      message: 'Email is invalid'
+    }
+  }
+
+  async function onSubscribe(data: FieldValues) {
+    try {
+      await subscribeToNewsletter(createHsformsPayload(data))
+      setShowThanksMessage(true)
+      reset()
+    } catch (e) {
+      setServerError((e as Error).toString())
+    }
+  }
+
+  return (
+    <div className='mt-24 flex flex-col xl:flex-row xl:items-center xl:justify-between border-t border-slate-800 pt-8'>
+      <div>
+        <h3 className='text-sm font-semibold leading-6 text-white'>{props.dictionary.subscribeToNewsletter}</h3>
+        <p className='mt-2 text-sm font-light leading-6 text-slate-400'>
+          {props.dictionary.subscribeToNewsletterSubtitle}
+        </p>
+      </div>
+      {showThanksMessage ? (
+        <div className='text-white flex space-x-1 items-center'>
+          <CheckCircleIcon className='w-6 h-6' />
+          <h3 className='text-sm font-semibold leading-6'>{props.dictionary.subscribeToNewsletterThanks}</h3>
+        </div>
+      ) : (
+        <form
+          className='mt-6 md:mt-0 md:max-w-sm'
+          onSubmit={handleSubmit((data) => onSubscribe(data))}
+        >
+          <div className='md:flex'>
+            <Controller
+              name={emailInputName}
+              rules={emailInputRules}
+              control={control}
+              disabled={isSubmitting}
+              render={({field}) => (
+                <Input
+                  {...field}
+                  {...emailInputProps}
+                  label='Email'
+                  labelSrOnly
+                  className='md:w-full [&>div>input]:rounded-full'
+                  placeholder={props.dictionary.inputEmailPlaceholder}
+                />
+              )}
+            />
+            <div className='mt-4 md:ml-4 md:mt-0 md:flex-shrink-0'>
+              <Button
+                tone='primary'
+                type='submit'
+                shape='circle'
+                disabled={isSubmitting}
+                className='w-full md:w-auto px-5'
+              >
+                {props.dictionary.subscribe}
+              </Button>
+            </div>
+          </div>
+          <div>
+            {serverError ? (
+              <div
+                className='p-2 sm:p-3 text-sm text-red-600 bg-red-500/10 border border-red-500/50 rounded-lg \
+                         pl-7 sm:pl-7 mt-5 min-[1700px]:mt-6 sm:text-sm min-[1700px]:text-base'
+              >
+                {serverError}
+              </div>
+            ) : null}
+          </div>
+        </form>
+      )}
+    </div>
+  )
+}
diff --git a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx
index 9d764f941..e3d87306f 100644
--- a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx
+++ b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx
@@ -37,8 +37,8 @@ export default function HeroSimpleCenterWithBackground(props: HeroSimpleCenterWi
                   size='large'
                   tone={props.leftCTA.tone}
                   shape='circle'
-                  className='px-5 bg-transparent border-2 border-sky-300 text-sky-300 text-md \
-                  hover:border-violet-300 hover:bg-transparent hover:text-violet-300'
+                  variant='ghost'
+                  className='px-5'
                 >
                   <Link href={props.leftCTA.link}>{props.leftCTA.text}</Link>
                 </Button>
diff --git a/apps/www/src/dictionaries/de.json b/apps/www/src/dictionaries/de.json
index c37fc7b88..b77d22212 100644
--- a/apps/www/src/dictionaries/de.json
+++ b/apps/www/src/dictionaries/de.json
@@ -16,10 +16,18 @@
   "inputLastName": "Letzter Name",
   "inputEmail": "Email",
   "inputMessage": "Nachricht",
+  "inputFirstNamePlaceholder": "Ihr Vorname",
+  "inputLastNamePlaceholder": "Ihr Nachname",
+  "inputEmailPlaceholder": "Ihre E-Mail-Adresse",
+  "inputMessagePlaceholder": "Geben Sie Ihre Nachricht ein",
   "sendMessage": "Nachricht senden",
   "messageSent": "Nachricht gesendet",
   "messageSentThanks": "Vielen Dank für Ihre Nachricht. Wir werden uns so schnell wie möglich mit Ihnen in Verbindung setzen.",
   "checkboxLegalConsent": "Ich stimme zu, zusätzliche Kommunikation von 56K.Cloud GmbH zu erhalten.",
   "textLegalConsent1": "56K.Cloud GmbH verpflichtet sich, Ihre Privatsphäre zu schützen und zu respektieren. Wir verwenden Ihre personenbezogenen Daten nur, um Ihr Konto zu verwalten und Ihnen die von Ihnen gewünschten Produkte und Dienstleistungen zur Verfügung zu stellen. Wir möchten Sie von Zeit zu Zeit über unsere Produkte und Dienstleistungen und andere Inhalte, die für Sie von Interesse sein können, kontaktieren. Wenn Sie zu diesem Zweck mit uns in Kontakt treten, geben Sie bitte Ihre bevorzugte Kommunikationsmethode an, indem Sie das entsprechende Feld oben überprüfen.",
-  "textLegalConsent2": "Sie können diese Kommunikation jederzeit abbestellen. Bitte sehen Sie unsere Datenschutzerklärung, um mehr über unsere Abmelderichtlinien, unsere Datenschutzrichtlinien und unser Engagement für Datenschutz und Respekt zu erfahren. Durch Anklicken von \"Absenden\" geben Sie 56K. In den Warenkorb H Erlaubnis, die oben übermittelten personenbezogenen Daten zu speichern und zu verarbeiten, um Ihnen die angeforderten Inhalte zur Verfügung zu stellen."
+  "textLegalConsent2": "Sie können diese Kommunikation jederzeit abbestellen. Bitte sehen Sie unsere Datenschutzerklärung, um mehr über unsere Abmelderichtlinien, unsere Datenschutzrichtlinien und unser Engagement für Datenschutz und Respekt zu erfahren. Durch Anklicken von \"Absenden\" geben Sie 56K. In den Warenkorb H Erlaubnis, die oben übermittelten personenbezogenen Daten zu speichern und zu verarbeiten, um Ihnen die angeforderten Inhalte zur Verfügung zu stellen.",
+  "subscribeToNewsletter": "Abonnieren",
+  "subscribeToNewsletterSubtitle": "Die neuesten Nachrichten, Artikel und Ressourcen werden wöchentlich an Ihren Posteingang gesendet.",
+  "subscribeToNewsletterThanks": "Danke fürs Abonnieren!",
+  "subscribe": "Abonnieren"
 }
diff --git a/apps/www/src/dictionaries/en.json b/apps/www/src/dictionaries/en.json
index 54c5b4819..ea89a0342 100644
--- a/apps/www/src/dictionaries/en.json
+++ b/apps/www/src/dictionaries/en.json
@@ -16,10 +16,18 @@
   "inputLastName": "Last Name",
   "inputEmail": "Email",
   "inputMessage": "Message",
+  "inputFirstNamePlaceholder": "Your First Name",
+  "inputLastNamePlaceholder": "Your Last Name",
+  "inputEmailPlaceholder": "Your Email",
+  "inputMessagePlaceholder": "Type Your Message",
   "sendMessage": "Send Message",
   "messageSent": "Message Sent",
   "messageSentThanks": "Thanks for your message we will get back to you as soon as possible.",
   "checkboxLegalConsent": "I agree to receive additional communications from 56K.Cloud GmbH",
   "textLegalConsent1": "56K.Cloud GmbH is committed to protecting and respecting your privacy. We will only use your personal information to administer your account and provide you with the products and services you have requested. We would like to contact you from time to time about our products and services and other content that may be of interest to you. If you consent to us contacting you for this purpose, please indicate your preferred method of communication by checking the appropriate box above.",
-  "textLegalConsent2": "You can unsubscribe from these communications at any time. Please see our Privacy Policy to learn more about our unsubscribe policy, our privacy policies and our commitment to privacy protection and respect. By clicking \"Submit\" above, you are giving 56K.Cloud GmbH permission to store and process the personal data submitted above in order to provide you with the requested content."
+  "textLegalConsent2": "You can unsubscribe from these communications at any time. Please see our Privacy Policy to learn more about our unsubscribe policy, our privacy policies and our commitment to privacy protection and respect. By clicking \"Submit\" above, you are giving 56K.Cloud GmbH permission to store and process the personal data submitted above in order to provide you with the requested content.",
+  "subscribeToNewsletter": "Subscribe to our newsletter",
+  "subscribeToNewsletterSubtitle": "The latest news, articles, and resources, sent to your inbox weekly.",
+  "subscribeToNewsletterThanks": "Thank you for subscribing!",
+  "subscribe": "Subscribe"
 }
diff --git a/apps/www/src/dictionaries/fr.json b/apps/www/src/dictionaries/fr.json
index 61043d9de..7b58e5c31 100644
--- a/apps/www/src/dictionaries/fr.json
+++ b/apps/www/src/dictionaries/fr.json
@@ -16,10 +16,18 @@
   "inputLastName": "Nom de famille",
   "inputEmail": "Email",
   "inputMessage": "Message",
+  "inputFirstNamePlaceholder": "Votre prénom",
+  "inputLastNamePlaceholder": "Votre nom de famille",
+  "inputEmailPlaceholder": "Votre adresse e-mail",
+  "inputMessagePlaceholder": "Tapez votre message",
   "sendMessage": "Envoyer le message",
   "messageSent": "Message envoyé",
   "messageSentThanks": "Merci pour votre message. Nous vous contacterons dès que possible.",
   "checkboxLegalConsent": "J'accepte de recevoir des communications supplémentaires de 56K. La société Cloud GmbH",
   "textLegalConsent1": "56K.Cloud GmbH s'engage à protéger et à respecter votre vie privée. Nous n'utiliserons vos informations personnelles que pour administrer votre compte et vous fournir les produits et services que vous avez demandés. Nous aimerions vous contacter de temps à autre au sujet de nos produits et services et d'autres contenus qui pourraient vous intéresser. Si vous consentez à nous contacter à cette fin, veuillez indiquer votre méthode de communication préférée en cochant la case appropriée ci-dessus.",
-  "textLegalConsent2": "Vous pouvez vous désabonner de ces communications à tout moment. Veuillez consulter notre politique de confidentialité pour en savoir plus sur notre politique de désabonnement, nos politiques de confidentialité et notre engagement envers la protection et le respect de la vie privée. En cliquant sur \"Soumettre\" ci-dessus, vous donnez 56K. Nuage Gmb H autorisation de stocker et de traiter les données personnelles soumises ci-dessus afin de vous fournir le contenu demandé."
+  "textLegalConsent2": "Vous pouvez vous désabonner de ces communications à tout moment. Veuillez consulter notre politique de confidentialité pour en savoir plus sur notre politique de désabonnement, nos politiques de confidentialité et notre engagement envers la protection et le respect de la vie privée. En cliquant sur \"Soumettre\" ci-dessus, vous donnez 56K. Nuage Gmb H autorisation de stocker et de traiter les données personnelles soumises ci-dessus afin de vous fournir le contenu demandé.",
+  "subscribeToNewsletter": "Abonnez-vous à notre newsletter",
+  "subscribeToNewsletterSubtitle": "Les dernières nouvelles, articles et ressources, envoyés chaque semaine dans votre boîte de réception.",
+  "subscribeToNewsletterThanks": "Merci de vous être abonné!",
+  "subscribe": "S'abonner"
 }
diff --git a/apps/www/src/models/contact-us-form-data.model.ts b/apps/www/src/models/contact-us-form-data.model.ts
index fd0e98833..217a727e0 100644
--- a/apps/www/src/models/contact-us-form-data.model.ts
+++ b/apps/www/src/models/contact-us-form-data.model.ts
@@ -29,5 +29,5 @@ export type HsformsPayloadlegalConsentOptionsContent = {
 
 export type HsformsPayload = {
   fields: Array<HsformsPayloadItem>
-  legalConsentOptions: HsformsPayloadlegalConsentOptions
+  legalConsentOptions?: HsformsPayloadlegalConsentOptions
 }
diff --git a/apps/www/src/utils/hubspot.ts b/apps/www/src/utils/hubspot.ts
index 738e5d165..61ff68691 100644
--- a/apps/www/src/utils/hubspot.ts
+++ b/apps/www/src/utils/hubspot.ts
@@ -1,7 +1,7 @@
 import {HsformsPayload} from '../models/contact-us-form-data.model'
 import {hubspotFetcher} from '../../configs/client'
 
-export const sendEmail = async (data: HsformsPayload) => {
+export const getInTouch = async (data: HsformsPayload) => {
   return await hubspotFetcher.call({
     path: '/submissions/v3/integration/submit/7685644/4f7cf5bc-cfed-439b-b82b-8a04a7af510b',
     options: {
@@ -10,3 +10,13 @@ export const sendEmail = async (data: HsformsPayload) => {
     }
   })
 }
+
+export const subscribeToNewsletter = async (data: HsformsPayload) => {
+  return await hubspotFetcher.call({
+    path: '/submissions/v3/integration/submit/7685644/eee26d88-2c7e-47b6-bc65-77a5cc3910f1',
+    options: {
+      method: 'POST',
+      body: JSON.stringify(data)
+    }
+  })
+}
diff --git a/apps/www/src/utils/toolbox.ts b/apps/www/src/utils/toolbox.ts
index e23ff6779..463bf2eba 100644
--- a/apps/www/src/utils/toolbox.ts
+++ b/apps/www/src/utils/toolbox.ts
@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import {ClassValue, clsx} from 'clsx'
+import {FieldValues} from 'react-hook-form'
 import {HsformsPayload, HsformsPayloadItem, contactUsFormData} from '@/models/contact-us-form-data.model'
 import {format} from 'date-fns'
 import {twMerge} from 'tailwind-merge'
@@ -20,12 +21,15 @@ export function removeUndefinedProperties(record: Record<string, string | undefi
     .reduce((obj, [key, val]) => Object.assign(obj, {[key]: val}), {})
 }
 
-export function createHsformsPayload(data: contactUsFormData) {
+export function createHsformsPayload(data: FieldValues) {
   const legalConsent = data.legalConsent
+  const addLegalConsent = legalConsent !== undefined
   delete data.legalConsent
-  return {
-    fields: formatFormDataToHsforms(data),
-    legalConsentOptions: {
+  const payload = {
+    fields: formatFormDataToHsforms(data)
+  } as HsformsPayload
+  if (addLegalConsent) {
+    payload.legalConsentOptions = {
       consent: {
         consentToProcess: true,
         text: 'Text that gives consent to process',
@@ -38,15 +42,16 @@ export function createHsformsPayload(data: contactUsFormData) {
         ]
       }
     }
-  } as HsformsPayload
+  }
+  return payload
 }
 
-export function formatFormDataToHsforms(data: contactUsFormData) {
+export function formatFormDataToHsforms(data: FieldValues) {
   return Object.keys(data).map(
     (key) =>
       ({
         name: key,
-        value: data[key as keyof contactUsFormData]
+        value: data[key]
       }) as HsformsPayloadItem
   )
 }
@@ -156,3 +161,5 @@ export function isFromTwitter(url: string) {
 export function capitalizeFirstLetter(string: string) {
   return `${string.charAt(0).toUpperCase()}${string.slice(1)}`
 }
+
+export const EmailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i