572 lines
20 KiB
JSON
572 lines
20 KiB
JSON
{
|
|
"layout": [
|
|
{
|
|
"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": [
|
|
{
|
|
"Logo": {
|
|
"config": {
|
|
"src": "/drsquatch-logo.webp",
|
|
"alt": "MyShop",
|
|
"className": "h-auto w-40 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": [
|
|
{
|
|
"VtCountryCodeSelect": {
|
|
"config": {
|
|
"trigger": {
|
|
"className": "w-auto font-bold text-[13px] text-white flex justify-start items-center gap-1 hover:text-[#009b93] bg-transparent shadow-none hover:bg-transparent",
|
|
"isFlag": true
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"Button": {
|
|
"config": {
|
|
"icon": "User",
|
|
"className": "shadow-none bg-transparent text-white hover:text-black"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtCartButton": {
|
|
"config": {
|
|
"icon": "ShoppingCart",
|
|
"className": "shadow-none bg-transparent text-black w-[50px]"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"PropsChildren": {}
|
|
},
|
|
{
|
|
"Footer": {
|
|
"config": {
|
|
"className": "content-container border-none bg-[#1f3621] flex w-full border justify-between pb-8 gap-10 pt-16 px-[120px]",
|
|
"leftClassName": "flex ml-6 gap-x-24",
|
|
"centerClassName": "flex",
|
|
"rightClassName": "flex",
|
|
"left": [
|
|
{
|
|
"VtMenuItem": {
|
|
"config": {
|
|
"title": "Help",
|
|
"className": "flex flex-col gap-y-2 text-[16px] font-semibold text-white gap-8",
|
|
"itemClassName": "text-[14px] font-[400] mt-3",
|
|
"items": [
|
|
{
|
|
"text": "FAQ",
|
|
"href": "/"
|
|
},
|
|
{
|
|
"text": "Track my order",
|
|
"href": "/categories/shoes"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtMenuItem": {
|
|
"config": {
|
|
"title": "Shop",
|
|
"className": "flex flex-col gap-y-2 text-[16px] font-semibold text-white",
|
|
"itemClassName": "text-[14px] font-[400] flex items-center mt-3",
|
|
"items": [
|
|
{
|
|
"text": "Twitter",
|
|
"href": "/"
|
|
},
|
|
{
|
|
"text": "Facebook",
|
|
"href": "/categories/shoes"
|
|
},
|
|
{
|
|
"text": "Pinterest",
|
|
"href": "/categories/accessories"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
},
|
|
{
|
|
"text": "Placeholder",
|
|
"href": "/categories/accessories"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtMenuItem": {
|
|
"config": {
|
|
"title": "Info",
|
|
"className": "flex flex-col gap-y-2 text-[16px] font-semibold text-white",
|
|
"itemClassName": "text-[14px] font-[400] w-[200px] mt-3",
|
|
"items": [
|
|
{
|
|
"text": "The Squatch Difference",
|
|
"href": "/"
|
|
},
|
|
{
|
|
"text": "Why Natural Products",
|
|
"href": "/categories/shoes"
|
|
},
|
|
{
|
|
"text": "No Harmful Ingredients",
|
|
"href": "/categories/accessories"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"center": [
|
|
{
|
|
"Logo": {
|
|
"config": {
|
|
"src": "/b-corp-logo.webp",
|
|
"alt": "MyShop",
|
|
"className": "h-auto w-[90px] mr-24",
|
|
"objectFit": "contain"
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"right": [
|
|
{
|
|
"VtFooterSignUp": {
|
|
"config": {
|
|
"title": "Don't miss out on hot deals! Sign up and get up to 30% off.",
|
|
"className": "max-w-[760px]",
|
|
"titleClassName": "text-white text-[18px]",
|
|
"formClassName": "mt-2 w-full",
|
|
"inputClassName": "w-full",
|
|
"buttonClassName": "bg-[#C4622C] w-[90px]",
|
|
"socialsClassName": "mt-4 gap-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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtFooterBottom": {
|
|
"config": {
|
|
"className": "text-white text-[14px] font-[400] bg-[#1f3621] flex items-center justify-center",
|
|
"text": "©2025 Vibentec IT. All rights reserved",
|
|
"linksClassName": "flex items-center text-orange-500 mt-2 pl-2",
|
|
"links": [
|
|
{
|
|
"label": "Privacy Policy",
|
|
"href": "/"
|
|
},
|
|
{
|
|
"label": "Terms of Service",
|
|
"href": "/categories/shoes"
|
|
},
|
|
{
|
|
"label": "Cookie Policy",
|
|
"href": "/categories/accessories"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"pages": {
|
|
"Home": [
|
|
{
|
|
"Hero": {
|
|
"config": {
|
|
"className": "h-[35rem]",
|
|
"ImageDisplayer": {
|
|
"config": {
|
|
"duration": 0,
|
|
"images": [
|
|
"./drsquatch-banner.jpg"
|
|
],
|
|
"links": [
|
|
"/account"
|
|
]
|
|
}
|
|
},
|
|
"left": [
|
|
{
|
|
"VtCtaBanner": {
|
|
"config": {
|
|
"variant": "default",
|
|
"className": "left-[120px] top-[120px] bg-transparent border-none text-white text-center",
|
|
"tagTextClassName": "text-white bg-transparent",
|
|
"titleTextClassName": "text-white font-bold leading-normal text-[30px]",
|
|
"descriptionTextClassName": "text-white text-[1rem] w-[300px] ml-[6.6rem]",
|
|
"buttonTextClassName": "text-white bg-orange-500 w-[300px]",
|
|
"tagText": "ALL NEW!",
|
|
"titleText": "LUMBERJACK LODGE",
|
|
"descriptionText": "Step into the lodge with the warm, sweet scent of maple and vanilla.",
|
|
"buttonText": "SHOP NOW"
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"center": [],
|
|
"right": []
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtFeaturedProducts": {
|
|
"config": {
|
|
"title": "drsquatch-best-seller",
|
|
"styles": {
|
|
"container": "content-container py-12 px-[100px] small:py-24",
|
|
"header": {
|
|
"container": "flex justify-center mb-8",
|
|
"title": "text-[28px] font-bold text-[#1f3521]",
|
|
"isShowViewAll": false
|
|
},
|
|
"list": "grid grid-cols-2 small:grid-cols-3 gap-x-6 gap-y-24 small:gap-y-36",
|
|
"productCard": {
|
|
"card": "shadow-none border-none",
|
|
"className": "relative overflow-hidden rounded-2xl bg-white shadow-elevation-card-rest h-full flex flex-col",
|
|
"badgeText": "LIMITED EDITION",
|
|
"badge": {
|
|
"container": "absolute z-[1] top-0 left-0 pt-4",
|
|
"text": "uppercase px-4 py-2 bg-[#3B6F47] text-white"
|
|
},
|
|
"thumbnail": {
|
|
"className": "rounded-none h-[300px] shadow-none",
|
|
"size": "full"
|
|
},
|
|
"content": " flex flex-col flex-1",
|
|
"title": "mt-2 text-[#1f3521] text-[22px] font-bold",
|
|
"price": "mt-2 text-[#3B6F47] font-bold text-[20px] flex gap-3 flex-row-reverse justify-end",
|
|
"description": "mt-2",
|
|
"reviews": {
|
|
"container": "mt-3 flex items-center gap-2",
|
|
"stars": "flex gap-1",
|
|
"star": "text-[#C4622C] text-xl leading-none",
|
|
"emptyStar": "text-[#C4622C] text-xl opacity-30 leading-none",
|
|
"text": "text-[#1f3521]",
|
|
"rating": 3.6,
|
|
"count": 59
|
|
},
|
|
"button": {
|
|
"addToCart": "mt-6 w-full bg-[#C4622C] hover:bg-[#C4622C]/90 shadow-none text-white rounded-none h-fit font-bold",
|
|
"moreInfo": "hidden"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtCategoryHighlight": {
|
|
"config": {
|
|
"title": "Oder lieber stöbern? Hier findest du sicher deine neuen Hafer-Favoriten.",
|
|
"className": "content-container py-12 small:py-20",
|
|
"gridClassName": "grid grid-cols-2 gap-6 w-full",
|
|
"labelClassName": "absolute left-4 bottom-4 text-[#003F31] text-[18px] font-semibold",
|
|
"items": [
|
|
{
|
|
"imageSrc": "/overnight-oat.webp",
|
|
"href": "/categories/overnight-oats",
|
|
"label": "Overnight Oats",
|
|
"className": "bg-[#CFECD9] h-[250px]",
|
|
"imageClassName": "object-contain"
|
|
},
|
|
{
|
|
"headingLabel": "The Squatch Difference",
|
|
"descriptionLabel": "Learn why men everywhere are loving Dr. Squatch.",
|
|
"buttonLabel": "Learn more",
|
|
"className": "flex-col bg-[#F9E0B0] p-6 justify-center",
|
|
"headingClassName": "text-[#003F31] text-[28px] font-semibold",
|
|
"descriptionClassName": "text-[#003f31b3]",
|
|
"buttonClassName": "mt-4 text-[#003F31] text-[18px] font-semibold bg-orange-500 py-2 px-16 rounded text-white"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtBrand": {
|
|
"config": {
|
|
"className": "w-full py-12 bg-[#CFECD9]",
|
|
"innerClassName": "content-container flex flex-col items-center",
|
|
"title": "",
|
|
"titleClassName": "text-[#1f3521] text-[20px] font-bold mb-8",
|
|
"brandsClassName": "flex w-full items-center justify-between gap-12",
|
|
"items": [
|
|
{
|
|
"imageSrc": "/brand-logo.png",
|
|
"alt": "Men's Health",
|
|
"containerClassName": "",
|
|
"imageClassName": "h-[40px] object-contain"
|
|
},
|
|
{
|
|
"imageSrc": "/brand-logo.png",
|
|
"alt": "GQ",
|
|
"containerClassName": "",
|
|
"imageClassName": "h-[40px] object-contain"
|
|
},
|
|
{
|
|
"imageSrc": "/brand-logo.png",
|
|
"alt": "Birchbox",
|
|
"containerClassName": "",
|
|
"imageClassName": "h-[40px] object-contain"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtSubcription": {
|
|
"config": {
|
|
"className": "w-full",
|
|
"cardClassName": "overflow-hidden bg-[#F3EDE3] p-10",
|
|
"title": "SUBSCRIBE & SAVE",
|
|
"titleClassName": "text-[#003F31] text-[28px] font-bold text-center",
|
|
"description": true,
|
|
"policyLabel": "Ich habe die DSGVO gelesen und akzeptiere sie.",
|
|
"benefits": [
|
|
{
|
|
"icon": "🗓",
|
|
"title": "Ships Every 3 Months",
|
|
"description": "Customize your picks and scents, upgrade anytime, or hit snooze if you want. You're in control."
|
|
},
|
|
{
|
|
"icon": "🚚",
|
|
"title": "Free Delivery",
|
|
"description": "Subscribe once and relax. All your shipping expenses are covered by Squatch."
|
|
},
|
|
{
|
|
"icon": "⭐",
|
|
"title": "Exclusive Benefits",
|
|
"description": "Gain exclusive, subscriber-only benefits. Enjoy early access to new products and limited edition releases!"
|
|
}
|
|
],
|
|
"formClassName": "flex justify-center",
|
|
"cta": {
|
|
"label": "SUBSCRIBE & SAVE",
|
|
"className": "w-fit mt-12 px-[30px] h-[56px] rounded-full bg-orange-500 text-white font-bold"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"VtFeedback": {
|
|
"config": {
|
|
"title": "100,000+ Reviews From Squatchers",
|
|
"className": "content-container py-16",
|
|
"titleClassName": "text-[#1f3521] text-[28px] font-bold text-center mb-10",
|
|
"duration": 5,
|
|
"options": {
|
|
"loop": true
|
|
},
|
|
"itemClassName": "min-w-full px-6",
|
|
"starsClassName": "text-[#C4622C] text-xl leading-none",
|
|
"reviewTitleClassName": "text-[#1f3521] font-bold",
|
|
"reviewTextClassName": "text-[#1f3521]",
|
|
"authorClassName": "italic text-[#1f3521]",
|
|
"controls": "mt-6 flex items-center justify-center gap-4",
|
|
"items": [
|
|
{
|
|
"rating": 5,
|
|
"title": "Ah-freaking-amazing!",
|
|
"text": "So I just had my first shower with Dr. Squatch Cool Fresh Aloe. Holy sh*t this stuff is Ah-freaking-amazing! Talk about a life hack!",
|
|
"author": "Stephen B."
|
|
},
|
|
{
|
|
"rating": 5,
|
|
"title": "Best damn soap ever…period.",
|
|
"text": "Best Damn Soap I EVER bought! Super smooth on the skin, smells awesome, makes you feel good showering, and yes…the wife approves.",
|
|
"author": "Chris H."
|
|
},
|
|
{
|
|
"rating": 5,
|
|
"title": "Hilarious…products awesome too",
|
|
"text": "Ok…the Dr. Squatch commercials are just freakin hilarious…plus the products are awesome too! So yes, buy it now and subscribe to it!",
|
|
"author": "Mike C."
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"CartMismatchBanner": {
|
|
"config": {
|
|
"show": true
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"FreeShippingPriceNudge": {
|
|
"config": {
|
|
"variant": "popup"
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"Product": [
|
|
{
|
|
"VtFeaturedProducts": {
|
|
"config": {
|
|
"title": "drsquatch-best-seller"
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"StorePage": [
|
|
{
|
|
"VtFeaturedProducts": {
|
|
"config": {
|
|
"title": "drsquatch-best-seller"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|