config/nam.vibentec.design.json

@@ -384,26 +384,6 @@
             }
           }
         }
-      },
-       {
-        "VtSubcription": {
-          "config": {
-            "className": "content-container py-12 flex justify-center",
-            "leftClassName": "w-1/2 bg-[#132437]",
-            "cardClassName": "overflow-hidden bg-[#132437] w-1/2 p-10 text-left flex flex-col items-start",
-            "title": "Subscribe our newsletter!",
-            "titleClassName": "text-white text-[28px] font-bold border-b-2 border-white",
-            "description": true,
-            "descriptionPrefix": "Subscribe to our newsletter and be the first to receive insights, updates, and expert tips",
-            "subtext": "Stay up to date!",
-            "email": { "placeholder": "E-Mail-Adresse", "className": "border border-white w-full h-[40px] mt-4" },
-            "policyLabel": "Ich habe die DSGVO gelesen und akzeptiere sie.",
-            "formClassName": "flex gap-4",
-            "fieldsClassName": "w-[390px]",
-            "cta": { "label": "Subcribe", "className": "w-fit h-[40px] px-6 mt-4 bg-white text-[#132437] font-bold rounded-md" },
-            "subtextSubcribe": { "label": "By subscribing, you agree to our terms.!", "className": "text-white text-[13px]" }
-          }
-        }
       },
       { "CartMismatchBanner": { "config": { "show": true } } },
       { "FreeShippingPriceNudge": { "config": { "variant": "popup" } } }

src/modules/home/components/vt-subcription/index.tsx

@@ -34,28 +34,27 @@ export default function VtSubcription({
 
   const classes = {
     container: props.className ?? "content-container",
-    left: props.leftClassName ?? "",
     card: props.cardClassName ?? "rounded-2xl bg-[#CFECD9] p-8 small:p-12",
     title:
       props.titleClassName ??
-      "text-white text-[28px] font-bold text-center",
+      "text-[#003F31] text-[28px] font-bold text-center",
     description:
-      props.descriptionClassName ?? "mt-2 text-white",
+      props.descriptionClassName ?? "mt-2 text-center text-[#003F31]",
     highlight: props.highlightClassName ?? "font-bold",
     form: props.formClassName ?? "mt-8 flex flex-col gap-6",
     fields: props.fieldsClassName ?? "grid grid-cols-1 small:grid-cols-2 gap-4",
     input:
       props.inputClassName ??
-      "h-[52px] rounded-md border border-[#003F31]/40 px-4 bg-transparent text-white",
+      "h-[52px] rounded-md border border-[#003F31]/40 px-4 bg-transparent text-[#003F31]",
     checkboxRow: props.checkboxRowClassName ?? "flex items-center gap-3",
     checkbox:
       props.checkboxClassName ??
       "w-5 h-5 rounded-md border border-[#003F31]/60",
-    checkboxLabel: props.checkboxLabelClassName ?? "text-white text-[16px]",
-    subtextClass: props.subtextClassName ?? "text-white",
+    checkboxLabel: props.checkboxLabelClassName ?? "text-[#003F31] text-[16px]",
+    subtextClass: props.subtextClassName ?? "text-[#003F31]",
     submit:
       props.submitClassName ?? "",
-    success: props.successClassName ?? "mt-4 text-center text-white",
+    success: props.successClassName ?? "mt-4 text-center text-[#003F31]",
     benefits:
       props.benefitsClassName ??
       "mt-8 grid grid-cols-1 small:grid-cols-3 gap-8",
@@ -65,9 +64,8 @@ export default function VtSubcription({
     benefitIcon:
       props.benefitIconClassName ??
       "w-12 h-12 rounded-full bg-[#003F31] text-white flex items-center justify-center",
-    benefitTitle: props.benefitTitleClassName ?? "text-white font-semibold",
-    benefitDesc: props.benefitDescClassName ?? "text-white opacity-80",
-    subtextSubcribe: props.subtextSubcribe ?? {},
+    benefitTitle: props.benefitTitleClassName ?? "text-[#003F31] font-semibold",
+    benefitDesc: props.benefitDescClassName ?? "text-[#003F31] opacity-80",
   }
 
   const submitConfig = props.cta ?? {}
@@ -85,9 +83,6 @@ export default function VtSubcription({
 
   return (
     <section className={classes.container}>
-      {classes.left && <div className={classes.left}>
-        half
-      </div>}
       <div className={classes.card}>
         {props.title && <h2 className={classes.title}>{props.title}</h2>}
         {props.description && (
@@ -185,13 +180,7 @@ export default function VtSubcription({
           >
             {submitConfig.label ?? "Anmelden"}
           </button>
-         
         </form>
-         {classes?.subtextSubcribe && (
-            <div className={props.subtextSubcribe.className}>
-              {props.subtextSubcribe.label}
-            </div>
-          )}
         {submitted && (
           <div className={classes.success}>
             {props.successMessage ??
@@ -199,7 +188,6 @@ export default function VtSubcription({
           </div>
         )}
       </div>
-
     </section>
   )
 }

src/vibentec/configloader.ts

@@ -2,7 +2,7 @@ import fs from "fs"
 import path from "path"
 import { jsonFileNames } from "./devJsonFileNames"
 
-const fileName = jsonFileNames.namVibentec
+const fileName = jsonFileNames.namDrsquatch
 
 async function readDesignFile() {
   const filePath = path.join(process.cwd(), "config", fileName)