https://recircle-website.long-dust-e85b.workers.dev/assets/PlasticWastePage-Dp90Mppq.js

1import{b as R,d as I,j as i,m as t}from"./motion-BK75IqRC.js";import{e as r,L as d}from"./router-CrDwUCl5.js";import{aj as z,ai as V,T as P}from"./index-CAz4Ln3Q.js";import{P as T}from"./Skeleton-BpqwpjEI.js";import{g as w,w as g,b as _,B as D,aD as B}from"./icons-DugSO8wO.js";const l={hidden:{opacity:0,y:28},visible:(n=0)=>({opacity:1,y:0,transition:{duration:.55,delay:n*.1,ease:[.22,1,.36,1]}})},c="#00C499",b="#01298A";function x({text:n,center:h,light:p}){return i.jsx("p",{className:`text-caption font-semibold uppercase tracking-[0.15em] mb-4 ${h?"text-center":""}`,style:{color:p?"rgba(255,255,255,0.5)":c},children:n})}function O(){var u,y,v,j;const n=r.useRef(null),{scrollYProgress:h}=R({target:n,offset:["start start","end start"]}),p=I(h,[0,1],["0%","15%"]),[o,N]=r.useState([]),[e,F]=r.useState(null),[C,f]=r.useState(!0);r.useEffect(()=>{Promise.all([z(),V()]).then(([a,s])=>{F(a??null),N((s??[]).filter(S=>S.is_active)),f(!1)}).catch(()=>f(!1))},[]);const m=r.useRef(null),[A,k]=r.useState("30s");if(r.useEffect(()=>{if(!m.current||o.length===0)return;const a=m.current.scrollWidth;k(`${(a/(2*P)).toFixed(1)}s`)},[o]),C||!e)return i.jsx(T,{});const E=[...o,...o,...o,...o];return i.jsxs("main",{className:"pt-[72px] overflow-x-hidden",children:[i.jsxs("section",{ref:n,className:"relative min-h-[82vh] flex items-end overflow-hidden",children:[i.jsxs(t.div,{className:"absolute inset-0",style:{y:p},children:[(e==null?void 0:e.hero_image_url)&&i.jsx("img",{src:e==null?void 0:e.hero_image_url,alt:((u=e==null?void 0:e.hero_image_alt)==null?void 0:u.trim())||"Plastic waste management operations",className:"w-full h-full object-cover"}),i.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(to top, rgba(1,41,138,0.95) 0%, rgba(1,41,138,0.85) 55%, rgba(1,41,138,0.55) 100%)"}})]}),i.jsxs("div",{className:"container-site relative z-10 pb-12 pt-24 sm:pt-40",children:[i.jsx(t.p,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{duration:.45},className:"text-caption font-semibold uppercase tracking-[0.15em] mb-5",style:{color:c,textShadow:"0 1px 8px rgba(0,0,0,0.45)"},children:"Plastic Waste Management"}),i.jsx(t.h1,{initial:{opacity:0,y:32},animate:{opacity:1,y:0},transition:{duration:.65,delay:.1,ease:[.22,1,.36,1]},className:"font-display font-bold text-white leading-tight mb-6",style:{fontSize:"clamp(1.75rem, 4.5vw, 3.6rem)",letterSpacing:"-0.03em",maxWidth:680,textShadow:"0 2px 12px rgba(0,0,0,0.4)"},children:e==null?void 0:e.hero_heading}),i.jsx(t.p,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{duration:.6,delay:.22},className:"text-body-lg leading-relaxed mb-4 max-w-2xl",style:{color:"rgba(255,255,255,0.9)",textShadow:"0 1px 8px rgba(0,0,0,0.4)"},children:e==null?void 0:e.hero_para_1}),i.jsx(t.p,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{duration:.6,delay:.3},className:"text-body-lg leading-relaxed mb-10 max-w-2xl",style:{color:"rgba(255,255,255,0.82)",textShadow:"0 1px 8px rgba(0,0,0,0.4)"},children:e==null?void 0:e.hero_para_2}),i.jsxs(t.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{duration:.5,delay:.42},className:"flex flex-col sm:flex-row gap-3",children:[i.jsxs(d,{to:(e==null?void 0:e.hero_cta_href)||"/contact",className:"inline-flex items-center gap-2 px-7 py-3.5 font-semibold text-sm transition-all duration-300 hover:opacity-90",style:{backgroundColor:c,color:"#0A1F3C"},children:[e==null?void 0:e.hero_cta_label,i.jsx(w,{size:16})]}),i.jsxs("a",{href:(e==null?void 0:e.hero_secondary_href)||"#services",className:"inline-flex items-center gap-2 px-7 py-3.5 font-medium text-sm border text-white transition-all duration-300 hover:bg-white/10",style:{borderColor:"rgba(255,255,255,0.3)"},children:[e==null?void 0:e.hero_secondary_label,i.jsx(g,{size:16})]})]})]})]}),i.jsx("section",{className:"section-padding bg-white",children:i.jsxs("div",{className:"container-site",children:[i.jsxs("div",{className:"flex flex-col lg:flex-row gap-14 items-start mb-14",children:[i.jsxs(t.div,{className:"flex-1 max-w-xl",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,children:[i.jsx(x,{text:"REGULATORY CONTEXT"}),i.jsx("h2",{className:"font-display font-bold leading-tight mb-6",style:{fontSize:"clamp(1.6rem, 2.8vw, 2.2rem)",letterSpacing:"-0.025em",color:"#1A1A1A"},children:e==null?void 0:e.compliance_heading})]}

1),i.jsxs(t.div,{className:"flex-1",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,custom:1,children:[i.jsx("p",{className:"text-body-lg leading-relaxed mb-4",style:{color:"#5F5F5F"},children:e==null?void 0:e.compliance_body}),i.jsx("p",{className:"text-body-lg leading-relaxed",style:{color:"#5F5F5F"},children:e==null?void 0:e.compliance_closing})]})]}),i.jsxs(t.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,custom:2,className:"p-8 mb-2",style:{backgroundColor:"#FEF2F2",border:"1px solid #FECACA"},children:[i.jsx("p",{className:"text-xs font-bold uppercase tracking-[0.15em] mb-6",style:{color:"#DC2626"},children:e==null?void 0:e.consequences_heading}),i.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:((e==null?void 0:e.consequences)??[]).map((a,s)=>i.jsxs(t.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,custom:s+3,className:"flex items-start gap-4 p-5 bg-white",style:{border:"1px solid #FECACA"},children:[i.jsx("div",{className:"w-10 h-10 flex-shrink-0 flex items-center justify-center",style:{backgroundColor:"#FEE2E2",color:"#DC2626"},children:a.icon_url?i.jsx("img",{src:a.icon_url,alt:"",className:"w-5 h-5 object-contain"}):[i.jsx(_,{size:20}),i.jsx(D,{size:20}),i.jsx(B,{size:20})][s]??i.jsx(_,{size:20})}),i.jsx("p",{className:"text-sm leading-relaxed pt-1",style:{color:"#7F1D1D"},children:a.text})]},s))})]})]})}),i.jsx("section",{className:"section-padding",style:{backgroundColor:"#F5F5F5"},children:i.jsxs("div",{className:"container-site",children:[i.jsxs(t.div,{className:"mb-12",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,children:[i.jsx(x,{text:"OUR SERVICES"}),i.jsx("h2",{className:"font-display font-bold leading-tight mb-3",style:{fontSize:"clamp(1.6rem, 2.8vw, 2.2rem)",letterSpacing:"-0.025em",color:"#1A1A1A"},children:e==null?void 0:e.services_heading}),i.jsx("p",{className:"text-body-lg",style:{color:"#5F5F5F"},children:e==null?void 0:e.services_subtext})]}),i.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[i.jsxs(t.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,custom:1,className:"flex flex-col p-6 sm:p-10 bg-white border",style:{borderColor:"#E8E8E8",boxShadow:"0 2px 12px rgba(1,41,138,0.05)"},whileHover:{boxShadow:"0 8px 32px rgba(1,41,138,0.1)",y:-3},transition:{duration:.2},children:[i.jsxs("div",{className:"flex items-start justify-between gap-4 mb-6",children:[i.jsxs("div",{children:[i.jsx("p",{className:"text-sm font-bold mb-2",style:{color:"#1A1A1A"},children:e==null?void 0:e.service_1_title}),i.jsx("div",{className:"inline-flex",children:i.jsx("span",{className:"text-xs font-bold uppercase tracking-widest px-2.5 py-1",style:{backgroundColor:"#FEF2F2",color:"#DC2626",border:"1px solid #FECACA"},children:e==null?void 0:e.service_1_tag})})]}),(e==null?void 0:e.service_1_logo_url)&&i.jsx("div",{className:"flex-shrink-0 w-24 h-16 border flex items-center justify-center p-2",style:{borderColor:"#E8E8E8"},children:i.jsx("img",{src:e.service_1_logo_url,alt:((y=e==null?void 0:e.service_1_logo_alt)==null?void 0:y.trim())||(e==null?void 0:e.service_1_title),className:"max-w-full max-h-full object-contain"})})]}),i.jsx("p",{className:"text-sm leading-relaxed mb-4",style:{color:"#5F5F5F"},children:e==null?void 0:e.service_1_desc_1}),i.jsx("p",{className:"text-sm leading-relaxed mb-auto pb-6",style:{color:"#858585"},children:e==null?void 0:e.service_1_desc_2}),i.jsxs(d,{to:(e==null?void 0:e.service_1_link_href)||"/epr",className:"inline-flex items-center gap-2 font-semibold text-sm transition-all duration-200",style:{color:b},children:[e==null?void 0:e.service_1_link_label,i.jsx(g,{size:15})]})]}),i.jsxs(t.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,custom:2,className:"flex flex-col p-6 sm:p-10 bg-white border",style:{borderColor:"#E8E8E8",boxShadow:"0 2px 12px rgba(1,41,138,0.05)"},whileHover:{boxShadow:"0 8px 32px rgba(0,196,153,0.12)",y:-3},transition:{duration:.2},children:[i.jsxs("div",{className:"flex items-start justify-between gap-4 mb-6",children:[i.jsxs("div",{children:[i.jsx("p",{className:"text-sm font-bold mb-2",style:{color:"#1A1A1A"},children:e==null?void 0:e.service_2_title}),i.jsx("div",{className:"inline-flex",children:i.jsx("span",{className:"text-xs font-bold uppercase tracking-widest px-2.5 py-1",style:{backgroundColor:"#F0FDF4",color:"#16A34A",border:"1px solid #BBF7D0"},children:e==null?void 0:e.service_2_tag})})]}),(e==null?void 0:e.service_2_logo_url)&&i.jsx("div",{className:"flex-shrink-0 w-24 h-16 border flex items-center justify-center p-2",style:{borderColor:"#E8E8E8"},children:i.jsx("img",{src:e.service_2_logo_url,alt:((v=e==null?void 0:e.service_2_logo_alt)==null?void 0:v.trim())||(e==null?void 0:e.service_2_title),className:"max-w-full max-h-full object-contain"})})]}),i.jsx("p",{className:"text-sm leading-relaxed mb-4",style:{color:"#5F5F5F"},children:e==null?void 0:e.service_2_desc_1}),i.jsx("p",{className:"text-sm leading-relaxed mb-auto pb-6",style:{color:"#858585"},children:e==null?void 0:e.service_2_desc_2}),i.jsxs(d,{to:(e==null?void 0:e.service_2_link_href)||"/pnp",className:"inline-flex items-center gap-2 font-semibold text-sm transition-all duration-200",style:{color:c},children:[e==null?void 0:e.service_2_link_label,i.jsx(g,{size:15})]})]})]})]})}),i.jsx("section",{className:"section-padding",style:{backgroundColor:b},children:i.jsxs("div",{className:"container-site",children:[i.jsxs(t.div,{className:"mb-14 text-center",initial:"hidden",

1whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,children:[i.jsx(x,{text:"WHY RECIRCLE",center:!0,light:!0}),i.jsx("h2",{className:"font-display font-bold text-white leading-tight",style:{fontSize:"clamp(1.6rem, 2.8vw, 2.2rem)",letterSpacing:"-0.025em"},children:e==null?void 0:e.why_heading})]}),i.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5",children:((e==null?void 0:e.why_advantages)??[]).map((a,s)=>i.jsxs(t.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,custom:s,className:"p-7 flex flex-col",style:{backgroundColor:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.12)"},whileHover:{backgroundColor:"rgba(255,255,255,0.1)"},transition:{duration:.18},children:[i.jsx("div",{className:"w-12 h-12 flex items-center justify-center font-display font-black text-lg mb-5",style:{backgroundColor:c,color:"#0A1F3C",letterSpacing:"-0.03em"},children:a.num}),i.jsx("h3",{className:"text-sm font-bold text-white mb-3",children:a.title}),i.jsx("p",{className:"text-sm leading-relaxed flex-1",style:{color:"rgba(255,255,255,0.65)"},children:a.body})]},a.num))})]})}),i.jsx("section",{className:"section-padding bg-white",children:i.jsx("div",{className:"container-site",children:i.jsxs("div",{className:"flex flex-col lg:flex-row gap-12 items-center",children:[i.jsxs(t.div,{className:"flex-1 max-w-lg",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:l,children:[i.jsx(x,{text:"INFRASTRUCTURE"}),i.jsx("h2",{className:"font-display font-bold leading-tight mb-5",style:{fontSize:"clamp(1.7rem, 3vw, 2.4rem)",letterSpacing:"-0.025em",color:"#1A1A1A"},children:e==null?void 0:e.infra_heading}),i.jsx("p",{className:"text-body-lg leading-relaxed mb-8",style:{color:"#5F5F5F"},children:e==null?void 0:e.infra_body}),i.jsxs(d,{to:(e==null?void 0:e.infra_link_href)||"/infrastructure/mrf",className:"inline-flex items-center gap-2 px-7 py-3.5 font-semibold text-sm text-white transition-all duration-300 hover:opacity-90",style:{backgroundColor:b},children:[e==null?void 0:e.infra_link_label,i.jsx(w,{size:16})]})]}),i.jsx(t.div,{className:"flex-1 w-full",initial:{opacity:0,x:24},whileInView:{opacity:1,x:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.65,delay:.15},children:i.jsx("div",{className:"overflow-hidden aspect-[16/10]",children:i.jsx("img",{src:(e==null?void 0:e.infra_image_url)||"https://images.pexels.com/photos/802221/pexels-photo-802221.jpeg?auto=compress&cs=tinysrgb&w=1200&q=85",alt:((j=e==null?void 0:e.infra_image_alt)==null?void 0:j.trim())||"Material Recovery Facility",className:"w-full h-full object-cover hover:scale-105 transition-transform duration-700"})})})]})})}),i.jsxs("section",{className:"bg-white section-padding-sm border-t border-charcoal-100",children:[i.jsx("div",{className:"container-site mb-12",children:i.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.55,ease:"easeOut"},className:"flex flex-col sm:flex-row sm:items-end justify-between gap-4",children:[i.jsxs("div",{children:[i.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[i.jsx("div",{className:"w-6 h-px bg-green-primary"}),i.jsx("span",{className:"section-label",children:"Trusted by"})]}),i.jsx("h2",{className:"text-heading-xl sm:text-display-sm font-bold text-charcoal",children:e==null?void 0:e.clients_heading})]}),i.jsx("p",{className:"text-body-lg text-charcoal-400 font-light max-w-xs sm:text-right leading-relaxed",children:e==null?void 0:e.clients_subtext})]})}),i.jsx(t.div,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.6,delay:.3},className:"ticker-container border-t border-charcoal-50 bg-charcoal-50/30",children:i.jsx("div",{className:"ticker-track-slow py-2",style:{animationDuration:A},ref:m,children:E.map((a,s)=>i.jsx("div",{className:"flex-shrink-0 flex items-center justify-center px-8 py-6 min-w-[160px]",children:a.logo_url?i.jsx("img",{src:a.logo_url,alt:a.logo_alt,className:"h-14 object-contain max-w-[195px]"}):i.jsx("span",{className:"text-sm font-semibold whitespace-nowrap",style:{color:"#ABABAB"},children:a.name})},`${a.id}-${s}`))})})]})]})}export{O as default};