605 lines
24 KiB
JSON
605 lines
24 KiB
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": [
|
||
{
|
||
"Image": {
|
||
"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": [
|
||
{
|
||
"Dropdown": {
|
||
"config": {
|
||
"trigger": {
|
||
"icon": "https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Flag_of_Germany.svg/1200px-Flag_of_Germany.svg.png",
|
||
"text": "Germany (EUR)",
|
||
"className": "font-bold text-[1rem] text-[#003F31] 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": "Germany (EUR)",
|
||
"href": "/"
|
||
},
|
||
{
|
||
"icon": "https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg",
|
||
"text": "Netherlands (EUR)",
|
||
"href": "/"
|
||
},
|
||
{
|
||
"icon": "https://cdn.shopify.com/s/files/1/0275/7784/3817/files/Australia_Flag.svg?v=1657674627",
|
||
"text": "Australia (AUD)",
|
||
"href": "/"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "MagnifyingGlass",
|
||
"className": "shadow-none"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "User",
|
||
"className": "shadow-none"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtCartButton": {
|
||
"config": {
|
||
"variant": "shoppingBagbutton",
|
||
"className": "shadow-none"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"CartMismatchBanner": {
|
||
"config": {
|
||
"show": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"FreeShippingPriceNudge": {
|
||
"config": {
|
||
"variant": "popup"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"PropsChildren": {}
|
||
},
|
||
{
|
||
"Footer": {
|
||
"config": {
|
||
"className": "content-container flex w-full bg-[#003f31]",
|
||
"children": [
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "grid grid-cols-2 w-full py-[40px]"
|
||
},
|
||
"children": [
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||
},
|
||
"children": [
|
||
{
|
||
"Image": {
|
||
"config": {
|
||
"src": "/3bear-white-logo.avif",
|
||
"alt": "B Corp Logo",
|
||
"className": "w-[150px] h-[108px]"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Text": {
|
||
"config": {
|
||
"label": "Melde dich für unsere Oatnews an 💛",
|
||
"className": "text-[26px] leading-[125%] text-white flex font-bold"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "flex w-full flex gap-6"
|
||
},
|
||
"children": [
|
||
{
|
||
"Input": {
|
||
"config": {
|
||
"placeholder": "E-mail",
|
||
"className": "w-[50%] border border-gray-200 bg-transparent rounded-md h-[48px] px-[16px] text-[16px] leading-[125%] text-white flex font-bold"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "flex w-full flex"
|
||
},
|
||
"children": [
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "Twitter",
|
||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "Twitter",
|
||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "Twitter",
|
||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "Twitter",
|
||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "Twitter",
|
||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "flex mr-8 gap-1 w-full gap-6"
|
||
},
|
||
"children": [
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||
},
|
||
"children": [
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Weiteres",
|
||
"href": "/",
|
||
"className": "text-[16px] leading-[125%] text-white flex hover:text-white font-bold"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "FAQ",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[160%] text-white flex mr-8 gap-1 hover:bg-transparent hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Track My Order",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Store policies",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Contact us",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||
},
|
||
"children": [
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Kundendienst",
|
||
"href": "/",
|
||
"className": "text-[16px] leading-[125%] text-white flex hover:text-white font-bold"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "FAQ",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[160%] text-white flex mr-8 gap-1 hover:bg-transparent hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Track My Order",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Store policies",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Contact us",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"Section": {
|
||
"config": {
|
||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||
},
|
||
"children": [
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Info",
|
||
"href": "/",
|
||
"className": "text-[16px] leading-[125%] text-white flex hover:text-white font-bold"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "FAQ",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[160%] text-white flex mr-8 gap-1 hover:bg-transparent hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Track My Order",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Store policies",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Contact us",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Placeholder",
|
||
"href": "/",
|
||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|