{
  "layout": [
    {
      "Header": {
        "config": {
          "sticky": true
        },
        "children": [
          {
            "Banner": {
              "config": {
                "variant": "nav",
                "className": "h-12 bg-[#E6EFFC] text-[#11314E] gap-12 pl-16",
                "left": [
                  {
                    "Link": {
                      "config": {
                        "label": "Über Uns",
                        "href": "/",
                        "className": "text-[13px] flex items-center gap-1 cursor-pointer"
                      }
                    }
                  },
                  {
                    "Link": {
                      "config": {
                        "label": "Kontaktieren Uns",
                        "href": "/",
                        "className": "text-[13px] flex items-center gap-1"
                      }
                    }
                  }
                ],
                "center": [
                  {
                    "Link": {
                      "config": {
                        "label": "Einsparung durch Digitalisierung in der Arztpraxis",
                        "href": "/",
                        "className": "text-[13px] flex items-center gap-1 "
                      }
                    }
                  },
                  {
                    "Link": {
                      "config": {
                        "label": "Mehr Info",
                        "href": "/",
                        "className": "text-[13px] rounded-md hover:text-white w-[80px] text-white text-center flex items-center bg-[#112638] flex justify-center h-[28px] "
                      }
                    }
                  }
                ],
                "right": [
                  {
                    "Dropdown": {
                      "config": {
                        "trigger": {
                          "text": "EURO",
                          "className": "font-bold text-[13px] text-[#11314E] flex items-center gap-1 hover:text-[#009b93]",
                          "isShowArrow": true
                        },
                        "items": [
                          {
                            "icon": "https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Flag_of_Germany.svg/1200px-Flag_of_Germany.svg.png",
                            "text": "EURO",
                            "href": "/"
                          }
                        ]
                      }
                    }
                  },
                  {
                    "VtCountryCodeSelect": {
                      "config": {
                        "trigger": {
                          "className": "w-auto font-bold text-[13px] text-[#11314E] flex justify-start items-center gap-1 hover:text-[#009b93] bg-transparent shadow-none hover:bg-transparent",
                          "isFlag": false
                        }
                      }
                    }
                  }
                ]
              }
            }
          },
          {
            "Nav": {
              "config": {
                "className": "h-24 bg-[white] text-[#11314E] gap-12 pl-16",
                "left": [
                  {
                    "Logo": {
                      "config": {
                        "src": "/VibentecIT-logo.svg",
                        "alt": "MyShop",
                        "className": "h-full w-[180px] mr-4",
                        "objectFit": "contain"
                      }
                    }
                  },
                  {
                    "Link": {
                      "config": {
                        "label": "Home",
                        "href": "/",
                        "className": "text-[13px] text-[#11314E] flex items-center mr-8 gap-1 hover:underline hover:text-[#009b93]"
                      }
                    }
                  },
                  {
                    "Link": {
                      "config": {
                        "label": "Shop",
                        "href": "/",
                        "className": "text-[13px] text-[#11314E] flex items-center mr-6 gap-1 hover:underline hover:text-[#009b93]"
                      }
                    }
                  },
                  {
                    "VtMegaMenu": {
                      "config": {
                        "navLabel": {
                          "text": "Sale",
                          "className": "text-[13px] text-[#11314E] flex items-center mr-8 gap-1  hover:bg-transparent hover:underline hover:text-[#009b93]"
                        }
                      }
                    }
                  },
                  {
                    "VtMegaMenu": {
                      "config": {
                        "navLabel": {
                          "text": "OUR STORY",
                          "className": "font-bold text-[1rem] text-white flex items-center mr-8 gap-1 hover:bg-transparent hover:underline hover:text-white"
                        }
                      }
                    }
                  }
                ],
                "right": [
                  {
                    "SearchInput": {
                      "config": {
                        "placeholder": "Search"
                      }
                    }
                  },
                  {
                    "AccountButton": {
                      "config": {
                        "icon": "User",
                        "className": " flex items-center gap-1 shadow-none"
                      }
                    }
                  },
                  {
                    "Button": {
                      "config": {
                        "icon": "Heart",
                        "className": " flex items-center gap-1 shadow-none w-[50px]"
                      }
                    }
                  },
                  {
                    "VtCartButton": {
                      "config": {
                        "icon": "ShoppingCart",
                        "className": "shadow-none bg-transparent text-black w-[50px]"
                      }
                    }
                  }
                ]
              }
            }
          }
        ]
      }
    },
    { "PropsChildren": {} },
    {
      "Footer": {
        "config": {
          "className": "content-container flex w-full border justify-between pb-8",
          "leftClassName": "flex-col ml-6",
          "centerClassName": "flex mt-[130px] gap-24",
          "rightClassName": "flex mt-[160px]",
          "left": [
            {
              "VtFooterHero": {
                "config": {
                  "logoClassName": "h-[100px] w-[255px]",
                  "logoSrc": "/VibentecIT-logo.svg",
                  "logoAlt": "Vibentec IT",
                  "title": "Der Wegbereiter für innovative IT-Lösungen",
                  "description": "Tauchen Sie ein in eine Welt modernster Technologien, zuverlässiger Support und proaktiver Innovation – gemeinsam gestalten wir die digitale Zukunft Ihres Unternehmens.",
                  "cta": {
                    "label": "Kontaktieren Sie uns",
                    "href": "/"
                  },
                  "className": "",
                  "ctaClassName": "ml-8",
                  "titleClassName": "ml-8",
                  "descriptionClassName": "ml-8 w-[320px]"
                }
              }
            }
          ],
          "center": [
            {
              "VtMenuItem": {
                "config": {
                  "title": "Unternehmen",
                  "className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
                  "itemClassName": "text-[1rem] font-[400]",
                  "items": [
                    { "text": "Über Uns", "href": "/" },
                    { "text": "Placeholder", "href": "/categories/shoes" },
                    { "text": "Placeholder", "href": "/categories/accessories" }
                  ]
                }
              }
            },
            {
              "VtMenuItem": {
                "config": {
                  "title": "Social Media",
                  "className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
                  "itemClassName": "text-[1rem] font-[400] flex items-center",
                  "items": [
                    { "text": "Twitter", "href": "/", "icon": "X" },
                    { "text": "Facebook", "href": "/categories/shoes", "icon": "X" },
                    { "text": "Pinterest", "href": "/categories/accessories", "icon": "X" }
                  ]
                }
              }
            },
            {
              "VtMenuItem": {
                "config": {
                  "title": "Addresse",
                  "className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
                  "itemClassName": "text-[1rem] font-[400] w-[150px]",
                  "items": [
                    { "text": "Hopfenstr. 10c76185 Karlsruhe Deutschland", "href": "/" },
                    { "text": "+497271 5970098", "href": "/categories/shoes" },
                    { "text": "info@vibentec-it.io", "href": "/categories/accessories" }
                  ]
                }
              }
            }
          ],
          "right": [
            {
              "VtMenuItem": {
                "config": {
                  "className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
                  "itemClassName": "text-[1rem] font-[400] w-[150px]",
                  "items": [
                    { "text": "Datenschutz", "href": "/" },
                    { "text": "Impressum", "href": "/categories/shoes" },
                    { "text": "Installation Info", "href": "/categories/accessories" }
                  ]
                }
              }
            }
          ]
        }
      }
    },
    {
      "Footer": {
        "config": {
          "className": "content-container h-[128px] w-full text text-[#11314E] flex items-center justify-between px-20 mt-2",
          "leftClassName": "w-full",
          "left": [
            {
              "VtFooterBottom": {
                "config": {
                  "text": "©2025 Vibentec IT. All rights reserved",
                  "icons": ["Mastercard", "PayPal", "Visa"]
                }
              }
            }
          ]
        }
      }
    }
  ],
  "pages": {
    "Home": [
      {
        "Hero": {
          "config": {
            "className": "h-[35rem]",
            "ImageDisplayer": {
              "config": {
                "duration": 5,
                "images": ["./banner-hero.webp", "./banner-hero-1.webp", "./banner-hero-2.webp"],
                "links": ["/", "/account", "/product"]
              }
            },
            "left": [
              {
                "VtCtaBanner": {
                  "config": {
                    "variant": "default",
                    "className": "left-[120px] top-[80px]",
                    "titleTextClassName": "leading-normal",
                    "tagText": "Besonders Aktion",
                    "titleText": "Willkommen in Vibentec IT Shop",
                    "descriptionText": "Insert the accordion description here. It would look better as two lines of text or more.",
                    "buttonText": "Zum Einkaufen"
                  }
                }
              }
            ],
            "center": [],
            "right": []
          }
        }
      },
      {
        "VtFeaturedProducts": {
          "config": {
            "title": "best-seller",
            "styles": {
              "container": "content-container py-12 px-[100px] small:py-24",
              "header": {
                "container": "flex justify-between mb-8",
                "title": "text-[56px] text-[#11314E]",
                "isShowViewAll": false
              },
              "list": "grid grid-cols-2 small:grid-cols-3 gap-x-6 gap-y-24 small:gap-y-36",
              "productCard": {
                "card": "relative overflow-hidden rounded-2xl border border-[#285A86] bg-ui-bg-base shadow-elevation-card-rest h-full flex flex-col",
                "badge": {
                  "container": "p-4",
                  "text": "z-20 px-3 py-1 border-[0.5px] rounded bg-[#c9e0f5] txt-compact-small-plus shadow-borders-base text-[#285A86]"
                },
                "thumbnail": { "className": "rounded-none h-[240px]", "size": "full" },
                "subtitle": "text-ui-fg-subtle text-[14px]",
                "content": "flex flex-col flex-1 justify-between p-4",
                "title": "text-ui-fg-subtle text-[18px]",
                "description": "mt-2 text-ui-fg-subtle text-[14px]",
                "price": "flex items-center gap-x-1 text-[#285A86] font-bold border-b pb-4",
                "button": {
                  "addToCart": "w-fit h-[40px] bg-black text-white rounded-md",
                  "moreInfo": "w-fit h-[40px] border border-[#285A86] text-[#285A86] rounded-md"
                }
              }
            }
          }
        }
      },
      {
        "VtFeaturedProducts": {
          "config": {
            "title": "produkten",
            "styles": {
              "container": "content-container py-12 px-[100px] small:py-24",
              "header": {
                "container": "flex justify-between mb-8",
                "title": "text-[56px] text-[#11314E]",
                "isShowViewAll": false
              },
              "list": "grid grid-cols-2 small:grid-cols-3 gap-x-6 gap-y-24 small:gap-y-36",
              "productCard": {
                "card": "relative overflow-hidden rounded-2xl border border-[#285A86] bg-ui-bg-base shadow-elevation-card-rest h-full flex flex-col",
                "badge": {
                  "container": "p-4",
                  "text": "z-20 px-3 py-1 border-[0.5px] rounded bg-[#c9e0f5] txt-compact-small-plus shadow-borders-base text-[#285A86]"
                },
                "thumbnail": { "className": "rounded-none h-[240px]", "size": "full" },
                "subtitle": "text-ui-fg-subtle text-[14px]",
                "content": "flex flex-col flex-1 justify-between p-4",
                "title": "text-ui-fg-subtle text-[18px]",
                "price": "flex items-center gap-x-1 text-[#285A86] font-bold border-b pb-4",
                "button": {
                  "addToCart": "w-fit h-[40px] bg-black text-white rounded-md",
                  "moreInfo": "w-fit h-[40px] border border-[#285A86] text-[#285A86] rounded-md"
                }
              }
            }
          }
        }
      },
       {
        "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" } } }
    ]
  }
}
