https://wokspicy.com/_next/static/chunks/39180.156904d3a26f5fc5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39180],{39180:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>m});var l=a(95155),s=a(12115),r=a(76604),o=a(74284),i=a(66766),n=a(60868),c=a.n(n),u=a(56796),d=a.n(u);let m=e=>{let{gallery:t,customStyle:a}=e,n=(0,s.useRef)(null),u=(0,r.W)(n,{once:!0,margin:"-10%"}),m=[{url:"https://images.unsplash.com/photo-1544025162-d76694265947?auto=format",title:"Harvest",desc:"Sourcing the finest local produce."},{url:"https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format",title:"Preparation",desc:"Precision and passion in every step."},{url:"https://images.unsplash.com/photo-1473093226795-af9932fe5856?auto=format",title:"Plating",desc:"The art of presentation."},{url:"https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format",title:"Taste",desc:"A symphony of flavors in every bite."}].map((e,a)=>{let l=a+1;return{url:(null==t?void 0:t["image_url".concat(l)])||e.url,title:(null==t?void 0:t["gallery_title".concat(l)])||e.title,desc:(null==t?void 0:t["gallery_description".concat(l)])||e.desc}});return(0,l.jsx)("section",{style:a,ref:n,className:"!w-full !py-40 !bg-white !overflow-hidden",children:(0,l.jsxs)("div",{className:"!max-w-7xl !mx-auto !px-6",children:[(0,l.jsxs)(o.P.div,{initial:{opacity:0,y:20},animate:u?{opacity:1,y:0}:{},transition:{duration:1},className:"!text-center !mb-24",children:[(0,l.jsx)("h2",{className:"".concat(d().className," !text-6xl !font-black !uppercase !tracking-tighter !leading-none !mb-4 !whitespace-pre-wrap"),style:{color:"var(--custom-title-color)",fontSize:"var(--custom-title-size)"},children:(null==t?void 0:t.title)||"Elegant\nStoryboard"}),(0,l.jsx)("p",{className:"".concat(c().className," !text-base md:!text-lg !text-[#888] !max-w-2xl !mx-auto !m-0 !whitespace-pre-wrap"),style:{color:"var(--custom-subtitle-color)",fontSize:"var(--custom-subtitle-size)"},children:(null==t?void 0:t.subtitle)||"From harvest to table, a story told in four chapters."})]}),(0,l.jsx)("div",{className:"!flex !flex-col md:!flex-row !gap-12",children:m.map((e,t)=>(0,l.jsxs)(o.P.div,{initial:{opacity:0,scale:.9,y:50},animate:u?{opacity:1,scale:1,y:0}:{},transition:{duration:1.2,delay:.2*t,ease:[.16,1,.3,1]},className:"!flex !flex-col !items-center !text-center group",children:[(0,l.jsxs)("div",{className:"relative !aspect-[4/5] !w-full !mb-8 !overflow-hidden !rounded-sm !shadow-2xl",children:[(0,l.jsx)(i.default,{src:e.url,alt:e.title,fill:!0,className:"!object-cover !transition-transform !duration-1000 group-hover:!scale-110"}),(0,l.jsx)("div",{className:"absolute !inset-0 !bg-black/5"})]}),(0,l.jsx)("h3",{className:"".concat(d().className," !text-2xl !font-bold !mb-2 !whitespace-pre-wrap"),children:e.title}),(0,l.jsx)("p",{className:"".concat(c().className," !text-[#888] !text-sm !whitespace-pre-wrap"),children:e.desc})]},t))})]})})}},56796:e=>{e.exports={style:{fontFamily:"'Playfair Display', 'Playfair Display Fallback'",fontStyle:"normal"},className:"__className_42d662"}},60868:e=>{e.exports={style:{fontFamily:"'Inter', 'Inter Fallback'",fontStyle:"normal"},className:"__className_dce187"}},66766:(e,t,a)=>{"use strict";a.d(t,{default:()=>s.a});var l=a(71469),s=a.n(l)},71469:(e,t,a)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var a in t)Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}(t,{default:function(){return n},getImageProps:function(){return i}});let l=a(88229),s=a(38883),r=a(33063),o=l._(a(51193));function i(e){let{props:t}=(0,s.getImgProps)(e,{defaultLoader:o.default,imgConf:{deviceSizes:[640,750,828,1080],imageSizes:[32,64,128,256],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,a]of Object.entries(t))void 0===a&&delete t[e];return{props:t}}let n=r.Image},76604:(e,t,a)=>{"use strict";a.d(t,{W:()=>o});var l=a(12115),s=a(44438);let r={some:0,all:1};function o(e,{root:t,margin:a,amount:i,once:n=!1,initial:c=!1}={}){let[u,d]=(0,l.useState)(c);return(0,l.useEffect)(()=>{if(!e.current||n&&u)return;let l={root:t&&t.current||void 0,margin:a,amount:i};return function(e,t,{root:a,margin:l,amount:o="some"}={}){let i=(0,s.KJ)(e),n=new WeakMap,c=new IntersectionObserver(e=>

1{e.forEach(e=>{let a=n.get(e.target);if(!!a!==e.isIntersecting)if(e.isIntersecting){let a=t(e.target,e);"function"==typeof a?n.set(e.target,a):c.unobserve(e.target)}else"function"==typeof a&&(a(e),n.delete(e.target))})},{root:a,rootMargin:l,threshold:"number"==typeof o?o:r[o]});return i.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(d(!0),n?void 0:()=>d(!1)),l)},[t,e,a,n,i]),u}}}]);