https://sebenza-nathi-v2.vercel.app/_next/static/chunks/pages/Hero-2541c7679448e2b7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[800],{714:(e,t,r)=>{"use strict";r.d(t,{s:()=>a,t:()=>i});var s=r(4232);function n(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function i(...e){return t=>{let r=!1,s=e.map(e=>{let s=n(e,t);return r||"function"!=typeof s||(r=!0),s});if(r)return()=>{for(let t=0;t<s.length;t++){let r=s[t];"function"==typeof r?r():n(e[t],null)}}}}function a(...e){return s.useCallback(i(...e),e)}},1754:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>m});var s=r(7876),n=r(4232),i=r(8375);let a=(0,i.A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var l=r(4587),o=r.n(l);function c(){let[e,t]=(0,n.useState)(!1);return(0,s.jsxs)("nav",{className:"bg-[#F4F6F5] text-[#1A1A1A] w-full mx-auto px-4 sm:px-8 lg:px-16 py-6 absolute flex items-center justify-between z-20",children:[(0,s.jsx)("button",{className:"lg:hidden z-30",onClick:()=>t(!e),"aria-label":"Toggle menu",children:(0,s.jsxs)("div",{className:"flex flex-col space-y-1.5",children:[(0,s.jsx)("span",{className:"w-6 h-0.5 bg-black"}),(0,s.jsx)("span",{className:"w-6 h-0.5 bg-black"}),(0,s.jsx)("span",{className:"w-6 h-0.5 bg-black"})]})}),(0,s.jsxs)("div",{className:"hidden undline lg:flex items-center gap-8 xl:gap-16 font-semibold",children:[(0,s.jsx)("a",{href:"/about",children:"Our Mission"}),(0,s.jsx)("a",{href:"/resources",children:"How It Works"})]}),(0,s.jsx)("div",{className:"logo absolute left-1/2 -translate-x-1/2 flex justify-center items-center z-10 w-32 sm:w-36 md:w-40 lg:w-44 h-auto",children:(0,s.jsx)("div",{className:"relative w-full aspect-[1/1]",children:(0,s.jsx)(o(),{src:"/assets/logo.svg",alt:"Sebenza Nathi Logo",fill:!0,className:"object-contain",sizes:"(max-width: 768px) 6rem, (max-width: 1024px) 8rem, 10rem",priority:!0})})}),(0,s.jsxs)("div",{className:"hidden undline lg:flex items-center gap-6 xl:gap-12 font-semibold",children:[(0,s.jsx)("a",{href:"/stories",children:"Go Green"}),(0,s.jsx)("a",{href:"/how-we-work",children:"Our Partners"}),(0,s.jsx)("button",{className:"bg-orange-400 text-white px-4 py-1 rounded-sm hover:rounded-lg transition-all duration-300",children:"Contact us"})]}),e&&(0,s.jsxs)("div",{className:"fixed inset-0 bg-white z-50 lg:hidden overflow-auto",children:[(0,s.jsxs)("div",{className:"flex justify-between items-center p-6",children:[(0,s.jsx)("div",{className:"w-36",children:(0,s.jsx)(o(),{src:"/assets/logo.svg",alt:"Sebenza Nathi Logo",width:140,height:140,className:"object-contain"})}),(0,s.jsx)("div",{className:"flex items-center gap-4",children:(0,s.jsx)("button",{onClick:()=>t(!1),className:"text-gray-800",children:(0,s.jsx)(a,{size:24})})})]}),(0,s.jsxs)("div",{className:"p-6",children:[(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-y-4 mb-16 ",children:[(0,s.jsxs)("div",{className:"space-y-6 ",children:[(0,s.jsx)("a",{href:"/about",onClick:()=>t(!1),className:"block text-lg font-medium border-b border-b-zinc-600 w-fit",children:"Our Mission"}),(0,s.jsx)("a",{href:"/how-it-works",onClick:()=>t(!1),className:"block text-lg font-medium border-b border-b-zinc-600 w-fit",children:"How It Works"}),(0,s.jsx)("a",{href:"/process",onClick:()=>t(!1),className:"block text-lg font-medium border-b border-b-zinc-600 w-fit",children:"Stories"})]}),(0,s.jsxs)("div",{className:"space-y-6 text-right",children:[(0,s.jsx)("a",{href:"/resources",onClick:()=>t(!1),className:"block text-lg font-medium border-b border-b-zinc-600 w-fit",children:"Go Green"}),(0,s.jsx)("a",{href:"/faqs",onClick:()=>t(!1),className:"block text-lg font-medium border-b border-b-zinc-600 w-fit",children:"Our Partners"}),(0,s.jsx)("a",{href:"/impact",onClick:()=>t(!1),className:"block text-lg font-medium border-b border-b-zinc-600 w-fit",children:"Impact"})]})]}),(0,s.jsx)("div",{className:"my-12",children:(0,s.jsx)("p",{className:"text-lg leading-relaxed",children:"Sebenza Cash makes recycling rewarding for families and schools through a powerful community-powered pickup network. It’s fast, free, and changes lives."})}),(0,s.jsx)("a",{href:"/contact",onClick:()=>t(!1),className:"inline-block bg-green-600 text-white px-8 py-2 text-center font-medium rounded-lg",children:"Contact Us"}),(0,s.jsxs)("div",{className:"flex space-x-4 mt-16",children:[(0,s.jsx)("a",{href:"https://aedin.com",className:"bg-gray-800 rounded-full p-2",children:(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"w-5 h-5",children:[(0,s.jsx)("path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}),(0,s.jsx)("rect",{x:"2",y:"9",width:"4",height:"12"}),(0,s.jsx)("circle",{cx:"4",cy:"4",r:"2"})]})}),(0,s.jsx)("a",{href:"https://instagram.com",className:"bg-gray-800 rounded-full p-2",children:(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"w-5 h-5",children:[(0,s.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"5",ry:"5"}),(0,s.jsx)("path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"}),(0,s.jsx)("line",{x1:"17.5",y1:"6.5",x2:"17.51",y2:"6.5"})]})})]})]})]})]})}let d=(0,i.A)("recycle",[["path",{d:"M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5",key:"x6z5xu"}],["path",{d:"M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12",key:"1x4zh5"}],["path",{d:"m14 16-3 3 3 3",key:"f6jyew"}],["path",{d:"M8.293 13.596 7.196 9.5 3.1 10.598",key:"wf1obh"}],["path",{d:"m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843",key:"9tzpgr"}],["path",{d:"m13.378 9.633 4.096 1.098 1.097-4.096",key:"1oe83g"}]]);var h=r(3795);function u(){return(0,s.jsx)("div",{className:"w-full bg-orange-400 py-1 px-4 text-center"})}function m(){return(0,s.jsxs)("header",{children:[(0,s.jsx)(u,{}),(0,s.jsxs)("div",{className:"h-[45vh] rounded-lg",children:[(0,s.jsx)(c,{}),(0,s.jsxs)("video",{autoPlay:!0,muted:!0,loop:!0,className:"w-full h-[70vh] object-cover relative",children:[(0,s.jsx)("source",{src:"https://assets.mixkit.co/videos/33078/33078-720.mp4",type:"video/mp4"}),"Your browser does not support the video tag."]}),(0,s.jsxs)("div",{className:"absolute top-[37%] left-0 right-0 flex flex-col items-center px-4 text-white text-center",children:[(0,s.jsx)("p",{className:"text-sm font-semibold uppercase tracking-wide text-orange-400",children:'"A Movement for People & Planet"'}),(0,s.jsx)("h1",{className:"text-3xl md:text-5xl font-semibold mt-2 font-wm",children:"Turn Waste into Worth"})]})]}),(0,s.jsxs)("section",{className:"relative container grid grid-cols-1 md:grid-cols-[2fr_1fr] gap-4 md:gap-6 justify-between mx-auto mt-24 bg-white rounded-t-3xl z-10 p-4 sm:p-6 md:p-8 max-w-7xl",children:[(0,s.jsxs)("div",{className:"mb-6",children:[(0,s.jsxs)("h1",{className:"font-wm text-3xl sm:text-4xl md:text-5xl leading-tight text-zinc-700",children:["Recycling — Reinvented",(0,s.jsx)("br",{}),"Let","'","s Rethink Plastic",(0,s.jsx)("br",{}),"and Get Rewarded for Good."]}),(0,s.jsxs)("p",{className:"text-gray-600 mt-6 mb-1",children:["Sebenza Cash makes recycling rewarding for families and schools through a powerful community-powered pickup network. It","'","s fast, free, and changes lives. We collect recyclables right from your doorstep — no hassle, just impact. Save the planet, earn rewards, and support schools in your neighborhood."]})]}),(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)(o(),{src:"/assets/main.webp",alt:"recycle-image",className:"max-h-52 md:max-h-56 object-contain",width:500,height:600}),(0,s.jsxs)(h.$,{className:"bg-green-600 hover:bg-orange-400 text-white px-8 sm:px-12 py-2 rounded-sm hover:rounded-lg hover:scale-[0.97] flex items-center gap-2 mt-4",children:["Start Recycling & Earning ",(0,s.jsx)(d,{size:20,color:"#FFFFFF"})]})]})]})]})}},2987:(e,t,r)=>{"use strict";r.d(t,{DX:()=>l,TL:()=>a});var s=r(4232),n=r(714),i=r(7876);function a(e){let t=function(e){let t=s.forwardRef((e,t)=>

