https://investsaudi.sa/assets/SGI-DA3gB2dK.js

1import{j as e,a as n,u as x}from"./vendor-query-BSf8TDKV.js";import{B as d}from"./Button-rH4Xalt-.js";import{a as c}from"./index-zoEdqwPu.js";import{S as p}from"./SaudiMap-BCJSvCYV.js";import{S as m,N as g,a as u}from"./vendor-swiper-CknNbR3A.js";import{H as h,a as b,b as j}from"./index-8Tjumovy.js";import"./vendor-react-dom-BSzyV-qL.js";import"./vendor-router-C1SVZCuS.js";function f({data:t}){return e.jsxs("section",{id:t.sectionId,className:"relative flex items-end overflow-hidden min-h-[600px] sm:min-h-[700px] md:min-h-[800px]",children:[e.jsxs("div",{className:"absolute inset-0 z-0",children:[e.jsx("img",{src:t.backgroundImage,alt:"",className:"w-full h-full object-cover","aria-hidden":"true"}),e.jsx("div",{className:"absolute inset-0",style:{background:t.linearGradient}})]}),e.jsx("div",{className:"relative z-10 w-full py-[60px] px-[40px] sm:py-[80px] sm:px-[60px] md:py-[120px] md:px-[150px]",children:e.jsxs("div",{className:"space-y-4 sm:space-y-5 md:space-y-6 lg:space-y-[40px]",children:[e.jsxs("div",{className:"space-y-4 lg:space-y-[16px]",children:[e.jsxs("h1",{className:"text-white bukra-bold leading-tight text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-[51px]",children:[e.jsx("span",{children:t.titleLine1}),e.jsx("br",{}),e.jsx("span",{children:t.titleLine2})]}),e.jsx("p",{className:"text-white bukra-regular leading-relaxed text-sm sm:text-base md:text-lg lg:text-xl xl:text-[22px]",children:t.description})]}),e.jsxs(d,{onClick:()=>{t.exploreSgiLink&&t.exploreSgiLink!=="#"&&(window.location.href=t.exploreSgiLink)},variant:"primary",className:"hover:bg-opacity-90 bukra-medium  text-sm sm:text-base md:text-[18px] px-[30px] py-[17.43px] gap-[8.71px]",children:[e.jsx("span",{children:"Explore SGI"}),e.jsx(c,{className:"size-4 sm:size-5 lg:w-[24px] lg:h-[24px] shrink-0 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform"})]})]})})]})}function v({data:t}){return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden",style:{backgroundColor:"#003A39"},children:[e.jsx("div",{className:"absolute top-0 right-0 w-full h-full pointer-events-none z-0 opacity-20",children:e.jsx("img",{src:t.backgroundImage,alt:"",className:"w-full h-full object-cover object-top-right","aria-hidden":"true"})}),e.jsx("div",{className:"relative z-10 py-[40px] px-[40px] md:py-[64px] md:px-[150px]",children:e.jsxs("div",{className:"space-y-4 sm:space-y-5 md:space-y-6 lg:space-y-[12px]",children:[e.jsx("h2",{className:"text-white bukra-bold leading-tight text-xl sm:text-2xl md:text-3xl lg:text-[46px]",children:t.title}),e.jsx("h3",{className:"text-white bukra-medium leading-tight text-lg sm:text-xl md:text-2xl lg:text-[24px]",children:t.subtitle}),e.jsx("p",{className:"text-white/80 bukra-regular leading-relaxed text-sm sm:text-base md:text-lg lg:text-[24px] line-height-[36px]",children:t.description})]})})]})}function k({title:t,description:s,backgroundGradient:a,ellipseColor:i,leftImage:l,leftIcon:r}){return e.jsxs("div",{className:"w-full h-full border border-white/20 rounded-[30px] relative overflow-hidden",style:{background:a},children:[e.jsx("div",{className:"absolute pointer-events-none z-0",style:{width:"700.746px",height:"350.79px",transform:"rotate(-19.749deg)",right:"-256.165px",bottom:"-237.353px",borderRadius:"697.746px",opacity:.6,background:i,filter:"blur(76.61925506591797px)"}}),e.jsxs("div",{className:"flex h-full flex-col md:flex-row",children:[e.jsxs("div",{className:"relative overflow-hidden flex items-center justify-center w-full md:w-36 h-full py-[10px] md:py-0",children:[e.jsx("div",{className:"absolute w-full md:w-36 h-full inset-0 z-0 opacity-20",style:{backgroundImage:`url(${l})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"top left"}}),e.jsx("div",{className:"w-12 h-12 md:w-[70px] md:h-[70px] flex items-center justify-center relative z-10",children:e.jsx("img",{src:r,alt:"",className:"w-full h-full object-contain","aria-hidden":"true"})})]}),e.jsxs("div",{className:"flex flex-col justify-center flex-1 p-[20px] md:p-[40px] relative z-10 space-y-[20px]",children:[e.jsx("h3",{className:"text-md md:text-lg lg:text-[28px] bukra-bold text-white mb-4",children:t}),e.jsx("p",{className:"text-[#F5F5F5] text-base md:text-md lg-text-[18px] bukra-regular leading-relaxed line-height-[28.8px]",children:s})]})]})]})}function N({data:t}){return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden",style:{background:t.linearGradient},children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none z-0",children:e.jsx("img",{src:t.backgroundImage,alt:"",className:"h-full w-auto object-contain opacity-20","aria-hidden":"true"})}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 pointer-events-none z-0",children:e.jsx("img",{src:t.bottomImage,alt:"",className:"w-full h-auto object-contain object-bottom max-h-[200px] sm:max-h-[250px] md:max-h-[300px]","aria-hidden":"true"})}),e.jsxs("div",{className:"relative z-10 pt-[60px] pb-[60px] px-[40px] sm:pt-[80px] sm:pb-[70px] sm:px-[60px] md:pt-[96px] md:pb-[80px] md:px-[150px]",children:[e.jsx("h2",{className:"text-white bukra-bold leading-tight text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-[46px] mb-8 md:mb-12",children:t.title}),e.jsx("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 md:gap-7 lg:gap-[30px] space-y-[30px]",children:t.cards.map(s=>

1e.jsx(k,{title:s.title,description:s.description,backgroundGradient:s.backgroundGradient,ellipseColor:s.ellipseColor,leftImage:s.leftImage,leftIcon:s.leftIcon},s.id))})]})]})}function y({title:t,backgroundImage:s}){return e.jsxs("div",{className:"relative w-full min-h-[300px] sm:min-h-[350px] md:min-h-[400px] lg:min-h-[450px] rounded-[30px] overflow-hidden flex flex-col",children:[e.jsxs("div",{className:"absolute inset-0 z-0",children:[e.jsx("img",{src:s,alt:"",className:"w-full h-full object-cover","aria-hidden":"true"}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%)"}})]}),e.jsxs("div",{className:"relative z-10 flex flex-col justify-end flex-1 p-[30px] sm:p-[35px] md:p-[47.01px]",children:[e.jsxs("div",{className:"flex flex-col-reverse sm:flex-col-reverse md:flex-row md:items-center md:justify-between gap-3 sm:gap-4 md:gap-4 mb-[23.5px]",children:[e.jsx("h3",{className:"text-white bukra-bold leading-tight text-sm sm:text-base md:text-md lg:text-[22px]",children:t}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("img",{src:"/sgi/clear-goals/card-icon.svg",alt:"",className:"w-10 h-10 sm:w-12 sm:h-12 md:w-14 md:h-14 lg:w-[56.408px] lg:h-[56.408px]","aria-hidden":"true"})})]}),e.jsx("div",{className:"w-full",style:{height:"1.88px",background:"#48B291"}})]})]})}function w({data:t}){return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0 z-0",children:[e.jsx("img",{src:t.backgroundImage,alt:"",className:"w-full h-full object-cover","aria-hidden":"true"}),e.jsx("div",{className:"absolute inset-0",style:{background:t.linearGradient}})]}),e.jsxs("div",{className:"relative z-10 pt-[60px] pb-[60px] px-[40px] sm:pt-[80px] sm:pb-[70px] sm:px-[60px] md:pt-[96px] md:pb-[80px] md:px-[150px] space-y-4 sm:space-y-5 md:space-y-6 lg:space-y-[43.12px]",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-white bukra-bold leading-tight text-lg sm:text-xl md:text-2xl lg:text-[35.688px]",children:t.title}),e.jsxs("p",{className:"text-white bukra-regular leading-relaxed text-sm sm:text-base md:text-md lg:text-[18px]",children:[e.jsx("span",{children:t.descriptionLine1}),e.jsx("br",{}),e.jsx("span",{children:t.descriptionLine2})]})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-5 md:gap-6 lg:gap-[40px]",children:t.cards.map(s=>e.jsx(y,{title:s.title,backgroundImage:s.backgroundImage},s.id))})]})]})}function I({timeline:t}){return e.jsxs("div",{className:"w-full pt-[40px] lg:pt-[80px] pb-[40px]",children:[e.jsx("h3",{className:"bukra-medium text-lg sm:text-xl md:text-2xl lg:text-[39px] mb-[40px] lg:mb-[60px]",style:{color:"#404040"},children:"Saudi's climate initiatives history"}),e.jsx("div",{className:"overflow-x-auto overflow-y-hidden scrollbar-hide",children:e.jsx("div",{className:"grid grid-cols-3 w-full min-w-[600px] md:min-w-full",children:t.map((s,a)=>{const i=a===0,l=a===1;return e.jsxs("div",{className:"flex flex-col relative group",children:[e.jsxs("div",{className:"relative flex items-end pb-4 pl-[40px] rtl:pl-0 rtl:pr-[40px]",children:[e.jsx("span",{className:"text-sm md:text-md lg:text-[60px] bukra-regular leading-none",children:s.year}),s.icon&&e.jsx("div",{className:"absolute bottom-0 right-[12%] rtl:right-auto rtl:left-[12%]",children:e.jsx("img",{src:s.icon,alt:s.title,className:"w-auto h-[40px] md:h-[50px] object-contain translate-y-[2px]"})})]}),e.jsxs("div",{className:"h-[2px] w-full relative my-4 md:my-0",style:{backgroundColor:"var(--foundation-green)"},children:[i&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute left-0 rtl:left-auto rtl:right-0 top-1/2 -translate-y-1/2 w-[10px] h-[10px] rounded-full",style:{backgroundColor:"var(--foundation-green)"}}),e.jsx("div",{className:"absolute right-[40px] rtl:right-auto rtl:left-[40px] top-1/2 -translate-y-1/2 w-[10px] h-[10px] rounded-full",style:{backgroundColor:"var(--foundation-green)"}})]}),l&&e.jsx("div",{className:"absolute right-[40px] rtl:right-auto rtl:left-[40px] top-1/2 -translate-y-1/2 w-[10px] h-[10px] rounded-full",style:{backgroundColor:"var(--foundation-green)"}})]}),e.jsxs("div",{className:"pt-6 px-[40px]",children:[e.jsx("p",{className:"bukra-bold text-sm md:text-md lg:text-[24px] mb-2",style:{color:"#262626"},children:s.title}),e.jsxs("div",{className:"flex flex-col text-base text-gray-600 bukra-regular text-sm md:text-md lg:text-[24px]",children:[e.jsx("span",{children:s.descriptionline1}),e.jsx("span",{children:s.descriptionline2})]})]})]},s.id)})})})]})}function C({data:t}){return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden",style:{background:t.linearGradient},children:[e.jsx("div",{className:"absolute top-0 right-0 w-[400px] sm:w-[500px] md:w-[600px] lg:w-[651px] h-[400px] sm:h-[500px] md:h-[580px] lg:h-[589px] pointer-events-none z-0",style:{backgroundColor:"var(--foundation-green)",WebkitMaskImage:"url('/investor-services/flowers.svg')",maskImage:"url('/investor-services/flowers.svg')",WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",WebkitMaskPosition:"top right",maskPosition:"top right",WebkitMaskSize:"contain",maskSize:"contain",opacity:.2}}),e.jsxs("div",{className:"relative z-10 py-[40px] px-[40px] md:py-[64px] md:px-[150px]",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-8 gap-6 md:gap-8",children:[e.jsxs("div",{className:"md:col-span-5 flex flex-col space-y-2 md:space-y-3 lg:space-y-4",children:[e.jsx("p",{className:"bukra-bold text-sm sm:text-base md:text-lg lg:text-[18px]",style:{color:"var(--foundation-green)"},children:t.sgiInitiative}),e.jsxs("h2",{className:"bukra-bold leading-tight text-lg sm:text-3xl md:text-2xl lg:text-[46px]",children:[t.titleLine1,e.jsx("br",{}),t.titleLine2]}),e.jsxs("p",{className:"bukra-regular leading-relaxed text-sm sm:text-base md:text-lg lg:text-[22px]",children:[t.descriptionLine1,e.jsx("br",{}),t.descriptionLine2]}),e.jsx("div",{className:"pt-[44px]",children:e.jsx(d,{onClick:()=>{t.knowMoreLink&&t.knowMoreLink.link!=="#"&&(window.location.href=t.knowMoreLink.link)},variant:"primary",className:"hover:bg-opacity-90 bukra-medium text-sm sm:text-base md:text-[16

1px]",children:t.knowMoreLink.title})})]}),e.jsx("div",{className:"lg:col-span-3 relative rounded-[30px] overflow-hidden aspect-4/3 lg:aspect-auto",style:{backgroundImage:`url(${t.rightSideImage})`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"100% 100%"},children:e.jsx("div",{className:"absolute inset-0 bg-black/10"})})]}),e.jsx("div",{children:e.jsx(I,{timeline:t.timeline})})]})]})}const o=["#48B291","#2EB1D1","#006D88","#4D9B9D"];function z({data:t}){const[,s]=n.useState("riyadh"),a=i=>{s(i)};return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden py-[96px] px-[20px] md:px-[60px] lg:px-[150px]",children:[e.jsx("div",{className:"absolute inset-0 z-0",children:e.jsx("video",{src:"/opportunities/Ghaym.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:"relative z-10 w-full h-full",children:[e.jsx("h2",{className:"bukra-bold text-2xl md:text-3xl lg:text-[46px] text-white mb-8 leading-tight",children:t.title}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-20 h-full items-center",children:[e.jsxs("div",{className:"flex flex-col h-full justify-center",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-y-4 gap-x-8 mb-12",children:t.tags.map((i,l)=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"w-5 h-5 rounded-full flex-shrink-0",style:{backgroundColor:i.circleColor||o[l%o.length]}}),e.jsx("span",{className:"text-white text-xs md:text-sm uppercase tracking-wider bukra-medium text-uppercase",children:i.title})]},i.id))}),e.jsxs("div",{className:"relative flex flex-col gap-45",children:[e.jsx("div",{className:"absolute left-[9px] rtl:left-auto rtl:right-[9px] top-[20px] bottom-[20px] w-[2px] -translate-x-1/2 rtl:translate-x-1/2",style:{backgroundColor:"#93BBBC"}}),t.topCard?e.jsxs("div",{className:"flex items-start gap-6 relative",children:[e.jsx("div",{className:"w-[18px] h-[130px] flex-shrink-0 z-10",style:{backgroundColor:"#93BBBC"}}),e.jsxs("div",{className:"w-[300px] md:w-[300px] rounded-xl p-[20px]",style:{backgroundColor:"rgba(0, 0, 0, 0.39)"},children:[e.jsx("span",{className:"block text-sm md:text-base lg:text-[16px] mb-1 bukra-bold",style:{color:"var(--foundation-green)"},children:t.topCard.year}),e.jsx("h3",{className:"text-white text-2xl md:text-3xl lg:text-[28px] bukra-regular mb-1",children:t.topCard.title}),e.jsx("p",{className:"text-white/80 text-xs md:text-sm lg:text-[12px] bukra-regular",children:t.topCard.description})]})]}):null,t.bottomCard?e.jsxs("div",{className:"flex items-start gap-6 relative",children:[e.jsx("div",{className:"w-[18px] min-h-[130px] h-full flex-shrink-0 z-10",style:{backgroundColor:"#93BBBC"}}),e.jsxs("div",{className:"w-[300px] md:w-[300px] rounded-xl p-[20px]",style:{backgroundColor:"rgba(0, 0, 0, 0.39)"},children:[e.jsx("span",{className:"block text-sm md:text-base lg:text-[16px] mb-1 bukra-bold",style:{color:"var(--foundation-green)"},children:t.bottomCard.year}),e.jsx("h3",{className:"text-white text-2xl md:text-3xl lg:text-[28px] bukra-regular mb-1",children:t.bottomCard.title}),e.jsx("p",{className:"text-white/80 text-xs md:text-sm lg:text-[12px] bukra-regular",children:t.bottomCard.description})]})]}):null]})]}),e.jsx("div",{className:"flex items-center justify-center relative",children:e.jsx("div",{className:"w-full h-full scale-100 origin-center",children:e.jsx(p,{setActiveRegionByName:a})})})]})]})]})}function S({card:t}){return e.jsxs("div",{className:"relative w-full h-full min-h-[300px] md:min-h-[350px] lg:min-h-[400px] rounded-3xl overflow-hidden",style:{backgroundImage:`url(${t.backgroundImage})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"},children:[e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%)"}}),e.jsxs("div",{className:"relative z-10 p-[20px] md:p-[30px] lg:p-[40px] h-full flex flex-col",children:[t.year&&e.jsx("div",{className:"flex items-center justify-between mb-4 pb-4 border-b-[2px] border-[#48B291]",children:e.jsx("span",{className:"text-sm md:text-base lg:text-[18px] bukra-bold",style:{color:"var(--foundation-green)"},children:t.year})}),e.jsx("h3",{className:"text-white text-base md:text-lg lg:text-[22px] bukra-bold leading-tight mt-4 max-w-sm",children:t.title})]})]})}function G({data:t}){return e.jsxs("section",{id:t.sectionId,className:"relative py-[64px] px-[20px] md:px-[60px] lg:px-[150px] overflow-hidden",style:{background:t.linearGradient||"linear-gradient(115deg, #003A39 38.17%, #006461 111.55%)"},children:[e.jsx("div",{className:"absolute top-0 right-0 w-[200px] md:w-[300px] lg:w-[400px] h-[200px] md:h-[300px] lg:h-[400px] pointer-events-none z-0",style:{backgroundImage:`url(${t.topRightImage||""})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top right"}}),e.jsx("div",{className:"absolute bottom-0 left-0 w-full h-[200px] md:h-[300px] lg:h-[400px] pointer-events-none z-0",style:{backgroundImage:`url(${t.bottomImage||""})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"bottom left"}}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h2",{className:"bukra-bold text-2xl md:text-3xl lg:text-[46px] text-white mb-8 md:mb-12 leading-tight",children:t.title}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 lg:gap-8",children:t.cards.map(s=>e.jsx(S,{card:s},s.id))})]})]})}function P({data:t}){return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden py-[96px] px-[20px] md:px-[60px] lg:px-[150px]",style:{backgroundColor:t.backgroundColor||"#001A2A"},children:[e.jsx("div",{className:"absolute inset-0 z-0",style:{opacity:.02},children:e.jsx("img",{src:t.backgroundImage,alt:"",className:"w-full h-full object-cover","aria-hidden":"true"})}),e.jsx("div",{className:"absolute bottom-0 right-0 w-[200px] md:w-[300px] lg:w-[900px] h-[200px] md:h-[300px] lg:h-[900px] pointer-events-none z-0",style:{backgroundImage:`url(${t.bottomRightAccent||""})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"bottom right"}}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h2",{className:"bukra-bold text-2xl md:text-3xl lg:text-[46px] text-white mb-4 md:mb-6 leading-tight",children:t.title}),e.jsx("h3",{className:"bukra-bold text-xl md:text-2xl lg:text-[28px] text-white mb-4 md:mb-6 leading-tight",children:t.subtitle}),e.jsx("p",{className:"bukra-regular text-base md:text-lg lg:text-[24px] text-white leading-relaxed",children:t.description})]})]})}function R(t){if(t.includes(`
2`)){const l=t.split(`
3`);return[l[0]||"",l.slice(1).join(`
4`).trim()]}const s=t.indexOf(",");if(s>-1&&s<t.length-1)return[t.slice(0,s+1),t.slice(s+1).trim()];const a=" - ",i=t.indexOf(a);return i>-1&&i<t.length-a.length?[t.slice(0,i),t.slice(i+a.length)]:[t,""]}function B({title:t,logo:s,href:a}){const[i,l]=R(t);return e.jsxs("div",{className:"bg-white rounded-2xl overflow-hidden h-full flex flex-col min-h-[250px]",children:[e.jsx("div",{className:"py-[7px] px-[8px] flex items-center justify-center flex-shrink-0",children:e.jsx("img",{src:s,alt:t,className:"w-auto h-auto mx-auto object-contain pt-[20px]"})}),e.jsxs("div",{className:"px-3 py-4 flex-1 flex flex-col gap-4",children:[e.jsxs("h3",{className:"bukra-medium text-base  text-[#262626]  leading-tight",children:[i,l?e.jsxs(e.Fragment,{children:[e.jsx("br",{}),l]}):null]}),a?e.jsxs("a",{href:a,className:"mt-auto inline-flex items-center gap-2 underline shrink-0",style:{color:"var(--foundation-green)"},children:[e.jsx("span",{className:"bukra-medium text-sm ",children:"Visit Website"}),e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:"var(--foundation-green)"},children:e.jsx("path",{d:"M6 4H12V10M12 4L4 12M12 4H8M12 4V8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}):null]})]})}function L({data:t}){const s=n.useRef(null),a=()=>{s.current?.slidePrev()},i=()=>{s.current?.slideNext()};return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden pt-[96px] pb-[80px] px-[20px] md:px-[60px] lg:px-[150px]",style:{background:t.linearGradient},children:[e.jsx("div",{className:"absolute inset-0 z-0",style:{backgroundImage:`url(${t.backgroundImage})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),e.jsx("div",{className:"absolute top-0 right-0 w-[200px] md:w-[300px] lg:w-[400px] h-[200px] md:h-[300px] lg:h-[400px] pointer-events-none z-0",children:e.jsx("img",{src:t.topRightImage,alt:"",className:"w-full h-full object-contain","aria-hidden":"true"})}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"flex items-center",children:e.jsx("h2",{className:"bukra-bold text-3xl md:text-4xl lg:text-[56px] text-white leading-tight text-center flex-1",children:t.title})}),e.jsxs("div",{className:"flex items-center justify-end gap-[16px] mb-8 md:mb-12 lg:mb-[24px]",children:[e.jsx("button",{onClick:a,className:"w-10 h-10 md:w-12 md:h-12 border border-white rounded-lg bg-transparent flex items-center justify-center hover:opacity-80 transition-opacity","aria-label":"Previous partners",children:e.jsx("img",{src:"/sgi/our-partners/arrow-left.svg",alt:"Previous",className:"w-6 h-6 rtl:rotate-180"})}),e.jsx("button",{onClick:i,className:"w-10 h-10 md:w-12 md:h-12 border border-white rounded-lg bg-transparent flex items-center justify-center hover:opacity-80 transition-opacity","aria-label":"Next partners",children:e.jsx("img",{src:"/sgi/our-partners/arrow-right.svg",alt:"Next",className:"w-6 h-6 rtl:-rotate-180"})})]}),e.jsx(m,{onSwiper:l=>{s.current=l},modules:[g],loop:!0,grabCursor:!0,speed:600,spaceBetween:16,slidesPerView:1,breakpoints:{640:{slidesPerView:2,spaceBetween:16},768:{slidesPerView:3,spaceBetween:16},1024:{slidesPerView:4,spaceBetween:16},1280:{slidesPerView:5,spaceBetween:16}},className:"w-full",children:t.patners.map(l=>e.jsx(u,{className:"h-auto",children:e.jsx(B,{title:l.title,logo:l.logo,href:l.href})},l.id))})]})]})}function A({data:t}){const[s,a]=n.useState(null),i=l=>{a(r=>r===l?null:l)};return e.jsxs("section",{id:t.sectionId,className:"relative overflow-hidden py-[64px] px-[20px] md:px-[60px] lg:px-[150px]",style:{background:t.linearGradient||"linear-gradient(180deg, #EAF7F7 0%, #FFF 100%)"},children:[e.jsx("div",{className:"absolute top-0 right-0 w-[400px] sm:w-[500px] md:w-[600px] lg:w-[651px] h-[400px] sm:h-[500px] md:h-[580px] lg:h-[589px] pointer-events-none z-0",style:{backgroundColor:"var(--foundation-green)",WebkitMaskImage:"url('/investor-services/flowers.svg')",maskImage:"url('/investor-services/flowers.svg')",WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",WebkitMaskPosition:"top right",maskPosition:"top right",WebkitMaskSize:"contain",maskSize:"contain",opacity:.2}}),e.jsxs("div",{className:"relative z-10 w-full",children:[e.jsx("div",{className:"text-center mb-8 sm:mb-10 md:mb-12 lg:mb-[44px]",children:e.jsx("h2",{className:"text-md sm:text-lg md:text-xl lg:text-[46px] bukra-bold text-[#001A2A] leading-tight",children:t.title})}

4),e.jsx("div",{className:"mx-auto space-y-4",children:t.items.map(l=>{const r=s===l.id;return e.jsxs("div",{className:"bg-white rounded-[12px] shadow-[0_4px_15px_rgba(0,0,0,0.1)] overflow-hidden",children:[e.jsxs("button",{onClick:()=>i(l.id),className:"w-full flex justify-between items-center p-4 sm:p-5 md:p-6 text-start hover:bg-gray-50 transition-colors",children:[e.jsx("h3",{className:"text-[16px] sm:text-[17px] md:text-[18px] bukra-bold text-[#313131] pr-4 flex-1",children:l.question}),e.jsx(h,{className:`w-5 h-5 sm:w-6 sm:h-6 text-[#313131] shrink-0 transition-transform duration-300 ${r?"rotate-180":""}`})]}),r&&l.answer&&e.jsx("div",{className:"px-4 sm:px-5 md:px-6 pb-4 sm:pb-5 md:pb-6",children:e.jsx("p",{className:"text-[15px] sm:text-[16px] md:text-[17px] text-[#313131] bukra-regular leading-relaxed",children:l.answer})})]},l.id)})})]})]})}function M(t){return t.map(s=>({id:s.id,title:[s.titleline1,s.titleline2].filter(Boolean).join(`
5`),logo:s.topImage,href:s.visitWebsiteLink||void 0}))}function F(t){const s=M(t.data.ourPartnersCards||[]);return{pageId:t.pageId,data:{hero:{sectionId:t.data.sgiHero.sectionId,titleLine1:t.data.sgiHero.titleline1,titleLine2:t.data.sgiHero.titleline2,description:t.data.sgiHero.description,exploreSgiLink:t.data.sgiHero.exploreSgiLink,backgroundImage:t.data.sgiHero.backgroundImage,linearGradient:t.data.sgiHero.linearGradient},about:t.data.aboutSGI,focusArea:{...t.data.focusArea,cards:t.data.focuscards},clearGoals:{...t.data.clearGoal,cards:t.data.clearGoalCards},sgiInitiative:{...t.data.sgiInitiative,timeline:t.data.sgiTimeline||[]},journeyToNetZero:{sectionId:t.data.journeyToNetZero.sectionId,title:t.data.journeyToNetZero.title,description:t.data.journeyToNetZero.description,backgroundImage:"",tags:t.data.journeyToNetZero.tags||[],topCard:t.data.journeyToNetZero.topCard,bottomCard:t.data.journeyToNetZero.bottomCard},programs:{sectionId:t.data.saudiGreenInitiativePrograms.sectionId,title:t.data.saudiGreenInitiativePrograms.title,subtitle:"",description:"",backgroundImage:"",linearGradient:t.data.saudiGreenInitiativePrograms.linearGradient,topRightImage:t.data.saudiGreenInitiativePrograms.topRightImage,bottomImage:t.data.saudiGreenInitiativePrograms.bottomImage,cards:t.data.saudiGreenInitiativeProgramsCards||[]},contributors:{sectionId:t.data.sgiContributors.sectionId,title:t.data.sgiContributors.title,subtitle:t.data.sgiContributors.subtitle,description:t.data.sgiContributors.description,backgroundImage:t.data.sgiContributors.backgroundImage,backgroundColor:t.data.sgiContributors.backgroundColor,bottomRightAccent:t.data.sgiContributors.bottomRightAccent},ourPartners:{sectionId:t.data.sgiContributorsCards.sectionId,title:t.data.sgiContributorsCards.title,linearGradient:t.data.sgiContributorsCards.linearGradient,topRightImage:t.data.sgiContributorsCards.topRightImage,backgroundImage:t.data.sgiContributorsCards.backgroundImage,patners:s},faq:{sectionId:t.data.faqSection.sectionId,title:t.data.faqSection.title,backgroundImage:"",linearGradient:t.data.faqSection.linearGradient,items:t.data.faqItems},explore:{sectionId:t.data.exploreSection.sectionId,title:t.data.exploreSection.title,subtitle:t.data.exploreSection.description,backgroundImage:t.data.exploreSection.backgroundImage,cards:[]}},seo:t.seo}}async function T(){try{const t=await b.get("/sgi");return F(t.data)}catch(t){throw j.isAxiosError(t)?(console.error("Error fetching SGI data",{message:t.message,status:t.response?.status,statusText:t.response?.statusText,data:t.response?.data}),t):(console.error("Unexpected error fetching SGI data:",t),t)}}function O(){const{data:t,isLoading:s,error:a}=x({queryKey:["sgi"],queryFn:()=>T()});return s?e.jsx("div",{children:"Loading..."}):a?e.jsx("div",{children:"Error loading data"}):t?e.jsxs("div",{children:[e.jsx(f,{data:t.data.hero}),e.jsx(v,{data:t.data.about}),e.jsx(N,{data:t.data.focusArea}),e.jsx(w,{data:t.data.clearGoals}),e.jsx(C,{data:t.data.sgiInitiative}),e.jsx(z,{data:t.data.journeyToNetZero}),e.jsx(G,{data:t.data.programs}),e.jsx(P,{data:t.data.contributors}),e.jsx(L,{data:t.data.ourPartners}),e.jsx(A,{data:t.data.faq})]}):null}export{O as default};