393 lines
15 KiB
JSON
393 lines
15 KiB
JSON
{
|
||
"layout": [
|
||
{
|
||
"Header": {
|
||
"config": {
|
||
"sticky": true
|
||
},
|
||
"children": [
|
||
{
|
||
"Banner": {
|
||
"config": {
|
||
"variant": "nav",
|
||
"className": "h-12 bg-[#E6EFFC] text-[#11314E] gap-12 pl-16",
|
||
"left": [
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Über Uns",
|
||
"href": "/",
|
||
"className": "text-[13px] flex items-center gap-1 cursor-pointer"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Kontaktieren Uns",
|
||
"href": "/",
|
||
"className": "text-[13px] flex items-center gap-1"
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"center": [
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Einsparung durch Digitalisierung in der Arztpraxis",
|
||
"href": "/",
|
||
"className": "text-[13px] flex items-center gap-1 "
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Mehr Info",
|
||
"href": "/",
|
||
"className": "text-[13px] rounded-md hover:text-white w-[80px] text-white text-center flex items-center bg-[#112638] flex justify-center h-[28px] "
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"right": [
|
||
{
|
||
"Dropdown": {
|
||
"config": {
|
||
"trigger": {
|
||
"text": "EURO",
|
||
"className": "font-bold text-[13px] text-[#11314E] 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": "EURO",
|
||
"href": "/"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"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": false
|
||
}
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Nav": {
|
||
"config": {
|
||
"className": "h-24 bg-[white] text-[#11314E] gap-12 pl-16",
|
||
"left": [
|
||
{
|
||
"Logo": {
|
||
"config": {
|
||
"src": "/VibentecIT-logo.svg",
|
||
"alt": "MyShop",
|
||
"className": "h-full w-[180px] mr-4",
|
||
"objectFit": "contain"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Home",
|
||
"href": "/",
|
||
"className": "text-[13px] text-[#11314E] flex items-center mr-8 gap-1 hover:underline hover:text-[#009b93]"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Link": {
|
||
"config": {
|
||
"label": "Shop",
|
||
"href": "/",
|
||
"className": "text-[13px] text-[#11314E] flex items-center mr-6 gap-1 hover:underline hover:text-[#009b93]"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtMegaMenu": {
|
||
"config": {
|
||
"navLabel": {
|
||
"text": "Sale",
|
||
"className": "text-[13px] text-[#11314E] flex items-center mr-8 gap-1 hover:bg-transparent hover:underline hover:text-[#009b93]"
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtMegaMenu": {
|
||
"config": {
|
||
"navLabel": {
|
||
"text": "OUR STORY",
|
||
"className": "font-bold text-[1rem] text-white flex items-center mr-8 gap-1 hover:bg-transparent hover:underline hover:text-white"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"right": [
|
||
{
|
||
"SearchInput": {
|
||
"config": {
|
||
"placeholder": "Search"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"AccountButton": {
|
||
"config": {
|
||
"icon": "User",
|
||
"className": " flex items-center gap-1 shadow-none"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Button": {
|
||
"config": {
|
||
"icon": "Heart",
|
||
"className": " flex items-center gap-1 shadow-none w-[50px]"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtCartButton": {
|
||
"config": {
|
||
"icon": "ShoppingCart",
|
||
"className": "shadow-none bg-transparent text-black w-[50px]"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{ "PropsChildren": {} },
|
||
{
|
||
"Footer": {
|
||
"config": {
|
||
"className": "content-container flex w-full border justify-between pb-8",
|
||
"leftClassName": "flex-col ml-6",
|
||
"centerClassName": "flex mt-[130px] gap-24",
|
||
"rightClassName": "flex mt-[160px]",
|
||
"left": [
|
||
{
|
||
"VtFooterHero": {
|
||
"config": {
|
||
"logoClassName": "h-[100px] w-[255px]",
|
||
"logoSrc": "/VibentecIT-logo.svg",
|
||
"logoAlt": "Vibentec IT",
|
||
"title": "Der Wegbereiter für innovative IT-Lösungen",
|
||
"description": "Tauchen Sie ein in eine Welt modernster Technologien, zuverlässiger Support und proaktiver Innovation – gemeinsam gestalten wir die digitale Zukunft Ihres Unternehmens.",
|
||
"cta": {
|
||
"label": "Kontaktieren Sie uns",
|
||
"href": "/"
|
||
},
|
||
"className": "",
|
||
"ctaClassName": "ml-8",
|
||
"titleClassName": "ml-8",
|
||
"descriptionClassName": "ml-8 w-[320px]"
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"center": [
|
||
{
|
||
"VtMenuItem": {
|
||
"config": {
|
||
"title": "Unternehmen",
|
||
"className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
|
||
"itemClassName": "text-[1rem] font-[400]",
|
||
"items": [
|
||
{ "text": "Über Uns", "href": "/" },
|
||
{ "text": "Placeholder", "href": "/categories/shoes" },
|
||
{ "text": "Placeholder", "href": "/categories/accessories" }
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtMenuItem": {
|
||
"config": {
|
||
"title": "Social Media",
|
||
"className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
|
||
"itemClassName": "text-[1rem] font-[400] flex items-center",
|
||
"items": [
|
||
{ "text": "Twitter", "href": "/", "icon": "X" },
|
||
{ "text": "Facebook", "href": "/categories/shoes", "icon": "X" },
|
||
{ "text": "Pinterest", "href": "/categories/accessories", "icon": "X" }
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtMenuItem": {
|
||
"config": {
|
||
"title": "Addresse",
|
||
"className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
|
||
"itemClassName": "text-[1rem] font-[400] w-[150px]",
|
||
"items": [
|
||
{ "text": "Hopfenstr. 10c76185 Karlsruhe Deutschland", "href": "/" },
|
||
{ "text": "+497271 5970098", "href": "/categories/shoes" },
|
||
{ "text": "info@vibentec-it.io", "href": "/categories/accessories" }
|
||
]
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"right": [
|
||
{
|
||
"VtMenuItem": {
|
||
"config": {
|
||
"className": "flex flex-col gap-y-2 text-[24px] font-semibold text-[#11314E]",
|
||
"itemClassName": "text-[1rem] font-[400] w-[150px]",
|
||
"items": [
|
||
{ "text": "Datenschutz", "href": "/" },
|
||
{ "text": "Impressum", "href": "/categories/shoes" },
|
||
{ "text": "Installation Info", "href": "/categories/accessories" }
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"Footer": {
|
||
"config": {
|
||
"className": "content-container h-[128px] w-full text text-[#11314E] flex items-center justify-between px-20 mt-2",
|
||
"leftClassName": "w-full",
|
||
"left": [
|
||
{
|
||
"VtFooterBottom": {
|
||
"config": {
|
||
"text": "©2025 Vibentec IT. All rights reserved",
|
||
"icons": ["Mastercard", "PayPal", "Visa"]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"pages": {
|
||
"Home": [
|
||
{
|
||
"Hero": {
|
||
"config": {
|
||
"className": "h-[35rem]",
|
||
"ImageDisplayer": {
|
||
"config": {
|
||
"duration": 5,
|
||
"images": ["./banner-hero.webp", "./banner-hero-1.webp", "./banner-hero-2.webp"],
|
||
"links": ["/", "/account", "/product"]
|
||
}
|
||
},
|
||
"left": [
|
||
{
|
||
"VtCtaBanner": {
|
||
"config": {
|
||
"variant": "default",
|
||
"className": "left-[120px] top-[80px]",
|
||
"titleTextClassName": "leading-normal",
|
||
"tagText": "Besonders Aktion",
|
||
"titleText": "Willkommen in Vibentec IT Shop",
|
||
"descriptionText": "Insert the accordion description here. It would look better as two lines of text or more.",
|
||
"buttonText": "Zum Einkaufen"
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"center": [],
|
||
"right": []
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtFeaturedProducts": {
|
||
"config": {
|
||
"title": "best-seller",
|
||
"styles": {
|
||
"container": "content-container py-12 px-[100px] small:py-24",
|
||
"header": {
|
||
"container": "flex justify-between mb-8",
|
||
"title": "text-[56px] text-[#11314E]",
|
||
"isShowViewAll": false
|
||
},
|
||
"list": "grid grid-cols-2 small:grid-cols-3 gap-x-6 gap-y-24 small:gap-y-36",
|
||
"productCard": {
|
||
"card": "relative overflow-hidden rounded-2xl border border-[#285A86] bg-ui-bg-base shadow-elevation-card-rest h-full flex flex-col",
|
||
"badge": {
|
||
"container": "p-4",
|
||
"text": "z-20 px-3 py-1 border-[0.5px] rounded bg-[#c9e0f5] txt-compact-small-plus shadow-borders-base text-[#285A86]"
|
||
},
|
||
"thumbnail": { "className": "rounded-none h-[240px]", "size": "full" },
|
||
"subtitle": "text-ui-fg-subtle text-[14px]",
|
||
"content": "flex flex-col flex-1 justify-between p-4",
|
||
"title": "text-ui-fg-subtle text-[18px]",
|
||
"description": "mt-2 text-ui-fg-subtle text-[14px]",
|
||
"price": "flex items-center gap-x-1 text-[#285A86] font-bold border-b pb-4",
|
||
"button": {
|
||
"addToCart": "w-fit h-[40px] bg-black text-white rounded-md",
|
||
"moreInfo": "w-fit h-[40px] border border-[#285A86] text-[#285A86] rounded-md"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"VtFeaturedProducts": {
|
||
"config": {
|
||
"title": "produkten",
|
||
"styles": {
|
||
"container": "content-container py-12 px-[100px] small:py-24",
|
||
"header": {
|
||
"container": "flex justify-between mb-8",
|
||
"title": "text-[56px] text-[#11314E]",
|
||
"isShowViewAll": false
|
||
},
|
||
"list": "grid grid-cols-2 small:grid-cols-3 gap-x-6 gap-y-24 small:gap-y-36",
|
||
"productCard": {
|
||
"card": "relative overflow-hidden rounded-2xl border border-[#285A86] bg-ui-bg-base shadow-elevation-card-rest h-full flex flex-col",
|
||
"badge": {
|
||
"container": "p-4",
|
||
"text": "z-20 px-3 py-1 border-[0.5px] rounded bg-[#c9e0f5] txt-compact-small-plus shadow-borders-base text-[#285A86]"
|
||
},
|
||
"thumbnail": { "className": "rounded-none h-[240px]", "size": "full" },
|
||
"subtitle": "text-ui-fg-subtle text-[14px]",
|
||
"content": "flex flex-col flex-1 justify-between p-4",
|
||
"title": "text-ui-fg-subtle text-[18px]",
|
||
"price": "flex items-center gap-x-1 text-[#285A86] font-bold border-b pb-4",
|
||
"button": {
|
||
"addToCart": "w-fit h-[40px] bg-black text-white rounded-md",
|
||
"moreInfo": "w-fit h-[40px] border border-[#285A86] text-[#285A86] rounded-md"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{ "CartMismatchBanner": { "config": { "show": true } } },
|
||
{ "FreeShippingPriceNudge": { "config": { "variant": "popup" } } }
|
||
]
|
||
}
|
||
}
|