1{let{children:r,...i}=e;if(s.isValidElement(r)){var a;let e,l;let o=(a=r,(l=(e=Object.getOwnPropertyDescriptor(a.props,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?a.ref:(l=(e=Object.getOwnPropertyDescriptor(a,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?a.props.ref:a.props.ref||a.ref),c=function(e,t){let r={...t};for(let s in t){let n=e[s],i=t[s];/^on[A-Z]/.test(s)?n&&i?r[s]=(...e)=>{i(...e),n(...e)}:n&&(r[s]=n):"style"===s?r[s]={...n,...i}:"className"===s&&(r[s]=[n,i].filter(Boolean).join(" "))}return{...e,...r}}(i,r.props);return r.type!==s.Fragment&&(c.ref=t?(0,n.t)(t,o):o),s.cloneElement(r,c)}return s.Children.count(r)>1?s.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}(e),r=s.forwardRef((e,r)=>{let{children:n,...a}=e,l=s.Children.toArray(n),o=l.find(c);if(o){let e=o.props.children,n=l.map(t=>t!==o?t:s.Children.count(e)>1?s.Children.only(null):s.isValidElement(e)?e.props.children:null);return(0,i.jsx)(t,{...a,ref:r,children:s.isValidElement(e)?s.cloneElement(e,void 0,n):null})}return(0,i.jsx)(t,{...a,ref:r,children:n})});return r.displayName=`${e}.Slot`,r}var l=a("Slot"),o=Symbol("radix.slottable");function c(e){return s.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===o}},3148:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/Hero",function(){return r(1754)}])},3795:(e,t,r)=>{"use strict";r.d(t,{$:()=>d});var s=r(7876);r(4232);var n=r(2987),i=r(9241);let a=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,l=i.$;var o=r(6907);let c=((e,t)=>r=>{var s;if((null==t?void 0:t.variants)==null)return l(e,null==r?void 0:r.class,null==r?void 0:r.className);let{variants:n,defaultVariants:i}=t,o=Object.keys(n).map(e=>{let t=null==r?void 0:r[e],s=null==i?void 0:i[e];if(null===t)return null;let l=a(t)||a(s);return n[e][l]}),c=r&&Object.entries(r).reduce((e,t)=>{let[r,s]=t;return void 0===s||(e[r]=s),e},{});return l(e,o,null==t?void 0:null===(s=t.compoundVariants)||void 0===s?void 0:s.reduce((e,t)=>{let{class:r,className:s,...n}=t;return Object.entries(n).every(e=>{let[t,r]=e;return Array.isArray(r)?r.includes({...i,...c}[t]):({...i,...c})[t]===r})?[...e,r,s]:e},[]),null==r?void 0:r.class,null==r?void 0:r.className)})("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function d(e){let{className:t,variant:r,size:i,asChild:a=!1,...l}=e,d=a?n.DX:"button";return(0,s.jsx)(d,{"data-slot":"button",className:(0,o.cn)(c({variant:r,size:i,className:t})),...l})}},6907:(e,t,r)=>{"use strict";r.d(t,{cn:()=>i});var s=r(9241),n=r(9573);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,s.$)(t))}},8375:(e,t,r)=>{"use strict";r.d(t,{A:()=>d});var s=r(4232);let n=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),i=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase()),a=e=>{let t=i(e);return t.charAt(0).toUpperCase()+t.slice(1)},l=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()};var o={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let c=(0,s.forwardRef)((e,t)=>{let{color:r="currentColor",size:n=24,strokeWidth:i=2,absoluteStrokeWidth:a,className:c="",children:d,iconNode:h,...u}=e;return(0,s.createElement)("svg",{ref:t,...o,width:n,height:n,stroke:r,strokeWidth:a?24*Number(i)/Number(n):i,className:l("lucide",c),...u},[...h.map(e=>{let[t,r]=e;return(0,s.createElement)(t,r)}),...Array.isArray(d)?d:[d]])}),d=(e,t)=>{let r=(0,s.forwardRef)((r,i)=>{let{className:o,...d}=r;return(0,s.createElement)(c,{ref:i,iconNode:t,className:l("lucide-".concat(n(a(e))),"lucide-".concat(e),o),...d})});return r.displayName=a(e),r}}},e=>{var t=t=>e(e.s=t);e.O(0,[587,749,636,593,792],()=>t(3148)),_N_E=e.O()}]);