https://www.foodpowerteam.com/assets/Home-DGIu-72b.js

1import{j as e,A as y,m as l}from"./vendor-motion-B4PFTeF3.js";import{r as h,R as N,L as i}from"./vendor-react-BJpm5IaU.js";import{O as k}from"./index-FA2nt5wt.js";import{F as z,A,c as $,d as p,e as C,f as n,g as S,U as D}from"./vendor-icons-Dpc4Xux7.js";import"./vendor-supabase-CQhNEkDT.js";const L=({activities:o,memberActivities:c})=>{const[d,r]=h.useState(0),x=new Date,g=(t,a=1200)=>t?t.includes("unsplash.com")?`${t.split("?")[0]}?w=${a}&q=80&auto=format&fit=crop`:t:"",b=t=>new Date(`${t.date.replace(/-/g,"/")} ${t.time}`)>x,s=N.useMemo(()=>[...o.map(t=>({...t,isMemberActivity:!1})),...c.map(t=>({...t,isMemberActivity:!0}))].filter(b).sort((t,a)=>{const m=new Date(`${t.date.replace(/-/g,"/")} ${t.time}`).getTime(),v=new Date(`${a.date.replace(/-/g,"/")} ${a.time}`).getTime();return m-v}).slice(0,5),[o,c,x]);h.useEffect(()=>{if(s.length<=1)return;const t=setInterval(()=>{r(a=>(a+1)%s.length)},5e3);return()=>clearInterval(t)},[s.length]);const u=()=>r(t=>(t+1)%s.length),f=()=>r(t=>(t-1+s.length)%s.length),w=t=>{switch(t){case"講座論壇":return"bg-orange-600";case"企業參訪":return"bg-blue-600";case"專業課程":return"bg-green-600";case"交流餐敘":return"bg-pink-700";case"專案活動":return"bg-purple-600";default:return"bg-gray-800"}},j={"@context":"https://schema.org","@type":["Organization","NGO"],name:"食在力量美食產業交流協會",alternateName:"食在力量",url:"https://www.foodpowerteam.com/",logo:"https://www.foodpowerteam.com/logo.svg",description:"食在力量美食產業交流協會為內政部立案之全國性人民團體，連結餐飲與美食產業經營者，提供產業交流、講座論壇、企業參訪、國際拓展與會員服務。",foundingDate:"2024-02-25",taxID:"00509918",identifier:"台內團字第1130022533號",address:{"@type":"PostalAddress",streetAddress:"羅斯福路三段126號3樓",addressLocality:"台北市",addressCountry:"TW"},founder:{"@type":"Person",name:"許淳凱",jobTitle:"理事長"},areaServed:"TW",knowsAbout:["餐飲產業","美食產業","餐飲品牌","食品供應鏈","產業交流"],sameAs:k};return e.jsxs("div",{className:"pb-20 bg-white",children:[e.jsx("script",{type:"application/ld+json",children:JSON.stringify(j)}),e.jsx(i,{to:"/festival",className:"relative block bg-gradient-to-r from-red-600 via-orange-500 to-amber-500 text-white overflow-hidden group hover:brightness-110 transition-all",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2.5 min-w-0",children:[e.jsx(z,{size:20,className:"animate-pulse flex-shrink-0 text-yellow-200"}),e.jsxs("div",{className:"text-sm sm:text-base font-bold truncate",children:[e.jsx("span",{className:"text-yellow-200",children:"招商中"}),"・燒肉祭 × 火鍋祭",e.jsx("span",{className:"hidden md:inline text-white/90 font-medium ml-2",children:"— 餐廳業者整合行銷祭典"})]})]}),e.jsxs("span",{className:"text-xs sm:text-sm font-bold flex items-center gap-1 flex-shrink-0 opacity-90 group-hover:opacity-100 group-hover:gap-2 transition-all",children:["了解詳情 ",e.jsx(A,{size:14})]})]})}),s.length>0?e.jsxs("div",{className:"relative w-full h-[85vh] overflow-hidden bg-black",children:[e.jsx(y,{mode:"wait",children:s.map((t,a)=>a===d&&e.jsxs(l.div,{initial:{opacity:0,scale:1.1},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:1.2,ease:[.22,1,.36,1]},className:"absolute inset-0 z-10",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black via-black/70 to-black/30 z-20"}),e.jsx("img",{src:g(t.picture,1920),alt:t.title,className:"w-full h-full object-cover opacity-80",loading:"eager",referrerPolicy:"no-referrer"}),e.jsxs("div",{className:"absolute inset-0 z-30 flex flex-col justify-end pb-24 px-6 md:px-12 lg:px-24 max-w-7xl mx-auto",children:[e.jsxs(l.div,{initial:{y:40,opacity:0},animate:{y:0,opacity:1},transition:{delay:.3,duration:.8},className:"flex flex-wrap items-center gap-3 mb-8",children:[e.jsx("span",{className:`${w(t.type)} text-white px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-widest`,children:t.type}),t.isMemberActivity&&e.jsxs("span",{className:"bg-red-600 text-white px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-widest flex items-center gap-2",children:[e.jsx($,{size:14}),"會員專屬"]})]}),e.jsx(l.h2,{initial:{y:40,opacity:0}

1,animate:{y:0,opacity:1},transition:{delay:.4,duration:.8},className:"text-5xl md:text-7xl lg:text-8xl font-black text-white mb-8 leading-[0.9] tracking-tighter uppercase max-w-5xl",children:t.title}),e.jsxs(l.div,{initial:{y:40,opacity:0},animate:{y:0,opacity:1},transition:{delay:.5,duration:.8},className:"flex flex-wrap items-center gap-8 text-gray-300 mb-12",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(p,{size:24,className:"text-red-500"}),e.jsx("span",{className:"text-lg font-medium tracking-tight",children:t.date})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(C,{size:24,className:"text-red-500"}),e.jsx("span",{className:"text-lg font-medium tracking-tight",children:t.location})]})]}),e.jsx(l.div,{initial:{y:40,opacity:0},animate:{y:0,opacity:1},transition:{delay:.6,duration:.8},children:e.jsxs(i,{to:t.isMemberActivity?`/member-activity/${t.id}`:`/activity/${t.id}`,className:"inline-flex items-center gap-4 bg-white text-black hover:bg-red-700 hover:text-white px-10 py-5 rounded-full font-black text-lg transition-all shadow-2xl hover:-translate-y-1 active:translate-y-0",children:["探索詳情",e.jsx(n,{size:24})]})})]})]},`${t.isMemberActivity?"m":"g"}-${t.id}`))}),s.length>1&&e.jsxs("div",{className:"absolute bottom-12 right-12 z-40 flex items-center gap-6",children:[e.jsx("div",{className:"flex gap-3",children:s.map((t,a)=>e.jsx("button",{onClick:()=>r(a),className:`h-1 transition-all duration-500 ${a===d?"w-12 bg-red-600":"w-6 bg-white/30 hover:bg-white/60"}`,"aria-label":`切換至第 ${a+1} 個活動`},a))}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:f,className:"p-3 border border-white/20 hover:bg-white hover:text-black text-white rounded-full backdrop-blur-sm transition-all","aria-label":"上一個活動",children:e.jsx(S,{size:24})}),e.jsx("button",{onClick:u,className:"p-3 border border-white/20 hover:bg-white hover:text-black text-white rounded-full backdrop-blur-sm transition-all","aria-label":"下一個活動",children:e.jsx(n,{size:24})})]})]})]}):e.jsxs("section",{className:"relative h-[70vh] flex items-center bg-black overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-40",children:e.jsx("img",{src:"https://images.unsplash.com/photo-1528605248644-14dd04022da1?q=80&w=1920&auto=format&fit=crop",className:"w-full h-full object-cover",alt:"Background"})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-black via-black/60 to-transparent"}),e.jsxs("div",{className:"relative z-10 max-w-7xl mx-auto px-6 md:px-12 lg:px-24 w-full",children:[e.jsxs("h1",{className:"text-6xl md:text-8xl lg:text-9xl font-black text-white mb-8 leading-[0.85] tracking-tighter uppercase",children:["連結產業",e.jsx("br",{}),"創造共好"]}),e.jsx("p",{className:"text-xl md:text-2xl text-gray-300 max-w-2xl leading-relaxed mb-12 font-medium",children:"食在力量致力於餐飲業與食品產業的交流與成長，匯聚各產業菁英，提供講座論壇、企業參訪與專業課程。"}),e.jsxs(i,{to:"/activities",className:"inline-flex items-center gap-4 bg-red-700 text-white hover:bg-white hover:text-black px-10 py-5 rounded-full font-black text-lg transition-all shadow-2xl",children:["探索活動",e.jsx(n,{size:24})]})]})]}),e.jsx("div",{className:"max-w-7xl mx-auto px-6 md:px-12 lg:px-24 mt-12 relative z-40",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs(l.div,{whileHover:{y:-10},className:"bg-white rounded-[40px] p-10 md:p-16 shadow-2xl shadow-black/5 border border-gray-100 group transition-all",children:[e.jsx("div",{className:"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center text-red-600 mb-8 group-hover:bg-red-600 group-hover:text-white transition-all",children:e.jsx(p,{size:32})}),e.jsx("h2",{className:"text-4xl font-black text-gray-900 mb-6 tracking-tight uppercase",children:"探索協會活動"}),e.jsx("p",{className:"text-gray-500 text-lg leading-relaxed mb-10",children:"我們定期舉辦講座論壇、企業參訪與專業課程，歡迎報名參加，與我們一起成長。"}),e.jsxs(i,{to:"/activities",className:"inline-flex items-center gap-3 text-red-700 font-black text-xl hover:gap-5 transition-all",children:["查看所有活動",e.jsx(n,{size:28})]})]}),e.jsxs(l.div,{whileHover:{y:-10},className:"bg-gray-900 rounded-[40px] p-10 md:p-16 shadow-2xl shadow-black/20 relative overflow-hidden group transition-all",children:[e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"w-16 h-16 bg-white/10 rounded-2xl flex items-center justify-center text-white mb-8 group-hover:bg-red-600 transition-all",children:e.jsx(D,{size:32})}),e.jsx("h2",{className:"text-4xl font-black text-white mb-6 tracking-tight uppercase",children:"加入食在力量"}),e.jsx("p",{className:"text-gray-400 text-lg leading-relaxed mb-10",children:"立即註冊成為會員，享有專屬活動優惠、產業媒合機會，並與頂尖業者交流共學。"}),e.jsxs("div",{className:"flex flex-wrap gap-6",children:[e.jsx(i,{to:"/join",className:"bg-red-600 hover:bg-white hover:text-black text-white px-8 py-4 rounded-2xl font-black text-lg transition-all shadow-xl shadow-red-900/20",children:"立即加入"}),e.jsx(i,{to:"/renew",className:"bg-white/10 hover:bg-white/20 text-white px-8 py-4 rounded-2xl font-black text-lg border border-white/10 transition-all",children:"會員續約"})]})]}),e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-red-600 rounded-full blur-[120px] opacity-20 -translate-y-1/2 translate-x-1/2"})]})]})})]})};export{L as default};