https://sizekhaya.co.za/assets/AboutPage-BoyEw-0e.js

1import{c as V,u as A,b as L,r as m,d as j,e as N,j as t,m as e,A as R}from"./index-DXINVCvE.js";import{P as X}from"./PageLayout-AXAXFDT1.js";import{S as H}from"./sparkles-DNIsH_Iu.js";import{L as C}from"./lightbulb-Bgrbt6XM.js";import{S as $}from"./shield-BJZTLAuK.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const E=V("TrendingUp",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]]),k={hidden:{},visible:{transition:{staggerChildren:.08}}},I={hidden:{opacity:0,y:30,rotateX:-40},visible:{opacity:1,y:0,rotateX:0,transition:{duration:.5,ease:[.22,1,.36,1]}}},c={hidden:{opacity:0,x:-80},visible:{opacity:1,x:0,transition:{duration:.4,ease:[.22,1,.36,1]}}},g={hidden:{opacity:0,x:80},visible:{opacity:1,x:0,transition:{duration:.4,ease:[.22,1,.36,1]}}},p={hidden:{opacity:0,y:50},visible:{opacity:1,y:0,transition:{duration:.4,ease:[.22,1,.36,1]}}},_={hidden:{opacity:0,scale:.88},visible:{opacity:1,scale:1,transition:{duration:1,ease:[.22,1,.36,1]}}},x={hidden:{},visible:{transition:{staggerChildren:.12,delayChildren:.05}}},u={hidden:{clipPath:"inset(100% 0 0 0)"},visible:{clipPath:"inset(0% 0 0 0)",transition:{duration:.5,ease:[.22,1,.36,1]}}},b={hidden:{scaleX:0,originX:0},visible:{scaleX:1,transition:{duration:.35,ease:[.22,1,.36,1]}}},T=[{key:"about_mission_1",color:"#ffc200"},{key:"about_mission_2",color:"#75b9ff"},{key:"about_mission_3",color:"#10b981"},{key:"about_mission_4",color:"#f14622"}],K=[{titleKey:"about_value_innovation",descKey:"about_value_innovation_desc",icon:C,accent:"#ffc200"},{titleKey:"about_value_integrity",descKey:"about_value_integrity_desc",icon:$,accent:"#75b9ff"},{titleKey:"about_value_impact",descKey:"about_value_impact_desc",icon:E,accent:"#10b981"}];function Y({text:i,className:a,...o}){const r=i.split(" ");return t.jsx(e.span,{className:a,variants:k,initial:"hidden",animate:"visible",style:{display:"inline-flex",flexWrap:"wrap",perspective:"600px"},...o,children:r.map((d,l)=>t.jsx(e.span,{variants:I,style:{display:"inline-block",marginRight:"0.3em"},children:d},l))})}function F({lines:i,className:a}){const[o,r]=m.useState(0);return m.useEffect(()=>{const d=setInterval(()=>{r(l=>(l+1)%i.length)},3400);return()=>clearInterval(d)},[i.length]),t.jsx("span",{className:"relative block overflow-hidden",style:{minHeight:"1.1em"},children:t.jsx(R,{mode:"wait",children:t.jsx(e.span,{className:a,style:{display:"block"},initial:{y:"110%",opacity:0,rotateX:-25},animate:{y:"0%",opacity:1,rotateX:0},exit:{y:"-110%",opacity:0,rotateX:25},transition:{duration:.55,ease:[.22,1,.36,1]},children:i[o]},o)})})}function f({text:i,className:a,...o}){const r=i.split(" ");return t.jsx(e.span,{className:a,variants:k,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},style:{display:"inline-flex",flexWrap:"wrap",perspective:"600px"},...o,children:r.map((d,l)=>t.jsx(e.span,{variants:I,style:{display:"inline-block",marginRight:"0.3em"},children:d},l))})}const G=()=>{const{t:i}=A();L({title:"About Sizekhaya",description:"Sizekhaya Holdings is the fourth licensed operator of the South African National Lottery, taking over from iThuba Holdings. Discover our vision, mission, and values driving community transformation.",path:"/about",keywords:"about Sizekhaya, Sizekhaya Holdings, Sizekhaya RF, National Lottery, South African National Lottery, national lottery operator, new lottery operator, fourth operator, lottery operator after Ithuba, Ithuba, iThuba, Ithuba Holdings, iThuba Holdings, successor to Ithuba, Sizekhaya vision, Sizekhaya mission, innovation integrity impact",jsonLd:{"@context":"https://schema.org","@type":"AboutPage",name:"About Sizekhaya",description:"Sizekhaya Holdings is the fourth licensed operator of the South African National Lottery, succeeding iThuba Holdings. Learn about our mission to transform communities.",url:"https://sizekhaya.co.za/about",mainEntity:{"@type":"Organization",name:"Sizekhaya Holdings",alternateName:["Sizekhaya","Sizekhaya RF"],url:"https://sizekhaya.co.za",description:"Sizekhaya Holdings is the fourth licensed operator of the South African National Lottery, taking over from iThuba Holdings on 1 June 2026."}}});const[a,o]=m.useState(!1);m.useEffect(()=>{let n=null,h;const y=v=>{n||(n=v);const w=(v-n)%12e3/12e3,z=w>.25&&w<.75;o(z),h=requestAnimationFrame(y)};return h=requestAnimationFrame(y),()=>cancelAnimationFrame(h)},[]);const r=m.useRef(null),{scrollYProgress:d}=j({target:r,offset:["start end","end start"]});N(d,[0,1],["-10%","10%"]);const l=m.useRef(null),{scrollYProgress:S}=j({target:l,offset:["start end","end start"]}),P=N(S,[0,1],["-6%","6%"]);return t.jsx(X,{children:t.jsxs("div",{className:"relative w-full min-h-screen overflow-hidden animate-gradient-shift",style:{backgroundImage:"linear-gradient(180deg, #e8c44a 0%, #d4b040 8%, #bfa038 16%, #9a8a48 26%, #6a7a6a 38%, #3a5a8a 50%, #1e3a6b 62%, #152a50 74%, #0f172f 88%, #1e3a6b 100%)",backgroundSize:"100% 200%"},children:[t.jsx("section",{className:"relative w-full pt-20 sm:pt-28 md:pt-40 pb-12 sm:pb-16 md:pb-24 px-4","data-testid":"hero-about",children:t.jsxs("div",{className:"relative max-w-[900px] mx-auto",children:[t.jsx(e.p,{className:`[font-family:'Inter',sans-serif] text-xs md:text-sm tracking-[4px] uppercase font-medium mb-6 transition-colors duration-1500 ${a?"text-white/60":"text-[#0f172f]/60"}`,initial:{opacity:0,x:-30}

