593 lines
22 KiB
JSON
593 lines
22 KiB
JSON
{
|
||
"layout": [
|
||
{
|
||
"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]"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"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"
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"pages": {
|
||
"Home": [
|
||
{
|
||
"Hero": {
|
||
"config": {
|
||
"className": "h-[35rem]",
|
||
"ImageDisplayer": {
|
||
"config": {
|
||
"duration": 0,
|
||
"images": [
|
||
"./banner-hero.webp"
|
||
],
|
||
"links": [
|
||
"/account"
|
||
]
|
||
}
|
||
},
|
||
"left": [
|
||
{
|
||
"VtCtaBanner": {
|
||
"config": {
|
||
"className": "left-[120px] top-[80px] relative w-full p-12 flex flex-col items-start justify-center text-left bg-transperant border-none shadow-none",
|
||
"buttonTextClassName": "inline-flex items-center justify-center bg-[#FCEE56] hover:bg-[#FCEE56]/90 text-[#0D382E] px-8 py-3 rounded-full font-bold text-lg shadow-none border-none",
|
||
"tagTextClassName": "text-[#0D382E] text-lg font-medium mb-2 bg-transparent",
|
||
"tagText": "So einfach kann Frühstück sein – mit unseren leckeren Overnight Oats.",
|
||
"titleText": "breakfast made easy.",
|
||
"buttonText": "Jetzt entdecken"
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"center": [],
|
||
"right": []
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtFeaturedProducts": {
|
||
"config": {
|
||
"title": "best-seller",
|
||
"styles": {
|
||
"container": "content-container py-12 small:py-20",
|
||
"header": {
|
||
"container": "ml-16",
|
||
"title": "text-2xl mb-12",
|
||
"isShowViewAll": false
|
||
},
|
||
"list": "grid grid-cols-2 small:grid-cols-3 gap-x-6 gap-y-24 small:gap-y-36",
|
||
"productCard": {
|
||
"badgeText": "Bestseller",
|
||
"card": "relative flex flex-col items-center bg-transparent shadow-none border-none p-0",
|
||
"badge": {
|
||
"container": "absolute top-0 left-0 z-[1]",
|
||
"text": "px-3 py-1 rounded-full bg-[#009b93] text-white text-[12px] font-semibold"
|
||
},
|
||
"thumbnail": {
|
||
"className": "rounded-2xl bg-white h-[320px] object-contain shadow-none",
|
||
"size": "full"
|
||
},
|
||
"content": "flex flex-col items-center justify-start text-center p-0 mt-6",
|
||
"title": "text-[#003F31] text-[28px] font-semibold",
|
||
"description": "order-3 text-[#003f31b3]",
|
||
"price": "mt-2 text-[#0D382E] text-[24px] font-bold order-2 flex gap-2",
|
||
"reviews": {
|
||
"container": "mt-3 flex items-center gap-2 order-1",
|
||
"stars": "flex gap-1",
|
||
"star": "text-[#F59E0B] text-xl leading-none",
|
||
"emptyStar": "text-[#F59E0B] text-xl opacity-30 leading-none",
|
||
"text": "text-[#003F31] text-[14px]",
|
||
"rating": 4.5,
|
||
"count": 38
|
||
},
|
||
"button": {
|
||
"addToCart": "hidden",
|
||
"moreInfo": "hidden",
|
||
"isShowIcon": false
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"CartMismatchBanner": {
|
||
"config": {
|
||
"show": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"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-4 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] col-start-1 col-end-3 row-start-1 row-end-3",
|
||
"imageClassName": "object-contain"
|
||
},
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"href": "/categories/porridge",
|
||
"label": "Porridge",
|
||
"className": "bg-[#F9E0B0]",
|
||
"imageClassName": "object-contain"
|
||
},
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"href": "/categories/cereals",
|
||
"label": "Cereals",
|
||
"className": "bg-[#F59E0B]",
|
||
"imageClassName": "object-contain"
|
||
},
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"href": "/categories/granola",
|
||
"label": "Granola",
|
||
"className": "bg-[#A7D8F0]",
|
||
"imageClassName": "object-contain"
|
||
},
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"href": "/categories/oat-bars",
|
||
"label": "Oat Bars",
|
||
"className": "bg-[#EED7F2]",
|
||
"imageClassName": "object-contain"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtBrand": {
|
||
"config": {
|
||
"className": "w-full py-12 bg-[#CFECD9]",
|
||
"innerClassName": "content-container flex flex-col items-center",
|
||
"title": "Trusted By",
|
||
"titleClassName": "text-[#003F31] text-[20px] font-semibold mb-8",
|
||
"brandsClassName": "flex w-full items-center justify-between gap-12",
|
||
"items": [
|
||
{
|
||
"label": "Men'sHealth",
|
||
"containerClassName": "",
|
||
"className": "text-[#003F31] text-[36px] font-semibold italic"
|
||
},
|
||
{
|
||
"label": "GQ",
|
||
"containerClassName": "",
|
||
"className": "text-[#003F31] text-[44px] font-black tracking-tight"
|
||
},
|
||
{
|
||
"label": "BIRCHBOX",
|
||
"containerClassName": "",
|
||
"className": "text-[#003F31] text-[36px] font-semibold tracking-[0.2em]"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtFeedbackCard": {
|
||
"config": {
|
||
"className": "content-container py-16 bg-[#CFECD9] mt-16",
|
||
"title": "Der Hafer-Hype ist real. Finden nicht nur 100.000+ zufriedene 3Bears Fans.",
|
||
"gridClassName": "grid grid-cols-1 small:grid-cols-2 xl:grid-cols-4 gap-6",
|
||
"cardClassName": "rounded-2xl overflow-hidden",
|
||
"imageClassName": "w-full h-[260px] object-cover",
|
||
"contentClassName": "p-6",
|
||
"nameClassName": "text-[#003F31] text-[20px] font-bold",
|
||
"subtitleClassName": "mt-1 text-[#003f31b3] text-[14px]",
|
||
"quoteClassName": "mt-4 text-[#003F31] text-[16px]",
|
||
"ctaClassName": "mt-6 inline-flex items-center justify-center bg-[#FCEE56] text-[#0D382E] px-6 py-2 rounded-full font-bold",
|
||
"items": [
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"name": "Harry Kane",
|
||
"subtitle": "Profißballer, Kapitän engl. Nationalmannschaft, Stürmer FC Bayern",
|
||
"quote": "Als Sportler ist das Frühstück die wichtigste Mahlzeit für mich, und natürlich achte ich sehr darauf, was ich esse. Als ich 3Bears entdeckt habe, hat mich nachhaltig beeindruckt, dass die Haferflocken auf ein neues Level heben.",
|
||
"cta": {
|
||
"label": "Mehr erfahren",
|
||
"href": "/"
|
||
}
|
||
},
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"name": "Sally Özcan",
|
||
"subtitle": "Foodcreatorin & Unternehmerin",
|
||
"quote": "Ich liebe Frühstück, weil es für mich der Start in einen guten Tag ist, mit meiner Familie, meinem Team oder unterwegs. Ich mag Produkte, die einfach einen Sinn ergeben, natürlich, lecker und ohne Schnickschnack. Genau das ist 3Bears für mich."
|
||
},
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"name": "Sarah Harrison",
|
||
"subtitle": "Unternehmerin & Influencerin",
|
||
"quote": "3Bears teilt meine Leidenschaft für hochwertige Lebensmittel, die nicht nur mega lecker, sondern auch vollwertig sind. Deswegen war ich so begeistert von der Idee, gemeinsam ein Granola zu entwickeln.",
|
||
"cta": {
|
||
"label": "Mehr erfahren",
|
||
"href": "/"
|
||
}
|
||
},
|
||
{
|
||
"imageSrc": "/overnight-oat.webp",
|
||
"name": "Hendrik Pfeiffer",
|
||
"subtitle": "Profi-Läufer & German Champion",
|
||
"quote": "Als Profisportler spielt meine bewusste Ernährung eine absolute Schlüsselrolle, um vorne mitmischen zu können. Die Produkte von 3Bears passen dabei wie die Faust aufs Auge.",
|
||
"cta": {
|
||
"label": "Mehr erfahren",
|
||
"href": "/"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtSubcription": {
|
||
"config": {
|
||
"className": "content-container py-12 flex justify-center",
|
||
"cardClassName": "rounded-2xl overflow-hidden bg-[#CFECD9] w-[800px] p-10",
|
||
"title": "10% für dich!",
|
||
"titleClassName": "text-[#003F31] text-[28px] font-bold text-center",
|
||
"highlightClassName": "text-[#003F31] font-bold",
|
||
"description": true,
|
||
"formClassName": "mt-8 flex flex-col items-center gap-4",
|
||
"descriptionClassName": "text-[#003F31] text-[16px] text-center",
|
||
"fieldsClassName": "grid grid-cols-1 small:grid-cols-2 gap-4 w-full",
|
||
"descriptionPrefix": "Melde dich jetzt zum 3Bears Newsletter an und sichere dir",
|
||
"descriptionHighlight": "10% Rabatt auf deinen nächsten Einkauf!",
|
||
"subtextClassName": "text-[#003F31] text-[16px] text-center",
|
||
"descriptionSuffix": "",
|
||
"subtext": "Deinen Rabattcode bekommst du von uns per Mail.",
|
||
"firstName": { "placeholder": "Vorname" },
|
||
"email": { "placeholder": "E-Mail-Adresse" },
|
||
"policyLabel": "Ich habe die DSGVO gelesen und akzeptiere sie.",
|
||
"cta": { "label": "Anmelden", "className": "bg-[#FCEE56] text-[#0D382E] px-6 py-2 rounded-full w-fit font-bold" }
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"FreeShippingPriceNudge": {
|
||
"config": {
|
||
"variant": "popup"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|