https://panafricafootball.com/_astro/AnalysisPage.D5OB1vkc.js

1import{j as e}from"./_...slug_.astro_astro_type_script_index_0_lang.Zsidxqxa.js";import{r as t}from"./client.NJGSa_ei.js";import{H as o,r as c,N as x,F as m}from"./Footer.1QYCSJZ9.js";import{B as h}from"./Breadcrumbs.BOnR7qF5.js";import{l as p}from"./authors.50tBpFSM.js";const u=["All","Tactical Analysis","Transfer Analysis","Match Preview","Match Review","Opinion","Data Analysis"];function y(){const[r,a]=t.useState("All"),[d,i]=t.useState([]);return t.useEffect(()=>{let s=!1;return p().then(n=>{s||i(n)}).catch(()=>{}),()=>{s=!0}},[]),e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(o,{}),e.jsx(h,{items:[{label:"Analysis",href:"/analysis"}]}),e.jsxs("section",{className:"container pt-12 pb-6",children:[e.jsx("h1",{className:"font-heading font-extrabold leading-tight text-[clamp(1.8rem,3.5vw,2.4rem)]",children:"Analysis & Opinion"}),e.jsx("p",{className:"text-[15px] text-muted-foreground mt-2 max-w-[640px]",children:"In-depth tactical breakdowns, transfer analysis, and expert commentary on African football"})]}),e.jsx("div",{className:"sticky top-[58px] z-[50] bg-white border-b border-rule",children:e.jsx("div",{className:"container py-3.5",children:e.jsx("div",{className:"flex gap-1.5 flex-wrap",children:u.map(s=>e.jsx("button",{onClick:()=>a(s),className:`px-4 py-1.5 border text-[13px] font-medium cursor-pointer transition-all font-paragraph ${r===s?"bg-foreground text-white border-foreground":"bg-white text-muted border-rule hover:border-muted-foreground hover:text-foreground"}`,children:s},s))})})}),e.jsx("section",{className:"container pt-8",children:e.jsx("div",{className:"min-h-[250px] flex items-center justify-center border border-dashed border-[#ddd] bg-secondary",children:e.jsx("span",{className:"text-xs text-[#ccc]",children:"Featured analysis will load from CMS"})})}),e.jsxs("section",{className:"container grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-10 py-10 pb-16",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("h2",{className:"font-heading text-xl font-bold flex items-center gap-3 mb-6",children:[e.jsx("span",{className:"w-1 h-[22px] bg-paf-green shrink-0"}),"Latest Analysis"]}),[1,2,3,4,5].map(s=>e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[180px_1fr] gap-5 items-center py-4.5 border-b border-rule",children:[e.jsx("div",{className:"w-full md:w-[180px] h-[110px] bg-secondary border border-dashed border-[#ddd] flex items-center justify-center",children:e.jsx("span",{className:"text-xs text-[#ccc]",children:"Image"})}),e.jsxs("div",{children:[e.jsx("div",{className:"h-3.5 w-[85%] bg-rule rounded"}),e.jsx("div",{className:"h-2.5 w-[65%] bg-rule rounded mt-2"}),e.jsx("div",{className:"h-2.5 w-[45%] bg-rule rounded mt-1.5"})]})]},s))]}),e.jsxs("aside",{className:"flex flex-col gap-5",children:[e.jsx(l,{title:"Popular Analysis",children:[1,2,3,4,5].map(s=>e.jsxs("div",{className:"py-2.5 border-b border-rule",children:[e.jsx("div",{className:"h-3 w-[90%] bg-rule rounded"}),e.jsx("div",{className:"h-2.5 w-3/5 bg-rule rounded mt-1.5"})]},s))}),e.jsxs(l,{title:"Meet the Analysts",children:[d.length===0&&e.jsx("div",{className:"empty-panel",children:"Writer profiles will appear here"}),d.slice(0,5).map(s=>e.jsxs("div",{className:"flex items-center gap-3 py-2.5 border-b border-rule",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-secondary overflow-hidden shrink-0",children:s.photo&&e.jsx("img",{src:c(s.photo,{w:40,h:40,fit:"cover"}),alt:s.name,loading:"lazy",className:"w-full h-full object-cover"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-heading text-sm font-bold leading-tight",children:s.name}),s.role&&e.jsx("div",{className:"text-xs text-muted-foreground",children:s.role})]})]},s._id))]}),e.jsx(l,{title:"Newsletter",children:e.jsx(x,{source:"analysis-sidebar",description:"Weekly analysis and expert opinion delivered to your inbox."})})]})]}),e.jsx(m,{})]})}function l({title:r,children:a}){return e.jsxs("div",{className:"border border-rule p-5",children:[e.jsx("h3",{className:"font-heading text-[11px] font-bold tracking-[0.14em] uppercase text-muted-foreground pb-2.5 border-b-2 border-rule mb-3",children:r}),a]})}export{y as default};