refactor: update 3bear design json file
This commit is contained in:
parent
216a579564
commit
baaa0e9c62
|
|
@ -136,31 +136,13 @@
|
||||||
],
|
],
|
||||||
"right": [
|
"right": [
|
||||||
{
|
{
|
||||||
"Dropdown": {
|
"VtCountryCodeSelect": {
|
||||||
"config": {
|
"config": {
|
||||||
"trigger": {
|
"trigger": {
|
||||||
"icon": "https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Flag_of_Germany.svg/1200px-Flag_of_Germany.svg.png",
|
"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",
|
||||||
"text": "Germany (EUR)",
|
"isFlag": true,
|
||||||
"className": "font-bold text-[1rem] text-[#003F31] flex items-center gap-1 hover:text-[#009b93]",
|
"isDisplayFullname": true
|
||||||
"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": "/"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -173,18 +155,18 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"Button": {
|
"AccountButton": {
|
||||||
"config": {
|
"config": {
|
||||||
"icon": "User",
|
"icon": "User",
|
||||||
"className": "shadow-none"
|
"className": " flex items-center gap-1 shadow-none"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"VtCartButton": {
|
"VtCartButton": {
|
||||||
"config": {
|
"config": {
|
||||||
"variant": "shoppingBagbutton",
|
"icon": "ShoppingBag",
|
||||||
"className": "shadow-none"
|
"className": "shadow-none bg-transparent text-black w-[50px]"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -215,388 +197,158 @@
|
||||||
{
|
{
|
||||||
"Footer": {
|
"Footer": {
|
||||||
"config": {
|
"config": {
|
||||||
"className": "content-container flex w-full bg-[#003f31]",
|
"className": "content-container flex w-full bg-[#003f31] text-white border justify-between pb-8 pt-14",
|
||||||
"children": [
|
"leftClassName": "flex-col ml-3",
|
||||||
|
"centerClassName": "",
|
||||||
|
"rightClassName": "flex gap-[12rem] mr-[100px]",
|
||||||
|
"left": [
|
||||||
{
|
{
|
||||||
"Section": {
|
"Image": {
|
||||||
"config": {
|
"config": {
|
||||||
"className": "grid grid-cols-2 w-full py-[40px]"
|
"src": "/3bear-white-logo.avif",
|
||||||
|
"alt": "MyShop",
|
||||||
|
"className": "h-full w-[150px] ml-10 pb-6",
|
||||||
|
"objectFit": "contain"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Text": {
|
||||||
|
"config": {
|
||||||
|
"label": "Melde dich für unsere Oatnews an 💛",
|
||||||
|
"className": "flex flex-col gap-y-2 ml-10 w-full text-[24px] font-semibold text-white"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Input": {
|
||||||
|
"config": {
|
||||||
|
"placeholder": "E-mail",
|
||||||
|
"className": "w-[350px] mt-6 border border-gray-200 bg-transparent rounded-md h-[48px] px-[16px] text-[16px] leading-[125%] text-white flex font-bold ml-10"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"VtSocialLinks": {
|
||||||
|
"config": {
|
||||||
|
"className": "flex items-center gap-1 ml-6 mt-8"
|
||||||
},
|
},
|
||||||
"children": [
|
"children": [
|
||||||
{
|
{
|
||||||
"Section": {
|
"Button": {
|
||||||
"config": {
|
"config": {
|
||||||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
"icon": "Twitter",
|
||||||
},
|
"iconClassName": "text-white",
|
||||||
"children": [
|
"className": "w-[48px] h-[48px] shadow-none hover:bg-transparent bg-transparent text-white rounded-md flex items-center justify-center"
|
||||||
{
|
}
|
||||||
"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": {
|
"Button": {
|
||||||
"config": {
|
"config": {
|
||||||
"className": "flex mr-8 gap-1 w-full gap-6"
|
"icon": "Twitter",
|
||||||
},
|
"iconClassName": "text-white",
|
||||||
"children": [
|
"className": "w-[48px] h-[48px] shadow-none hover:bg-transparent bg-transparent text-white rounded-md flex items-center justify-center"
|
||||||
{
|
}
|
||||||
"Section": {
|
}
|
||||||
"config": {
|
},
|
||||||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
{
|
||||||
},
|
"Button": {
|
||||||
"children": [
|
"config": {
|
||||||
{
|
"icon": "Twitter",
|
||||||
"Link": {
|
"iconClassName": "text-white",
|
||||||
"config": {
|
"className": "w-[48px] h-[48px] shadow-none hover:bg-transparent bg-transparent text-white rounded-md flex items-center justify-center"
|
||||||
"label": "Weiteres",
|
}
|
||||||
"href": "/",
|
}
|
||||||
"className": "text-[16px] leading-[125%] text-white flex hover:text-white font-bold"
|
},
|
||||||
}
|
{
|
||||||
}
|
"Button": {
|
||||||
},
|
"config": {
|
||||||
{
|
"icon": "Twitter",
|
||||||
"Link": {
|
"iconClassName": "text-white",
|
||||||
"config": {
|
"className": "w-[48px] h-[48px] shadow-none hover:bg-transparent bg-transparent text-white rounded-md flex items-center justify-center"
|
||||||
"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"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
],
|
||||||
|
"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"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue