@@ -4,13 +4,250 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered" ;
import HeroCentered from "@/components/sections/hero/HeroCentered" ;
import MediaAbout from "@/components/sections/about/MediaAbout" ;
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen" ;
import ProductCardTwo from "@/components/sections/product/ProductCardTwo" ;
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm" ;
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis" ;
import { Coffee , Wine , Us ers , Packag e, TrendingUp , Music } from "lucide-react" ;
import { Coffee , Wine , Utensils , Droplet , Be er , Flam e, Cocktail , Star } from "lucide-react" ;
import { useState , useEffect } from "react" ;
interface MenuItem {
id : string ;
name : string ;
description : string ;
price : string ;
sizes? : Array < { size : string ; price : string } > ;
isSpecial? : boolean ;
}
interface MenuCategory {
id : string ;
name : string ;
items : MenuItem [ ] ;
}
const menuCategories : MenuCategory [ ] = [
{
id : "trust-priporoca" , name : "Trust Priporoča" , items : [
{
id : "1" , name : "Espresso Dolce" , description : "Intenziven espresso z malo pene in sladko noto" , price : "€3.50" , isSpecial : true ,
} ,
{
id : "2" , name : "Signature Cappuccino" , description : "Naš najbolj priljubljeni cappuccino z idealno razmerjem" , price : "€4.50" , isSpecial : true ,
} ,
{
id : "3" , name : "Golden Hour Koktajl" , description : "Svetel koktajl z zlatnim kisom in delom lurja" , price : "€12.00" , isSpecial : true ,
} ,
] ,
} ,
{
id : "kave" , name : "Kave" , items : [
{
id : "4" , name : "Espresso" , description : "Klasični espresso" , price : "€2.50" } ,
{
id : "5" , name : "Americano" , description : "Espresso z vodo" , sizes : [
{ size : "Majhna (250ml)" , price : "€2.80" } ,
{ size : "Srednja (350ml)" , price : "€3.30" } ,
{ size : "Velika (450ml)" , price : "€3.80" } ,
] ,
} ,
{
id : "6" , name : "Cappuccino" , description : "Espresso s peno in mlekom" , sizes : [
{ size : "Majhna (250ml)" , price : "€3.50" } ,
{ size : "Srednja (350ml)" , price : "€4.00" } ,
{ size : "Velika (450ml)" , price : "€4.50" } ,
] ,
} ,
{
id : "7" , name : "Latte" , description : "Mehkejša kava z več mleka" , sizes : [
{ size : "Majhna (250ml)" , price : "€3.50" } ,
{ size : "Srednja (350ml)" , price : "€4.00" } ,
{ size : "Velika (450ml)" , price : "€4.50" } ,
] ,
} ,
{
id : "8" , name : "Macchiato" , description : "Espresso z majhno količino pene" , price : "€3.00" } ,
] ,
} ,
{
id : "kavne-specialke" , name : "Kavne Specialke" , items : [
{
id : "9" , name : "Affogato" , description : "Vaniljina sladoled s toplim espressom" , price : "€5.50" } ,
{
id : "10" , name : "Cortado" , description : "Uravnotežena mešanica espresa in mleka" , price : "€3.20" } ,
{
id : "11" , name : "Flat White" , description : "Intenzivna kava s silovitim mlečnim velo" , price : "€4.20" } ,
{
id : "12" , name : "Mocha" , description : "Kava s čokolado in mlekom" , sizes : [
{ size : "Majhna (250ml)" , price : "€4.50" } ,
{ size : "Srednja (350ml)" , price : "€5.00" } ,
{ size : "Velika (450ml)" , price : "€5.50" } ,
] ,
} ,
] ,
} ,
{
id : "cokoladne-specialke" , name : "Čokoladne Specialke" , items : [
{
id : "13" , name : "Vroča Čokolada Klasika" , description : "Bogata in gladka vroča čokolada" , sizes : [
{ size : "Majhna (250ml)" , price : "€4.00" } ,
{ size : "Srednja (350ml)" , price : "€4.50" } ,
{ size : "Velika (450ml)" , price : "€5.00" } ,
] ,
} ,
{
id : "14" , name : "Vroča Čokolada z Maršmaellom" , description : "Vroča čokolada z mehkim maršmaellom na vrhu" , sizes : [
{ size : "Majhna (250ml)" , price : "€4.50" } ,
{ size : "Srednja (350ml)" , price : "€5.00" } ,
{ size : "Velika (450ml)" , price : "€5.50" } ,
] ,
} ,
{
id : "15" , name : "Čokoladni Affogato" , description : "Čokoladna sladoled s toplim espressom in čokoladnim sirupom" , price : "€6.50" } ,
] ,
} ,
{
id : "topli-napitki" , name : "Topli Napitki" , items : [
{
id : "16" , name : "Čaj Oolong" , description : "Tradicionalni kitajski čaj" , price : "€3.50" } ,
{
id : "17" , name : "Čaj Matcha Latte" , description : "Tradicionalni japonski čaj z mlekom" , sizes : [
{ size : "Majhna (250ml)" , price : "€5.00" } ,
{ size : "Srednja (350ml)" , price : "€5.50" } ,
] ,
} ,
{
id : "18" , name : "Rumeno Mleko" , description : "Toplo mleko s kurkumo in začimbami" , price : "€4.00" } ,
{
id : "19" , name : "Horká Čokolada Menta" , description : "Vroča čokolada z meto" , price : "€4.50" } ,
] ,
} ,
{
id : "zajtrki-malice" , name : "Zajtrki & Malice" , items : [
{
id : "20" , name : "Avokado Toast" , description : "Hlebček s svežim avokadoom in jajcem" , price : "€7.50" } ,
{
id : "21" , name : "Omlet 3 sira" , description : "Mehak omlet s tremi vrstami sira" , price : "€8.00" } ,
{
id : "22" , name : "Sadna Bola" , description : "Sveža sadje s jogurtom in granolo" , price : "€6.50" } ,
{
id : "23" , name : "Pane Focaccia z Pršutom" , description : "Mehka focaccia s pršutom in rukolom" , price : "€8.50" } ,
] ,
} ,
{
id : "brezalkoholne-pijace" , name : "Brezalkoholne Pijače" , items : [
{
id : "24" , name : "Sveži Sadni Koktajl" , description : "Mešanica svežega sadja in sokka" , price : "€5.50" } ,
{
id : "25" , name : "Limonada Klasika" , description : "Domača limonada s svežo limono" , price : "€3.50" } ,
{
id : "26" , name : "Izberite Vašo Pijačo" , description : "Coca-Cola, Sprite, Fanta, idr." , sizes : [
{ size : "250ml" , price : "€2.50" } ,
{ size : "330ml" , price : "€2.80" } ,
{ size : "500ml" , price : "€3.50" } ,
] ,
} ,
{
id : "27" , name : "Voda" , description : "Mineralna ali navadna voda" , sizes : [
{ size : "250ml" , price : "€1.50" } ,
{ size : "500ml" , price : "€2.00" } ,
{ size : "1L" , price : "€2.50" } ,
] ,
} ,
] ,
} ,
{
id : "piva" , name : "Piva" , items : [
{
id : "28" , name : "Laško Pivo" , description : "Laško klasično pivo" , sizes : [
{ size : "0.3L" , price : "€3.50" } ,
{ size : "0.5L" , price : "€4.50" } ,
] ,
} ,
{
id : "29" , name : "Heineken" , description : "Nizozemsko svetlo pivo" , sizes : [
{ size : "0.3L" , price : "€4.00" } ,
{ size : "0.5L" , price : "€5.00" } ,
] ,
} ,
{
id : "30" , name : "Corona Extra" , description : "Mehko meksikansko pivo" , sizes : [
{ size : "0.33L" , price : "€4.50" } ,
] ,
} ,
{
id : "31" , name : "Craft Pivo Izbira" , description : "Lokalna craft piva" , price : "€5.50 - €7.00" } ,
] ,
} ,
{
id : "vina" , name : "Vina" , items : [
{
id : "32" , name : "Belo Vino Maribor" , description : "Lokalno belo vino s karakterjem" , sizes : [
{ size : "Kozarec (150ml)" , price : "€4.00" } ,
{ size : "Steklenica (750ml)" , price : "€18.00" } ,
] ,
} ,
{
id : "33" , name : "Rdečo Vino Slovenija" , description : "Tradicionalno rdeče vino" , sizes : [
{ size : "Kozarec (150ml)" , price : "€4.50" } ,
{ size : "Steklenica (750ml)" , price : "€20.00" } ,
] ,
} ,
{
id : "34" , name : "Rosé Vino" , description : "Svežo in lahkotno rosé vino" , sizes : [
{ size : "Kozarec (150ml)" , price : "€4.00" } ,
{ size : "Steklenica (750ml)" , price : "€17.00" } ,
] ,
} ,
{
id : "35" , name : "Penina" , description : "Penina za posebne priložnosti" , price : "€25.00 - €50.00" } ,
] ,
} ,
{
id : "zgane-pijace" , name : "Žgane Pijače" , items : [
{
id : "36" , name : "Žganje Domače Jabolko" , description : "Tradicionalno slovensko žganje" , price : "€3.50/shot" } ,
{
id : "37" , name : "Domače Slivo-Žganje" , description : "Aromatično in bogato" , price : "€4.00/shot" } ,
{
id : "38" , name : "Fernet Stock" , description : "Итальянски биттер" , price : "€3.00/shot" } ,
{
id : "39" , name : "Viskiz Izbira" , description : "Različni viskiji iz celega sveta" , price : "€5.00 - €12.00/shot" } ,
] ,
} ,
{
id : "koktajli" , name : "Koktajli" , items : [
{
id : "40" , name : "Mojito" , description : "Osvežujoči koktajl z meto in romom" , price : "€9.50" } ,
{
id : "41" , name : "Margarita" , description : "Klasični koktajl z tequilo" , price : "€10.00" } ,
{
id : "42" , name : "Piña Colada" , description : "Tropski koktajl s kokosovo smetano" , price : "€10.50" } ,
{
id : "43" , name : "Cosmopolitan" , description : "Sofisticiran koktajl s klikanjem" , price : "€11.00" } ,
{
id : "44" , name : "TRUST Signature" , description : "Naša posebna kreacija s svojstvenim karakterjem" , price : "€12.50" } ,
] ,
} ,
] ;
export default function LandingPage() {
const [ activeCategory , setActiveCategory ] = useState ( "trust-priporoca" ) ;
const [ isSticky , setIsSticky ] = useState ( false ) ;
useEffect ( ( ) = > {
const handleScroll = ( ) = > {
const categoryBar = document . getElementById ( "category-bar" ) ;
if ( categoryBar ) {
const scrolled = window . scrollY > 100 ;
setIsSticky ( scrolled ) ;
}
} ;
window . addEventListener ( "scroll" , handleScroll ) ;
return ( ) = > window . removeEventListener ( "scroll" , handleScroll ) ;
} , [ ] ) ;
const currentCategory = menuCategories . find ( ( cat ) = > cat . id === activeCategory ) ;
return (
< ThemeProvider
defaultButtonVariant = "icon-arrow"
@@ -18,7 +255,7 @@ export default function LandingPage() {
borderRadius = "soft"
contentWidth = "compact"
sizing = "mediumLargeSizeLargeTitles"
background = "aurora "
background = "none "
cardStyle = "solid"
primaryButtonStyle = "double-inset"
secondaryButtonStyle = "layered"
@@ -27,9 +264,8 @@ export default function LandingPage() {
< div id = "nav" data-section = "nav" >
< NavbarStyleCentered
navItems = { [
{ name : "Domov " , id : "hero " } ,
{ name : "Kavarna " , id : "kavarna " } ,
{ name : "Klub" , id : "klub" } ,
{ name : "Menü " , id : "menu " } ,
{ name : "O NAS " , id : "about " } ,
{ name : "Kontakt" , id : "contact" } ,
] }
button = { { text : "Rezerviraj" , href : "contact" } }
@@ -39,114 +275,174 @@ export default function LandingPage() {
< div id = "hero" data-section = "hero" >
< HeroCentered
title = "Dva svetova. En prostor. "
description = "TRUST je več kot zgolj lokacija — je izkušnja. Odkrijte sproščeno vzdušje kavarne in energijo nočnega kluba pod eno streho. "
title = "TRUST Menu "
description = "Odkrijte našo izbor kakovostnih kav, specialitet, pijač in kulinaričnih izkušenj "
background = { { variant : "downward-rays-static" } }
avatars = { [
{
src : "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842744 .jpg" , alt : "TRUST Logo"
} ,
src : "https ://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUN9J4Ft001UWYNC95bT5Wn6t8/uploaded-1772644707347-6u9n6v1y .jpg" , alt : "TRUST Logo" } ,
] }
buttons = { [
{ text : "Kavarna & Bar " , href : "kavarna " } ,
{ text : "Klub " , href : "klub " } ,
{ text : "Pregled Menüja " , href : "menu " } ,
{ text : "Rezervacija " , href : "contact " } ,
] }
buttonAnimation = "slide-up"
ariaLabel = "TRUST V enue Hero Section"
ariaLabel = "TRUST M enu Hero Section"
/ >
< / div >
< div id = "menu" data-section = "menu" className = "w-full bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 py-12" >
< div className = "w-full px-4 md:px-8" >
{ /* Category Navigation Bar */ }
< div
id = "category-bar"
className = { ` transition-all duration-300 ${
isSticky
? "fixed top-0 left-0 right-0 z-40 bg-slate-950 border-b border-amber-700/30 shadow-lg"
: "relative mb-12"
} ` }
>
< div className = "max-w-6xl mx-auto" >
< div className = "flex overflow-x-auto gap-2 md:gap-4 p-4 md:p-6 scrollbar-hide" >
{ menuCategories . map ( ( category ) = > (
< button
key = { category . id }
onClick = { ( ) = > {
setActiveCategory ( category . id ) ;
const element = document . getElementById ( category . id ) ;
if ( element ) {
element . scrollIntoView ( { behavior : "smooth" , block : "start" } ) ;
}
} }
className = { ` whitespace-nowrap px-4 md:px-6 py-2 md:py-3 rounded-lg transition-all duration-300 font-cormorant text-base md:text-lg font-semibold ${
activeCategory === category . id
? "bg-amber-700 text-white shadow-lg shadow-amber-700/50"
: "bg-slate-800 text-slate-300 hover:bg-slate-700 hover:text-amber-400 border border-slate-700"
} ` }
>
{ category . name }
< / button >
) ) }
< / div >
< / div >
< / div >
{ /* Menu Items Display */ }
< div className = "max-w-6xl mx-auto mt-12" >
{ menuCategories . map ( ( category ) = > (
< div
key = { category . id }
id = { category . id }
className = "mb-16 scroll-mt-20 animate-fadeIn"
>
< div className = "mb-8" >
< h2 className = "text-4xl md:text-5xl font-cormorant font-bold text-amber-400 mb-2 flex items-center gap-3" >
{ category . name }
{ category . id === "trust-priporoca" && (
< Star className = "w-8 h-8 fill-amber-400 text-amber-400" / >
) }
< / h2 >
< div className = "h-1 w-24 bg-gradient-to-r from-amber-700 to-amber-400" > < / div >
< / div >
< div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" >
{ category . items . map ( ( item ) = > (
< div
key = { item . id }
className = { ` p-6 rounded-lg border transition-all duration-300 hover:shadow-lg ${
category . id === "trust-priporoca" || item . isSpecial
? "bg-gradient-to-br from-amber-900/20 to-slate-800 border-amber-700/50 hover:border-amber-500"
: "bg-slate-800/50 border-slate-700 hover:border-amber-600/50 hover:bg-slate-800"
} ` }
>
{ /* Header with Special Badge */ }
< div className = "flex items-start justify-between mb-3" >
< div className = "flex-1" >
< h3 className = "text-xl md:text-2xl font-cormorant font-semibold text-white mb-1" >
{ item . name }
< / h3 >
< / div >
{ ( category . id === "trust-priporoca" || item . isSpecial ) && (
< div className = "ml-2 px-3 py-1 bg-amber-700/40 border border-amber-500/50 rounded-full text-xs font-semibold text-amber-300 flex items-center gap-1 whitespace-nowrap" >
< Star className = "w-3 h-3 fill-amber-400 text-amber-400" / >
IZBIRA
< / div >
) }
< / div >
{ /* Description */ }
< p className = "text-slate-300 text-sm md:text-base mb-4 font-lato leading-relaxed" >
{ item . description }
< / p >
{ /* Sizes or Price */ }
{ item . sizes && item . sizes . length > 0 ? (
< div className = "space-y-2 pt-4 border-t border-slate-700/50" >
{ item . sizes . map ( ( size , idx ) = > (
< div
key = { idx }
className = "flex justify-between items-center text-sm md:text-base"
>
< span className = "text-slate-300 font-lato" > { size . size } < / span >
< span className = "text-amber-400 font-cormorant font-bold text-lg" >
{ size . price }
< / span >
< / div >
) ) }
< / div >
) : (
< div className = "pt-4 border-t border-slate-700/50" >
< span className = "text-amber-400 font-cormorant font-bold text-2xl" >
{ item . price }
< / span >
< / div >
) }
< / div >
) ) }
< / div >
< / div >
) ) }
< / div >
{ /* Footer Note */ }
< div className = "max-w-6xl mx-auto mt-16 mb-8 p-6 bg-slate-800/30 border border-slate-700/50 rounded-lg text-center" >
< p className = "text-slate-400 text-sm font-lato" >
Cene so veljalne od < span className = "text-amber-400 font-semibold" > 28.09 . 2025 < / span > dalje . Za
spremembe ali с п е ц и ј а л н е zahteve nas kontaktirajte .
< / p >
< / div >
< / div >
< / div >
< div id = "about" data-section = "about" >
< MediaAbout
title = "O NAS "
description = "TRUST je več kot zgolj lokacija — je izkušnja. V srcu Maribora združujemo sproščeno vzdušje kavarne in energijo nočnega kluba pod eno streho. Vsak prostor je skrbno oblikovan, da ponudi nepozabno doživetje, bodisi da prihajate za jutranjo kavo ali večerni koktajl ."
tag = "Maribor "
imageSrc = "http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10 .jpg"
imageAlt = "TRUST Venue Interior "
title = "O TRUST Menüju "
description = "Vsak napoj in jed na našem menüju je skrbno izbran. Od prvega sončnega žarka za jutranjo kavo do sončnega zahoda s koktajlom — TRUST vam nudi izkušnjo, ki jo ne boste pozabili ."
tag = "Kakovost In Stil "
imageSrc = "https ://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUN9J4Ft001UWYNC95bT5Wn6t8/uploaded-1772644707347-6u9n6v1y .jpg"
imageAlt = "TRUST Venue Menu Experience "
useInvertedBackground = { false }
buttons = { [ { text : "Spoznaj nas " , href : "kavarna " } ] }
buttons = { [ { text : "Rezervacija " , href : "contact " } ] }
buttonAnimation = "slide-up"
/ >
< / div >
< div id = "kavarna" data-section = "kavarna" >
< FeatureCardTen
title = "Kavarna & Bar"
description = "Prijeten prostor za jutranjo kavo, kosilo ali večerni koktajl. Naš zavit prostor je pravi raj za tiste, ki si želijo kvalitete in udobja."
tag = "Dnevni Prostor"
tagIcon = { Coffee }
features = { [
{
id : "1" , title : "Delovni čas" , description : "Ponedeljek– – – – , media : {
imageSrc : "http://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
} ,
items : [
{ icon : Coffee , text : "Jutrannja kava" } ,
{ icon : Wine , text : "Kakovostni koktajli" } ,
{ icon : Users , text : "Sproščeno vzdušje" } ,
] ,
reverse : false ,
} ,
{
id : "2" , title : "Ponudka Storitev" , description : "Ponujamo dine-in, takeaway in dostavo. Optimalno za poslovne srečanje, prijateljske zborove ali mirne popoldneve." , media : {
imageSrc : "http://img.b2bpic.net/free-photo/man-with-apron-offering-packed-takeaway-food-female-customer_23-2149025776.jpg"
} ,
items : [
{ icon : Package , text : "Dine-in" } ,
{ icon : Package , text : "Takeaway" } ,
{ icon : TrendingUp , text : "Dostava" } ,
] ,
reverse : true ,
} ,
] }
buttons = { [ { text : "Rezerviraj Kavarne" , href : "tel:051425676" } ] }
textboxLayout = "default"
animationType = "slide-up"
useInvertedBackground = { false }
/ >
< / div >
< div id = "klub" data-section = "klub" >
< ProductCardTwo
title = "Klub"
description = "Ko noč oživi. TRUST Klub je prostor za nepozabne večere, glasbo in vzdušje, ki te popelje daleč stran."
tag = "Nočni Prostor"
tagIcon = { Music }
products = { [
{
id : "1" , brand : "TRUST" , name : "Klub Atmosfera" , price : "€5– , rating : 5 ,
reviewCount : "127+" , imageSrc : "http://img.b2bpic.net/free-photo/cheerful-persons-doing-dance-moves_482257-78965.jpg" , imageAlt : "TRUST Klub Dance Floor"
} ,
{
id : "2" , brand : "TRUST" , name : "Premium Koktajli" , price : "€8– , rating : 5 ,
reviewCount : "89+" , imageSrc : "http://img.b2bpic.net/free-photo/bibliotheque-cocktail-lounge-bar-counter-relaxation-drink_482257-24605.jpg" , imageAlt : "Premium Cocktails at TRUST Klub"
} ,
{
id : "3" , brand : "TRUST" , name : "Live Events" , price : "Spremenljiva" , rating : 5 ,
reviewCount : "64+" , imageSrc : "http://img.b2bpic.net/free-photo/band-performing-studio_107420-96137.jpg" , imageAlt : "Live Events at TRUST"
} ,
] }
gridVariant = "three-columns-all-equal-width"
animationType = "slide-up"
textboxLayout = "default"
useInvertedBackground = { false }
buttons = { [ { text : "Rezerviraj Klub" , href : "tel:041369379" } ] }
/ >
< / div >
< div id = "contact" data-section = "contact" >
< ContactSplitForm
title = "Kontaktirajte nas"
description = "Rezervirajte svoj prostor ali nas kontaktirajte s kakršnimkoli vprašanjem. Z veseljem vam bomo pomagali in ustvarili nepozabno izkušnjo ."
description = "Želite rezervirati mizo, sporočiti povratne informacije ali imate vprašanja o našem menüju? Pišite nam, osebno vam bomo odgovorili v najkrajšem času ."
inputs = { [
{ name : "name" , type : "text" , placeholder : "Vaše ime" , required : true } ,
{ name : "email" , type : "email" , placeholder : "Vaš e-naslov" , required : true } ,
{ name : "phone" , type : "tel" , placeholder : "Telefonska številka" , required : false } ,
] }
textarea = { { name : "message" , placeholder : "Napišite svoje sporočilo..." , rows : 5 , required : true } }
textarea = { {
name : "message" , placeholder : "Napišite svoje sporočilo..." , rows : 5 ,
required : true ,
} }
useInvertedBackground = { false }
imageSrc = "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828 .jpg"
imageAlt = "TRUST Venue Ambiance "
imageSrc = "https ://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUN9J4Ft001UWYNC95bT5Wn6t8/uploaded-1772644707347-6u9n6v1y .jpg"
imageAlt = "TRUST Venue Contact "
mediaAnimation = "slide-up"
mediaPosition = "right"
buttonText = "Pošlji Sporočilo"
@@ -159,9 +455,9 @@ export default function LandingPage() {
columns = { [
{
items : [
{ label : "Domov " , href : "#hero " } ,
{ label : "Kavarna " , href : "#kavarna " } ,
{ label : "Klub " , href : "#klub " } ,
{ label : "Menü " , href : "menu " } ,
{ label : "O NAS " , href : "about " } ,
{ label : "Kontakt " , href : "contact " } ,
] ,
} ,
{