6,animate:{opacity:1,x:0},transition:{duration:.35,ease:[.22,1,.36,1]},children:i("about_hero_label")}),t.jsxs("h1",{className:`[font-family:'Poppins',sans-serif] font-extrabold text-[30px] sm:text-[44px] md:text-[60px] lg:text-[80px] leading-[1.05] tracking-tight transition-colors duration-1500 ${a?"text-white":"text-[#0f172f]"}`,"data-testid":"text-about-title",style:{perspective:"600px"},children:[t.jsx(Y,{text:i("about_hero_title_1")}),t.jsx(F,{lines:[i("about_hero_title_2"),i("about_story_label"),i("about_values_heading")],className:`transition-colors duration-1500 ${a?"text-white/70":"text-white"}`})]}),t.jsx(e.div,{className:"w-20 h-[3px] mt-8 rounded-full transition-all duration-1500",style:{backgroundImage:a?"linear-gradient(to right, #ffffff, #ffc200)":"linear-gradient(to right, #0f172f, #ffc200)"},initial:{scaleX:0,originX:0},animate:{scaleX:1},transition:{duration:.4,delay:.15,ease:[.22,1,.36,1]}})]})}),t.jsx("section",{className:"relative w-full py-12 md:py-20 px-4","data-testid":"section-about-quote",children:t.jsx("div",{className:"max-w-[900px] mx-auto",children:t.jsxs(e.div,{className:"flex flex-col md:flex-row gap-8 md:gap-14",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-60px"},variants:x,children:[t.jsx(e.div,{className:"shrink-0",variants:c,children:t.jsx("span",{className:`[font-family:'Poppins',sans-serif] font-extrabold text-[60px] sm:text-[100px] md:text-[160px] leading-none select-none transition-colors duration-1500 ${a?"text-white/15":"text-[#0f172f]/15"}`,children:'"'})}),t.jsxs("div",{className:"flex-1 pt-4 md:pt-8",children:[t.jsx(e.blockquote,{className:`[font-family:'Poppins',sans-serif] font-medium text-lg md:text-[22px] leading-[1.6] transition-colors duration-1500 ${a?"text-white/85":"text-[#0f172f]/85"}`,"data-testid":"text-about-quote",variants:g,children:i("about_quote")}),t.jsxs(e.div,{className:"flex items-center gap-3 mt-6",variants:p,children:[t.jsx(e.div,{className:`w-8 h-[1.5px] rounded-full transition-colors duration-1500 ${a?"bg-white/40":"bg-[#0f172f]/40"}`,variants:b}),t.jsx("p",{className:`[font-family:'Inter',sans-serif] text-sm font-semibold transition-colors duration-1500 ${a?"text-white/70":"text-[#0f172f]/70"}`,children:"Sizekhaya Holdings"})]})]})]})})}),t.jsx("section",{className:"relative w-full py-16 md:py-24 px-4","data-testid":"section-about-story",children:t.jsx("div",{className:"max-w-[900px] mx-auto",children:t.jsxs(e.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-80px"},variants:x,children:[t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-[#ffc200] text-xs md:text-sm tracking-[3px] uppercase font-semibold mb-4",variants:c,children:i("about_story_label")}),t.jsx("h2",{className:"[font-family:'Poppins',sans-serif] font-extrabold text-white text-[28px] sm:text-[36px] md:text-[44px] leading-[1.1] tracking-tight mb-10","data-testid":"text-about-story-heading",children:t.jsx(f,{text:i("about_story_heading")})}),t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12",children:[t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-white/80 text-[15px] leading-[1.85] font-light",variants:c,"data-testid":"text-about-paragraph-1",children:i("about_story_p1")}),t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-white/80 text-[15px] leading-[1.85] font-light",variants:g,"data-testid":"text-about-paragraph-2",children:i("about_story_p2")})]})]})})}),t.jsx("section",{className:"relative w-full py-16 md:py-24 px-4","data-testid":"section-about-building",children:t.jsx("div",{className:"max-w-[900px] mx-auto",children:t.jsxs(e.div,{className:"flex flex-col md:flex-row items-start gap-10 md:gap-16",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-80px"},variants:x,children:[t.jsxs(e.div,{className:"flex-1",variants:c,children:[t.jsxs(e.div,{className:"flex items-center gap-4 mb-6",initial:{opacity:0,x:-40},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.4,ease:[.22,1,.36,1]},children:[t.jsx(e.img,{src:"/figmaAssets/container.png",alt:"Sizekhaya house icon symbolising community and shared prosperity",className:"w-[52px] md:w-[64px] h-auto","data-testid":"img-about-sizekhaya-icon",initial:{scale:0,rotate:-90},whileInView:{scale:1,rotate:0},viewport:{once:!0},transition:{duration:.35,delay:.2,ease:[.22,1,.36,1]}}),t.jsx("p",{className:"[font-family:'Inter',sans-serif] text-[#ffc200] text-xs md:text-sm tracking-[3px] uppercase font-semibold",children:i("about_building_label")})]}),t.jsx("h2",{className:"[font-family:'Poppins',sans-serif] font-extrabold text-white text-[28px] sm:text-[36px] md:text-[44px] leading-[1.1] tracking-tight mb-8","data-testid":"text-about-sizekhaya-heading",children:t.jsx(f,{text:i("about_building_heading")})}),t.jsxs("div",{className:"space-y-5",children:[t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-white/80 text-[15px] leading-[1.85] font-light","data-testid":"text-about-paragraph-3",initial:"hidden",

6whileInView:"visible",viewport:{once:!0},variants:u,children:i("about_building_p1")}),t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-white/80 text-[15px] leading-[1.85] font-light","data-testid":"text-about-paragraph-4",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:u,children:i("about_building_p2")})]})]}),t.jsx(e.div,{className:"w-full md:w-[320px] lg:w-[360px] shrink-0",variants:g,children:t.jsx(e.div,{ref:l,className:"rounded-[24px] overflow-hidden",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:_,children:t.jsx(e.img,{src:"/figmaAssets/about/phone-lottery.jpg",alt:"Digital lottery experience on smartphone",className:"w-full h-[300px] md:h-[420px] object-cover","data-testid":"img-about-phone",style:{y:P,scale:1.15}})})})]})})}),t.jsx("section",{className:"relative w-full py-16 md:py-24 px-4","data-testid":"section-about-vision",children:t.jsx("div",{className:"max-w-[900px] mx-auto",children:t.jsxs(e.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-80px"},variants:x,children:[t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-[#ffc200] text-xs md:text-sm tracking-[3px] uppercase font-semibold mb-4",variants:c,children:i("about_vision_label")}),t.jsxs(e.div,{className:"relative rounded-[24px] p-6 sm:p-8 md:p-12 bg-white/6 backdrop-blur-md border border-white/10",variants:p,children:[t.jsx(H,{className:"absolute top-6 right-6 w-8 h-8 text-[#ffc200]/30"}),t.jsx(e.p,{className:"[font-family:'Poppins',sans-serif] font-medium text-white text-lg md:text-[22px] lg:text-[26px] leading-[1.55] tracking-tight","data-testid":"text-about-vision",variants:u,children:i("about_vision_text")})]})]})})}),t.jsx("section",{className:"relative w-full py-6 md:py-10 px-4","data-testid":"section-about-image-break-2",children:t.jsx("div",{className:"max-w-[1100px] mx-auto",children:t.jsx(e.div,{ref:r,className:"rounded-[24px] overflow-hidden",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-40px"},variants:_,children:t.jsx(e.img,{src:"/figmaAssets/about/diverse-headshots.jpg",alt:"Sizekhaya's diverse team of professionals committed to lottery excellence in South Africa",className:"w-full object-contain","data-testid":"img-about-headshots"})})})}),t.jsx("section",{className:"relative w-full py-16 md:py-24 px-4","data-testid":"section-about-mission",children:t.jsxs("div",{className:"max-w-[900px] mx-auto",children:[t.jsxs(e.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-80px"},variants:x,children:[t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-[#ffc200] text-xs md:text-sm tracking-[3px] uppercase font-semibold mb-4",variants:c,children:i("about_mission_label")}),t.jsx("h2",{className:"[font-family:'Poppins',sans-serif] font-extrabold text-white text-[28px] sm:text-[36px] md:text-[44px] leading-[1.1] tracking-tight mb-4","data-testid":"text-about-mission-heading",children:t.jsx(f,{text:i("about_mission_intro")})})]}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-5 mt-10",children:T.map((s,n)=>t.jsxs(e.div,{className:"relative rounded-[20px] p-5 sm:p-6 md:p-7 bg-white/6 backdrop-blur-md border border-white/10 group cursor-default overflow-hidden",initial:{opacity:0,y:40,scale:.95},whileInView:{opacity:1,y:0,scale:1},viewport:{once:!0,margin:"-40px"},transition:{duration:.5,delay:n*.1,ease:[.22,1,.36,1]},whileHover:{y:-4,scale:1.02,transition:{duration:.25}},"data-testid":`card-mission-${n}`,children:[t.jsxs(e.span,{className:"absolute -top-3 -right-2 [font-family:'Poppins',sans-serif] font-black text-[80px] sm:text-[100px] md:text-[120px] leading-none select-none pointer-events-none",style:{color:s.color,opacity:.08},initial:{scale:.5,opacity:0},whileInView:{scale:1,opacity:.08},viewport:{once:!0},transition:{duration:.6,delay:n*.1+.2,ease:[.22,1,.36,1]},children:["0",n+1]}),t.jsxs("div",{className:"relative flex items-start gap-5",children:[t.jsxs(e.span,{className:"[font-family:'Poppins',sans-serif] font-black text-[36px] sm:text-[44px] md:text-[56px] leading-none shrink-0",style:{color:s.color},initial:{opacity:0,scale:.3,rotate:-15},whileInView:{opacity:1,scale:1,rotate:0},viewport:{once:!0},transition:{duration:.5,delay:n*.1+.15,ease:[.22,1,.36,1]},children:["0",n+1]}),t.jsx("p",{className:"[font-family:'Inter',sans-serif] text-white/90 text-[15px] leading-[1.7] font-light pt-3",children:i(s.key)})]})]},s.key))}),t.jsx(e.div,{className:"mt-12 max-w-[800px]",initial:"hidden",

6whileInView:"visible",viewport:{once:!0},variants:p,children:t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-white/70 text-[15px] leading-[1.85] font-light","data-testid":"text-about-mission-closing",variants:u,children:i("about_mission_closing")})})]})}),t.jsx("section",{className:"relative w-full py-16 md:py-24 px-4","data-testid":"section-about-values",children:t.jsxs("div",{className:"max-w-[900px] mx-auto",children:[t.jsxs(e.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-80px"},variants:x,children:[t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-[#ffc200] text-xs md:text-sm tracking-[3px] uppercase font-semibold mb-4",variants:c,children:i("about_values_label")}),t.jsx("h2",{className:"[font-family:'Poppins',sans-serif] font-extrabold text-white text-[28px] sm:text-[36px] md:text-[44px] leading-[1.1] tracking-tight mb-6","data-testid":"text-about-values-heading",children:t.jsx(f,{text:i("about_values_heading")})}),t.jsx(e.p,{className:"[font-family:'Inter',sans-serif] text-white/70 text-[15px] leading-[1.8] mb-14 max-w-[600px]",variants:p,children:i("about_values_intro")})]}),t.jsx("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-6",style:{perspective:"1200px"},children:K.map((s,n)=>{const h=s.icon;return t.jsxs(e.div,{className:"relative rounded-[24px] p-6 sm:p-7 md:p-8 bg-white/8 backdrop-blur-md border border-white/12 cursor-pointer overflow-hidden",style:{transformStyle:"preserve-3d"},initial:{opacity:0,y:60,rotateY:-30},whileInView:{opacity:1,y:0,rotateY:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.6,delay:n*.15,ease:[.22,1,.36,1]},whileHover:{y:-8,scale:1.03,transition:{duration:.3}},"data-testid":`card-value-${n}`,children:[t.jsx("div",{className:"absolute top-0 left-0 w-full h-1 rounded-t-[24px]",style:{background:`linear-gradient(to right, ${s.accent}, transparent)`}}),t.jsx("div",{className:"w-14 h-14 rounded-2xl flex items-center justify-center mb-6",style:{backgroundColor:s.accent+"15",border:`1px solid ${s.accent}25`},children:t.jsx(h,{className:"w-6 h-6",style:{color:s.accent}})}),t.jsx("h3",{className:"[font-family:'Poppins',sans-serif] font-bold text-white text-xl md:text-2xl mb-3","data-testid":`text-value-title-${n}`,children:i(s.titleKey)}),t.jsx("p",{className:"[font-family:'Inter',sans-serif] text-white/70 text-[14px] md:text-[15px] leading-[1.75]",children:i(s.descKey)})]},s.titleKey)})})]})}),t.jsx("section",{className:"relative w-full py-14 md:py-20 px-4","data-testid":"section-about-closing",children:t.jsx("div",{className:"max-w-[800px] mx-auto",children:t.jsxs(e.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:x,className:"text-center",children:[t.jsx(e.div,{className:"w-16 h-[2px] mx-auto mb-8 rounded-full",style:{background:"linear-gradient(to right, transparent, #ffc200, transparent)"},variants:b,initial:{scaleX:0},whileInView:{scaleX:1},viewport:{once:!0},transition:{duration:.6}}),t.jsx(e.p,{className:"[font-family:'Poppins',sans-serif] text-white/90 text-base md:text-lg leading-[1.8] font-medium mb-4","data-testid":"text-about-excitement",variants:p,children:i("about_excitement")}),t.jsx(e.p,{className:"[font-family:'Poppins',sans-serif] text-white/90 text-base md:text-lg leading-[1.8] font-medium","data-testid":"text-about-pride",variants:p,children:i("about_pride")}),t.jsx(e.div,{className:"w-16 h-[2px] mx-auto mt-8 rounded-full",style:{background:"linear-gradient(to right, transparent, #ffc200, transparent)"},variants:b,initial:{scaleX:0},whileInView:{scaleX:1},viewport:{once:!0},transition:{duration:.6}})]})})})]})})};export{G as AboutPage};