617 lines
25 KiB
JSON
617 lines
25 KiB
JSON
[
|
|
{
|
|
"Header": {
|
|
"config": {
|
|
"sticky": true
|
|
},
|
|
"children": [
|
|
{
|
|
"Banner": {
|
|
"config": {
|
|
"variant": "nav",
|
|
"className": "h-12 bg-[#e6c981] text-black gap-12",
|
|
"center": [
|
|
{
|
|
"Link": {
|
|
"config": {
|
|
"label": "BLACK FRIDAY",
|
|
"href": "/",
|
|
"className": "font-bold text-[1rem] flex items-center gap-1"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Link": {
|
|
"config": {
|
|
"label": "Up to 55% off Bundles",
|
|
"href": "/",
|
|
"className": "text-[1rem] flex items-center gap-1"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Link": {
|
|
"config": {
|
|
"label": "SHOP NOW",
|
|
"href": "/",
|
|
"className": "font-bold text-[1rem] flex items-center gap-1 underline"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Nav": {
|
|
"config": {
|
|
"className": "h-24 bg-[#1f3521] text-white gap-12",
|
|
"left": [
|
|
{
|
|
"Image": {
|
|
"config": {
|
|
"src": "/drsquatch-logo.webp",
|
|
"alt": "MyShop",
|
|
"className": "h-full w-[180px] mr-24",
|
|
"objectFit": "contain"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Link": {
|
|
"config": {
|
|
"label": "SUBCRIBE",
|
|
"href": "/",
|
|
"className": "font-bold text-[1rem] text-white flex items-center mr-8 gap-1 hover:underline hover:text-white"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Link": {
|
|
"config": {
|
|
"label": "REWARD",
|
|
"href": "/",
|
|
"className": "font-bold text-[1rem] text-white flex items-center mr-8 gap-1 hover:underline hover:text-white"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtMegaMenu": {
|
|
"config": {
|
|
"navLabel": {
|
|
"text": "SHOP",
|
|
"className": "font-bold text-[1rem] flex items-center mr-8 gap-1 hover:bg-transparent hover:underline hover:text-white"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtMegaMenu": {
|
|
"config": {
|
|
"navLabel": {
|
|
"text": "OUR STORY",
|
|
"className": "font-bold text-[1rem] text-white flex items-center hover:bg-transparent hover:underline hover:text-white"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"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": "DE",
|
|
"className": "font-bold text-[1rem] text-white 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": "DE",
|
|
"href": "/"
|
|
},
|
|
{
|
|
"icon": "https://cdn.shopify.com/s/files/1/0275/7784/3817/files/EU_Flag.svg?v=1652208424",
|
|
"text": "EU",
|
|
"href": "/"
|
|
},
|
|
{
|
|
"icon": "https://cdn.shopify.com/s/files/1/0275/7784/3817/files/Australia_Flag.svg?v=1657674627",
|
|
"text": "AU",
|
|
"href": "/"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Button": {
|
|
"config": {
|
|
"icon": "User",
|
|
"className": "shadow-none bg-transparent text-white hover:text-black"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtCartButton": {
|
|
"config": {
|
|
"variant": "cartIconButton",
|
|
"className": "shadow-none bg-transparent text-white"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"CartMismatchBanner": {
|
|
"config": {
|
|
"show": true
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"FreeShippingPriceNudge": {
|
|
"config": {
|
|
"variant": "popup"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"PropsChildren": {}
|
|
},
|
|
{
|
|
"Footer": {
|
|
"config": {
|
|
"className": "content-container flex w-full bg-[#1f3521]",
|
|
"children": [
|
|
{
|
|
"Section": {
|
|
"config": {
|
|
"className": "grid grid-cols-2 w-full py-[40px]"
|
|
},
|
|
"children": [
|
|
{
|
|
"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": "Help",
|
|
"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": "Shop",
|
|
"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"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"Section": {
|
|
"config": {
|
|
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
|
},
|
|
"children": [
|
|
{
|
|
"Image": {
|
|
"config": {
|
|
"src": "/b-corp-logo.webp",
|
|
"alt": "B Corp Logo",
|
|
"className": "w-[96px] h-[118px]"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"Section": {
|
|
"config": {
|
|
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
|
},
|
|
"children": [
|
|
{
|
|
"Text": {
|
|
"config": {
|
|
"label": "Don't miss out on hot deals! Sign up and get up to 30% off.",
|
|
"className": "text-[16px] leading-[125%] text-white flex font-bold"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Section": {
|
|
"config": {
|
|
"className": "flex w-full flex gap-6"
|
|
},
|
|
"children": [
|
|
{
|
|
"Input": {
|
|
"config": {
|
|
"placeholder": "Enter your email address",
|
|
"className": "w-[75%] rounded-md h-[48px] px-[16px] text-[16px] leading-[125%] text-white flex font-bold"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Button": {
|
|
"config": {
|
|
"label": "Sign up",
|
|
"className": "w-[25%] rounded-md bg-[#cc6328] 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 justify-center col-span-full w-full gap-1"
|
|
},
|
|
"children": [
|
|
{
|
|
"Text": {
|
|
"config": {
|
|
"label": "DR. SQUATCH is a registered trademark of Dr. Squatch, LLC © 2025, Dr. Squatch, LLC All rights reserved.",
|
|
"className": "text-[11px] mt-[3rem] leading-[125%] text-white flex"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Text":{
|
|
"config":{
|
|
"label":"Terms of Use",
|
|
"className":"text-[11px] mt-[3rem] leading-[125%] text-orange-500 flex"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Text":{
|
|
"config":{
|
|
"label":"|",
|
|
"className":"text-[11px] mt-[3rem] leading-[125%] text-white flex"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Text":{
|
|
"config":{
|
|
"label":"Privacy Policy",
|
|
"className":"text-[11px] mt-[3rem] leading-[125%] text-orange-500 flex"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|