https://melanitoronto.com/_next/static/chunks/app/(frontend)/page-…?dpl=dpl_7E2623zuGtk7nJXjm26wSTBAmBZA

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6676],{4495:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,95867,23)),Promise.resolve().then(a.t.bind(a,68956,23)),Promise.resolve().then(a.bind(a,94349)),Promise.resolve().then(a.bind(a,45509)),Promise.resolve().then(a.bind(a,17931))},17931:(e,t,a)=>{"use strict";a.d(t,{ExploreSpaces:()=>m});var i=a(68142),n=a(22647),s=a(95867),r=a.n(s),o=a(73630),l=a(2994),c=a(59412);let d=[{name:"Main Dining Room",description:"A lively ground-floor dining room designed for vibrant shared meals, special occasions, and larger dinner groups.",image:"/media/figma/main-dining-hero.jpg"},{name:"Private Dining Room",description:"An intimate space for up to 12 guests, ideal for private dinners, celebrations, and close-knit gatherings.",image:"/media/figma/private-dining-room-hero.jpg"},{name:"Mezzanine",description:"An elevated space for up to 60 guests with a dedicated bar and DJ station, perfect for cocktail receptions and social events.",image:"/media/venue/mezzanine-bar.jpg"}],p=[.22,1,.36,1],x={enter:e=>({x:e>0?"6%":"-6%",opacity:0,scale:1.04}),center:{x:0,opacity:1,scale:1},exit:e=>({x:e>0?"-6%":"6%",opacity:0,scale:1.04})};function m(){let[[e,t],a]=(0,o.useState)([0,0]),s=d[e],m=e=>{a(t=>{let[a]=t;return[(a+e+d.length)%d.length,e]})};return(0,i.jsx)("section",{className:"bg-cream px-6 md:px-24 py-24 overflow-hidden",children:(0,i.jsxs)("div",{className:"max-w-[1360px] mx-auto flex flex-col lg:flex-row gap-16 lg:gap-24",children:[(0,i.jsxs)("div",{className:"flex-[2] relative min-h-[350px] lg:min-h-[559px] overflow-hidden",children:[(0,i.jsx)(l.N,{initial:!1,custom:t,mode:"sync",children:(0,i.jsx)(c.P.div,{custom:t,variants:x,initial:"enter",animate:"center",exit:"exit",transition:{x:{duration:1.1,ease:p},opacity:{duration:.7,ease:p},scale:{duration:1.4,ease:p}},className:"absolute inset-0",children:(0,i.jsx)(c.P.div,{initial:{scale:1},animate:{scale:1.06},transition:{duration:9,ease:"linear",repeat:1/0,repeatType:"reverse"},className:"absolute inset-0",children:(0,i.jsx)(n.default,{src:s.image,alt:s.name,fill:!0,className:"object-cover",sizes:"(max-width: 1024px) 100vw, 65vw",priority:0===e})})},e)}),(0,i.jsx)(c.P.div,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:1,ease:p},className:"absolute inset-0 ring-1 ring-inset ring-dark-teal/5 pointer-events-none"})]}),(0,i.jsxs)("div",{className:"flex-1 flex flex-col gap-10",children:[(0,i.jsx)(c.P.h2,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,ease:p},className:"text-dark-teal text-3xl md:text-4xl",children:"Explore Our Spaces"}),(0,i.jsxs)(c.P.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:.1,ease:p},className:"flex items-center gap-3",children:[d.map((t,n)=>(0,i.jsx)("button",{onClick:()=>{a(e=>{let[t]=e;return[n,n>t?1:n<t?-1:0]})},className:"relative h-px w-10 md:w-14 bg-dark-teal/20 cursor-pointer","aria-label":"Go to ".concat(t.name),children:e===n&&(0,i.jsx)(c.P.span,{layoutId:"explore-spaces-indicator",className:"absolute inset-0 bg-dark-teal",transition:{type:"spring",stiffness:350,damping:30}})},t.name)),(0,i.jsxs)("span",{className:"ml-2 font-sans font-light text-dark-teal/60 text-sm tabular-nums",children:[String(e+1).padStart(2,"0")," / ",String(d.length).padStart(2,"0")]})]}),(0,i.jsxs)(c.P.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:.15,ease:p},className:"flex items-center gap-5",children:[(0,i.jsx)("button",{onClick:()=>m(-1),className:"text-dark-teal hover:text-terracotta transition-colors p-1 cursor-pointer","aria-label":"Previous space",children:(0,i.jsx)("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,i.jsx)("path",{d:"M26 11H2M2 11L12 1M2 11L12 21"})})}),(0,i.jsx)("button",{onClick:()=>m(1),className:"text-dark-teal hover:text-terracotta transition-colors p-1 cursor-pointer","aria-label":"Next space",children:(0,i.jsx)("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,i.jsx)("path",{d:"M2 11H26M26 11L16 1M26 11L16 21"})})})]}),(0,i.jsx)("div",{className:"relative min-h-[140px]",children:(0,i.jsx)(l.N,{mode:"wait",custom:t,children:(0,i.jsxs)(c.P.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:-12},transition:{duration:.55,ease:p},className:"flex flex-col gap-5",children:[(0,i.jsx)(c.P.h3,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.55,delay:.08,ease:p},className:"text-dark-teal text-xl",children:s.name}),(0,i.jsx)(c.P.p,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.55,delay:.16,ease:p},className:"font-sans font-light text-dark-teal text-lg md:text-[21px] leading-normal",children:s.description})]},e)})}),(0,i.jsx)(c.P.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:.25,ease:p},className:"self-start",children:(0,i.jsx)(r(),{href:"https://www.opentable.ca/r/melani-reservations-toronto?restref=1029145&lang=en-CA&ot_source=Restaurant%20website",target:"_blank",rel:"noopener noreferrer",className:"inline-block font-heading text-base text-cream uppercase bg-terracotta px-6 py-2.5 hover:bg-terracotta/90 transition-colors",children:"Make a reservation"})})]})]})})}},45509:(e,t,a)=>{"use strict";a.d(t,{AboutSection:()=>c});var i=a(68142),n=a(73630),s=a(59412),r=a(2994);let o=[{title:"A modern Greek menu built for sharing",body:"Mel\xe1ni is designed around the ritual of passing plates and discovering flavours together, with vibrant mezze, fresh salads, grilled meats, seafood, and plant-forward dishes."},{title:"An elevated, approachable atmosphere",body:"Combining polished design with warmth and energy, Mel\xe1ni feels equally right for a casual dinner, a celebratory night out, or a hosted event."},{title:"A destination cocktail bar on the mezzanine",body:"Our mezzanine level features a lively bar with additional seating ideal for pre-dinner drinks, birthdays, private receptions, and event gatherings."},{title:"A venue designed for group experiences",body:"With a 120-seat ground-floor dining room, a 12-seat private dining room, and a mezzanine with a bar, DJ station, and seating for 60 guests, Mel\xe1ni offers exceptional flexibility for events of different sizes and styles."}],l=[{id:"about",label:"About"},{id:"reasons",label:"Why Guests Come to Mel\xe1ni"}];

1function c(){let[e,t]=(0,n.useState)("about");return(0,i.jsx)("section",{className:"bg-cream px-6 md:px-24 pt-12 pb-24 md:py-24",children:(0,i.jsxs)("div",{className:"max-w-[1360px] mx-auto flex flex-col gap-12",children:[(0,i.jsx)("div",{className:"flex flex-wrap items-center gap-6 md:gap-10 py-6",children:l.map(a=>(0,i.jsxs)("button",{onClick:()=>t(a.id),className:"relative font-heading text-base text-terracotta uppercase pb-1 transition-opacity hover:opacity-80",children:[a.label,e===a.id&&(0,i.jsx)(s.P.span,{layoutId:"about-tab-underline",className:"absolute left-0 right-0 bottom-0 h-px bg-terracotta",transition:{type:"spring",stiffness:400,damping:30}})]},a.id))}),(0,i.jsx)(r.N,{mode:"wait",children:"about"===e?(0,i.jsxs)(s.P.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{duration:.3},className:"font-sans font-light text-dark-teal text-lg md:text-[21px] leading-normal space-y-5",children:[(0,i.jsx)("p",{children:"At Mel\xe1ni, dinner is meant to be shared. Inspired by the coastal flavours and generosity of Greek hospitality, our menu brings together fresh ingredients, bold Mediterranean flavours, and dishes designed to be enjoyed around the table. From classic dips and mezze to grilled seafood, skewers, cocktails, and larger-format plates, every visit is built around conversation, connection, and a lively sense of occasion."}),(0,i.jsx)("p",{children:"Located in Uptown Toronto, Mel\xe1ni is designed to feel social, energetic, and inviting — equally suited to a date night, a family dinner, a celebratory evening with friends, or a private event hosted across several distinct spaces within the venue."})]},"about"):(0,i.jsx)(s.P.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{duration:.3},className:"grid grid-cols-1 md:grid-cols-2 gap-x-[50px] gap-y-[50px]",children:o.map(e=>(0,i.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,i.jsx)("h3",{className:"font-heading text-base md:text-[19px] text-dark-teal uppercase leading-normal",children:e.title}),(0,i.jsx)("p",{className:"font-sans font-light text-dark-teal text-lg md:text-[21px] leading-normal",children:e.body})]},e.title))},"reasons")})]})})}},94349:(e,t,a)=>{"use strict";a.d(t,{CTABanner:()=>p});var i=a(68142),n=a(95867),s=a.n(n),r=a(59776),o=a(59412),l=a(73630);let c=["M757.463 1317.39C728.885 1316.31 721.018 1291.72 717.338 1267.56C715.317 1254.44 711.925 1224.59 713.874 1212.4C715.028 1205.26 730.905 1194.52 737.473 1190.55C828.332 1135.46 930.955 1223.43 927.419 1319.91C922.656 1449.42 775.216 1504.87 671.872 1437.38C575.527 1374.43 585.559 1268.36 584.187 1166.97C582.888 1067.9 588.157 966.15 584.332 867.578C582.455 818.761 575.022 768.862 551.495 725.525L537.206 703.748C538 736.125 544.567 768.213 547.237 800.445C557.197 918.703 546.66 1041.36 550.701 1160.27C547.237 1202.23 546.804 1244.42 538.361 1285.73C531.866 1317.25 520.463 1347.24 506.895 1376.23C502.71 1379.4 493.4 1358.06 492.029 1354.96C447.79 1258.69 455.656 1104.6 454.718 998.887C454.068 923.534 455.367 848.109 454.718 772.684C452.408 770.016 446.852 780.327 446.058 781.625C430.109 808.017 421.593 838.879 417.768 869.381C412.355 1005.02 424.912 1146.2 417.768 1281.19C415.242 1328.71 399.942 1371.04 368.982 1407.24C283.174 1507.68 117.115 1480.79 85.9388 1347.31C63.9997 1253.14 131.044 1164.81 230.275 1174.47C245.214 1175.91 278.483 1192.71 290.03 1208.94V1259.41C288.37 1284.08 280.215 1312.77 252.142 1317.39C250.987 1313.28 254.163 1309.46 254.668 1304.77C257.843 1272.11 222.264 1249.61 195.779 1269.44C155.509 1299.51 182.933 1369.67 232.007 1374.5C292.34 1380.48 331.166 1320.06 333.764 1266.12C339.465 1134.09 325.97 995.426 333.62 864.189C335.135 837.797 342.569 806.502 352.167 781.841C374.323 724.804 418.85 680.818 449.738 628.9C449.738 623.131 413.438 588.447 406.798 582.75C405.355 581.524 395.324 573.088 394.241 574.314C400.159 710.815 310.887 861.521 158.179 848.109C8.35806 834.985 -61.9337 633.731 68.4741 547.057C151.034 492.182 276.318 549.22 249.905 651.109C236.698 702.162 163.52 700.72 159.045 652.335C157.963 640.798 166.19 626.015 150.818 620.319C124.693 610.656 97.3414 639.139 92.0731 663.079C78.289 725.092 138.982 766.915 196.356 757.18C281.442 742.831 327.269 636.904 316.805 558.594C307.423 488.505 261.379 464.997 234.894 406.806C159.189 241.101 272.782 45.976 444.614 6.96545C680.315 -46.611 883.252 219.829 761.072 430.89C744.689 459.157 720.152 476.535 707.234 506.46C662.706 609.647 726.864 770.665 853.952 757.325C903.026 752.205 941.708 696.393 918.109 649.883C910.243 634.38 889.314 616.93 870.984 617.939C844.787 619.309 859.798 648.081 851.931 666.252C832.807 710.238 767.206 688.173 762.515 637.336C750.391 505.739 929.079 486.053 993.597 596.307C1070.82 728.265 944.09 874.284 800.908 844.431C693.667 822.078 684.068 751.051 638.963 668.415C587.146 573.448 515.628 499.682 427.944 437.092C449.089 413.368 466.409 384.741 471.1 352.725C480.41 290.279 445.264 209.59 371.725 214.71C304.103 219.469 286.999 291.865 304.247 347.317C332.609 438.389 430.542 483.89 499.318 540.639C591.26 616.569 659.82 712.834 668.336 835.634C678.078 975.596 661.624 1123.06 669.995 1262.66C672.593 1306 692.656 1349.12 735.235 1365.56C785.897 1385.17 846.302 1347.39 826.817 1290.78C808.703 1238.07 733.07 1266.84 757.535 1317.17L757.463 1317.39ZM625.973 215.07C560.228 218.603 528.979 293.957 537.423 351.355C542.547 386.183 570.836 444.807 601.147 464.132C608.219 468.675 610.457 467.161 616.735 463.051C657.582 436.803 705.935 370.319 710.337 321.286C715.028 268.863 684.718 211.897 625.973 215.07Z","M715.39 1028.24C727.37 1024.49 736.031 1021.46 748.227 1026.51C760.423 1031.56 763.599 1043.02 773.63 1049.8C809.714 1074.1 845.149 1025.14 820.467 992.905C799.178 965.072 746.856 980.358 733.288 940.483C722.463 908.539 749.526 882.868 779.981 880.272C886.285 871.114 955.71 988.074 910.172 1081.02C875.748 1151.33 770.816 1177.79 715.318 1116.5V1028.24H715.39Z","M290.032 1031.84C290.032 1059.68 290.032 1122.27 290.032 1125.01C285.701 1132.22 255.391 1144.91 246.586 1147.07C138.406 1173.97 56.0625 1054.85 103.044 958.149C126.354 910.269 189.213 870.177 242.906 886.185C275.454 895.848 287.361 932.767 260.587 955.986C233.813 979.205 187.986 968.1 182.79 1011C180.119 1032.71 197.079 1056.72 220.173 1056.5C248.607 1056.22 254.886 1009.27 290.032 1031.92V1031.84Z"];function d(e){let{className:t}=e,a=(0,l.useRef)(null),n=(0,r.W)(a,{once:!0,margin:"-50px"}),s=(0,l.useId)(),d="wash-".concat(s),p="turb-".concat(s),x="disp-".concat(s);return(0,i.jsxs)("svg",{ref:a,viewBox:"0 0 1017 1468",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,i.jsxs)("defs",{children:[(0,i.jsxs)("linearGradient",{id:d,x1:"0%",y1:"0%",x2:"100%",y2:"100%",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)(o.P.stop,{offset:"0%",animate:{stopColor:["#BBD4D7","#F7F9E1","#8AC0C6","#5A9BA3","#F7F9E1","#BBD4D7"]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),(0,i.jsx)(o.P.stop,{offset:"33%",animate:{stopColor:["#9ABFC4","#BBD4D7","#F7F9E1","#8AC0C6","#5A9BA3","#9ABFC4"]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),(0,i.jsx)(o.P.stop,{offset:"66%",animate:{stopColor:["#7DADB3","#5A9BA3","#BBD4D7","#F7F9E1","#8AC0C6","#7DADB3"]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),(0,i.jsx)(o.P.stop,{offset:"100%",animate:{stopColor:["#5A9BA3","#7DADB3","#9ABFC4","#F7F9E1","#BBD4D7","#5A9BA3"]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}})]}),(0,i.jsxs)("filter",{id:x,x:"-10%",y:"-10%",width:"120%",height:"120%",children:[(0,i.jsx)("feTurbulence",{id:p,type:"fractalNoise",baseFrequency:"0.012",numOctaves:4,seed:3,result:"noise",children:(0,i.jsx)("animate",{attributeName:"baseFrequency",values:"0.006;0.032;0.006;0.028;0.006",dur:"14s",calcMode:"spline",keySplines:"0.4 0 0.2 1; 0.4 0 0.2 1; 0.4 0 0.2 1;

1 0.4 0 0.2 1",repeatCount:"indefinite"})}),(0,i.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"noise",scale:"3",xChannelSelector:"R",yChannelSelector:"G",children:(0,i.jsx)("animate",{attributeName:"scale",values:"3;18;35;20;5;3",dur:"10s",calcMode:"spline",keySplines:"0.45 0.05 0.55 0.95; 0.45 0.05 0.55 0.95; 0.45 0.05 0.55 0.95; 0.45 0.05 0.55 0.95; 0.45 0.05 0.55 0.95",repeatCount:"indefinite"})})]})]}),(0,i.jsx)(o.P.g,{opacity:"0.45",filter:"url(#".concat(x,")"),initial:{opacity:0},animate:n?{opacity:.45}:{},transition:{duration:2,ease:"easeOut"},children:c.map((e,t)=>(0,i.jsx)("path",{d:e,fill:"url(#".concat(d,")")},t))})]})}function p(e){let{heading:t,description:a,buttons:n,showOctopus:r=!0,buttonStyle:o="cream"}=e;return(0,i.jsxs)("section",{className:"relative bg-teal overflow-hidden",children:[(0,i.jsx)("div",{className:"relative z-10 px-6 md:px-24 py-20 md:py-30",children:(0,i.jsxs)("div",{className:"max-w-[570px]",children:[(0,i.jsx)("h2",{className:"text-cream text-3xl md:text-[42px] md:leading-tight mb-6",children:t}),(0,i.jsx)("p",{className:"font-sans font-light text-cream text-lg md:text-[21px] leading-normal mb-10 max-w-[500px]",children:a}),(0,i.jsx)("div",{className:"flex flex-row gap-4 sm:gap-10",children:n.map(e=>(0,i.jsx)(s(),{href:e.href,...e.external?{target:"_blank",rel:"noopener noreferrer"}:{},className:"font-heading text-base uppercase px-6 py-2.5 transition-colors text-center ".concat("terracotta"===o?"text-cream bg-terracotta hover:bg-terracotta/90":"text-teal bg-cream hover:bg-cream/90"),children:e.label},e.href))})]})}),r&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"absolute right-[10px] top-1/2 -translate-y-1/2 w-[180px] h-[260px] pointer-events-none lg:hidden",children:(0,i.jsx)(d,{className:"w-full h-full"})}),(0,i.jsx)("div",{className:"absolute left-[72%] -top-60 w-[1468px] h-[1017px] pointer-events-none hidden lg:block",children:(0,i.jsx)("div",{className:"rotate-90 h-[1468px] w-[1017px]",children:(0,i.jsx)("img",{src:"/media/figma/cta-octopus.svg",alt:"",className:"w-full h-full"})})})]})]})}}},e=>{e.O(0,[5867,8956,9412,3019,6723,1986,7358],()=>e(e.s=4495)),_N_E=e.O()}]);