Shop-Storefront/config/nam.3bear.design.json

[
  {
    "Header": {
      "config": {
        "sticky": true,
        "variant": "ticker"
      },
      "children": [
        {
          "Banner": {
            "config": {
              "variant": "ticker",
              "className": "h-12 bg-[#009b93] text-[#fff] gap-12",
              "speed": 24,
              "items": [
                {
                  "Link": {
                    "config": {
                      "label": "NEU: Overnight Oats – Sallys Nussecke 😍",
                      "href": "/"
                    }
                  }
                },
                {
                  "Link": {
                    "config": {
                      "label": "Versandkostenfrei ab 45 € 💛",
                      "href": "/"
                    }
                  }
                },
                {
                  "Link": {
                    "config": {
                      "label": "Gratis Geschenk ab 60 € Warenkorbwert 🎁",
                      "href": "/"
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "Nav": {
            "config": {
              "className": "h-24 bg-white text-[#003F31] gap-12",
              "left": [
                {
                  "Logo": {
                    "config": {
                      "src": "/3bear-logo.png",
                      "alt": "MyShop",
                      "className": "h-[150px] w-[180px]",
                      "objectFit": "contain"
                    }
                  }
                },
                {
                  "VtMegaMenu": {
                    "config": {
                      "navLabel": {
                        "text": "Shop",
                        "className": "font-bold text-[1rem] text-[#003F31] flex items-center mr-8 gap-1 hover:text-[#009b93]",
                        "isShowArrow": true
                      }
                    }
                  }
                },
                {
                  "Dropdown": {
                    "config": {
                      "trigger": {
                        "text": "Über Uns",
                        "className": "font-bold text-[1rem] text-[#003F31] flex items-center mr-8 gap-1 hover:text-[#009b93]",
                        "isShowArrow": true
                      },
                      "items": [
                        {
                          "text": "Unser Unternehmen",
                          "href": "/"
                        },
                        {
                          "text": "Loren ipsum",
                          "href": "/"
                        },
                        {
                          "text": "Not a Link"
                        }
                      ]
                    }
                  }
                },
                {
                  "Dropdown": {
                    "config": {
                      "trigger": {
                        "text": "Über unsere Produkte",
                        "className": "font-bold text-[1rem] text-[#003F31] flex items-center mr-8 gap-1 hover:text-[#009b93]",
                        "isShowArrow": true
                      },
                      "items": [
                        {
                          "text": "Unser Unternehmen",
                          "href": "/"
                        },
                        {
                          "text": "Loren ipsum",
                          "href": "/"
                        },
                        {
                          "text": "Not a Link"
                        }
                      ]
                    }
                  }
                },
                {
                  "Link": {
                    "config": {
                      "label": "Rezepte",
                      "href": "/",
                      "className": "font-bold text-[1rem] text-[#003F31] flex items-center mr-8 gap-1 hover:text-[#009b93]"
                    }
                  }
                },
                {
                  "Link": {
                    "config": {
                      "label": "Triff Harry Kane",
                      "href": "/",
                      "className": "font-bold text-[1rem] text-[#003F31] flex items-center gap-1 hover:text-[#009b93]"
                    }
                  }
                }
              ],
              "right": [
                {
                  "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": true,
                        "isDisplayFullname": true
                      }
                    }
                  }
                },
                {
                  "Button": {
                    "config": {
                      "icon": "MagnifyingGlass",
                      "className": "shadow-none"
                    }
                  }
                },
                {
                  "AccountButton": {
                    "config": {
                      "icon": "User",
                      "className": " flex items-center gap-1 shadow-none"
                    }
                  }
                },
                {
                  "VtCartButton": {
                    "config": {
                      "icon": "ShoppingBag",
                      "className": "shadow-none bg-transparent text-black w-[50px]"
                    }
                  }
                }
              ]
            }
          }
        }
      ]
    }
  },
  {
    "CartMismatchBanner": {
      "config": {
        "show": true
      }
    }
  },
  {
    "FreeShippingPriceNudge": {
      "config": {
        "variant": "popup"
      }
    }
  },
  {
    "PropsChildren": {}
  },
  {
    "Footer": {
      "config": {
        "className": "content-container border-none flex w-full bg-[#003f31] text-white border justify-between pb-8 pt-14",
        "leftClassName": "flex-col ml-3",
        "centerClassName": "",
        "rightClassName": "flex gap-[10rem] mr-[80px]",
        "left": [
          {
            "VtFooterHero": {
              "config": {
                "logoClassName": "h-[100px] w-[200px]",
                "logoSrc": "/3bear-white-logo.avif",
                "logoAlt": "3Bear",
                "title": "Melde dich für unsere Oatnews an 💛",
                "email": {
                  "emailInputClassName": "w-[300px] ml-8"
                },
                "socials": [
                  { "icon": "Twitter", "href": "/", "className": "w-5 h-5 text-white" },
                  { "icon": "Twitter", "href": "/", "className": "w-5 h-5 text-white" },
                  { "icon": "Twitter", "href": "/", "className": "w-5 h-5 text-white" },
                  { "icon": "Twitter", "href": "/", "className": "w-5 h-5 text-white" }
                ],
                "socialsClassName": "ml-8 mt-10",
                "className": "",
                "ctaClassName": "ml-8",
                "titleClassName": "ml-8 text-white w-full",
                "descriptionClassName": "ml-8"
              }
            }
          }
        ],
        "center": [],
        "right": [
          {
            "VtMenuItem": {
              "config": {
                "title": "Information",
                "className": "flex flex-col gap-y-2 text-[24px] font-semibold text-white hover:text-white",
                "itemClassName": "text-[1rem] font-[400] opacity-70 hover:text-white",
                "items": [
                  {
                    "text": "Über Uns",
                    "href": "/"
                  },
                  {
                    "text": "Placeholder",
                    "href": "/categories/shoes"
                  },
                  {
                    "text": "Placeholder",
                    "href": "/categories/accessories"
                  }
                ]
              }
            }
          },
          {
            "VtMenuItem": {
              "config": {
                "title": "Kundendienst",
                "className": "flex flex-col gap-y-2 text-[24px] font-semibold text-white hover:text-white",
                "itemClassName": "text-[1rem] font-[400] flex items-center opacity-70 hover:text-white",
                "items": [
                  {
                    "text": "Twitter",
                    "href": "/"
                  },
                  {
                    "text": "Facebook",
                    "href": "/categories/shoes"
                  },
                  {
                    "text": "Pinterest",
                    "href": "/categories/accessories"
                  }
                ]
              }
            }
          },
          {
            "VtMenuItem": {
              "config": {
                "title": "Weiteres",
                "className": "flex flex-col gap-y-2 text-[24px] font-semibold text-white",
                "itemClassName": "text-[1rem] font-[400] w-[150px] opacity-70 hover:text-white",
                "items": [
                  {
                    "text": "Karriere",
                    "href": "/"
                  },
                  {
                    "text": "Unser Team",
                    "href": "/categories/shoes"
                  },
                  {
                    "text": "B2B",
                    "href": "/categories/accessories"
                  },
                  {
                    "text": "Presse",
                    "href": "/categories/accessories"
                  }
                ]
              }
            }
          }
        ]
      }
    }
  },
  {
    "Footer": {
      "config": {
        "className": "content-container bg-[#003f31] w-full text text-[#11314E] flex items-center justify-between",
        "leftClassName": "w-full",
        "left": [
        ],
        "center": [],
        "right": [
          {
            "VtFooterBottom": {
              "config": {
                "className": " mr-[80px]",
                "icons": ["Mastercard", "PayPal", "Visa", "Mastercard","Mastercard","Mastercard","Mastercard"]
              }
            }
          }
        ]
      }
    }
  }
]