https://bepay.money/_next/static/chunks/3197.74af39b906b7e7d3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3197],{33197:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var i=s(95155),a=s(76604),n=s(58918),o=s(71780),l=s(70881),r=s(12115);s(86678);var d=s(66766),c=s(78874),p=s(55343),m=s(3190);let x=[{id:1,image:"/images/crypto/invest1.png",video:"https://assets.bepay.money/website_assets/invest1.mp4",title:"Tokenized Real Estate",description:"Invest in premium real estate properties with fractional ownership using crypto",details:"Starting from $100 minimum investment",category:"Real Estate"},{id:2,image:"/images/crypto/invest2.png",title:"Tokenized Gold",description:"Own physical gold through blockchain-backed tokens",details:"Backed by physical gold reserves",category:"Gold"},{id:3,image:"/images/crypto/invest3.png",video:"https://assets.bepay.money/website_assets/invest3.mp4",title:"Tokenized Equity",description:"Invest in company shares through tokenized equity platforms",details:"Access to global equity markets",category:"Equity"},{id:4,image:"/images/crypto/invest4.png",video:"https://assets.bepay.money/website_assets/invest4.mp4",title:"Tokenized Bonds",description:"Diversify with government and corporate bonds as digital tokens",details:"Fixed income opportunities",category:"Bonds"},{id:5,image:"/images/crypto/invest5.png",video:"https://assets.bepay.money/website_assets/invest5.mp4",title:"Tokenized Energy",description:"Invest in renewable energy projects and green initiatives",details:"Sustainable investment options",category:"Energy"}],u=e=>{let{item:t,isInView:s,index:o}=e,[l,c]=(0,r.useState)(!1),[p,m]=(0,r.useState)(!1),[x,u]=(0,r.useState)(!1),g=(0,r.useRef)(null),h=(0,r.useRef)(null),v=(0,a.W)(h,{margin:"0px 100px -50px 100px"});return(0,r.useEffect)(()=>{let e=g.current;if(e&&t.video&&!l&&!x)if(v){console.log("Video ".concat(t.id," is in view, attempting to play."));let s=e.play();void 0!==s&&s.catch(e=>{"AbortError"!==e.name&&(console.error("Video ".concat(t.id," play failed:"),e),u(!0))})}else console.log("Video ".concat(t.id," is out of view, pausing.")),e.pause()},[v,t.video,l,x,t.id]),(0,r.useEffect)(()=>{let e=g.current;if(e&&t.video){let s=()=>console.log("Video ".concat(t.id," started loading")),i=()=>console.log("Video ".concat(t.id," data loaded")),a=()=>console.log("Video ".concat(t.id," started playing")),n=()=>console.log("Video ".concat(t.id," paused"));return e.addEventListener("loadstart",s),e.addEventListener("loadeddata",i),e.addEventListener("play",a),e.addEventListener("pause",n),()=>{e.removeEventListener("loadstart",s),e.removeEventListener("loadeddata",i),e.removeEventListener("play",a),e.removeEventListener("pause",n)}}},[t.id,t.video]),(0,i.jsxs)(n.P.div,{ref:h,initial:{opacity:0,y:100},animate:s?{opacity:1,y:0}:{opacity:0,y:100},transition:{duration:.8,delay:.5+.2*o,ease:"easeOut"},className:"mt-3 flex-shrink-0 w-[80vw] md:w-[45vw] lg:w-[30vw] flex flex-col justify-between bg-[#0E0E0E] rounded-3xl p-4 group cursor-pointer h-[400px] md:h-[420px] lg:h-[440px]",style:{boxShadow:"120px 120px 120px 0px rgba(0, 0, 0, 0.05)"},children:[(0,i.jsx)("div",{className:"relative overflow-hidden rounded-2xl mb-6",children:t.video&&!l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("video",{ref:g,poster:t.image||"/placeholder.svg",width:400,height:220,className:"w-full h-[220px] md:h-[200px] lg:h-[220px] object-cover transition-transform duration-500 group-hover:scale-105",muted:!0,loop:!0,playsInline:!0,preload:"none",onLoadedData:()=>{m(!0),console.log("Video ".concat(t.id," loaded successfully"))},onError:e=>{var s;console.error("Video ".concat(t.id," error:"),null==(s=e.target)?void 0:s.error),c(!0)},style:{display:l?"none":"block"},children:[(0,i.jsx)("source",{src:t.video,type:"video/mp4"}),(0,i.jsx)("source",{src:t.video.replace(".mp4",".webm"),type:"video/webm"}),"Your browser does not support the video tag."]}),l&&(0,i.jsx)(d.default,{src:t.image||"/placeholder.svg",alt:t.title,width:400,height:220,loading:"lazy",className:"w-full h-[220px] md:h-[200px] lg:h-[220px] object-cover transition-transform duration-500 group-hover:scale-105"})]}):(0,i.jsx)(d.default,{src:t.image||"/placeholder.svg",alt:t.title,width:400,height:220,loading:"lazy",className:"w-full h-[220px] md:h-[200px] lg:h-[220px] object-cover transition-transform duration-500 group-hover:scale-105"})}),(0,i.jsx)("div",{className:"lg:p-9",children:(0,i.jsxs)("div",{className:"space-y-3 md:space-y-4 max-w-[327px]",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[#6A6A6A] text-base md:text-lg font-semibold",children:"Tokenized"}),(0,i.jsx)("span",{className:"text-white font-extrabold md:font-bold",children:t.category})]}),(0,i.jsx)("p",{className:"text-[#6A6A6A] text-[14px] md:text-[16

1px] leading-relaxed",children:t.description}),(0,i.jsx)("p",{className:"text-[#6A6A6A] text-[14px] md:text-[16px] italic",children:t.details})]})})]})};function g(){let{handleDownloadClick:e,isOSPopupOpen:t,setIsOSPopupOpen:s,isQRPopupOpen:d,setIsQRPopupOpen:g,selectedOS:h,setSelectedOS:v}=(0,p.d)(),f=(0,r.useRef)(null),y=(0,a.W)(f,{once:!0,margin:"-100px"}),{scrollYProgress:w}=(0,o.L)({target:f}),b=(0,l.G)(w,[0,1],["0%","-80%"]),j=(0,l.G)(w,[0,1],["0%","-40%"]);(0,r.useEffect)(()=>{y&&c.c.sendEvent("Investment Suite section viewed")},[y]);let k=()=>{c.c.sendEvent("'Start investing' button clicked")};return(0,r.useEffect)(()=>{console.log("Investment data with videos:",x.map(e=>({id:e.id,video:e.video,hasVideo:!!e.video})))},[]),(0,i.jsxs)("section",{ref:f,className:"relative h-[300vh] bg-black",children:[(0,i.jsxs)("div",{className:"sticky top-0 flex flex-col h-screen overflow-hidden",children:[(0,i.jsx)("div",{className:"max-w-7xl mx-auto w-full px-4 sm:px-6 lg:px-8 pt-8 md:pt-16 pb-4 md:pb-8",children:(0,i.jsxs)(n.P.div,{initial:{opacity:0,y:50},animate:y?{opacity:1,y:0}:{opacity:0,y:50},transition:{duration:.8,ease:"easeOut"},className:"flex flex-col md:flex-row items-start justify-between lg:-ml-55",children:[(0,i.jsxs)("div",{className:"text-left md:text-center mr-0",children:[(0,i.jsx)("h2",{className:"md:ml-50 text-4xl sm:text-6xl lg:text-[72px] font-medium text-white mb-3 md:mb-4 text-left md:text-center",children:"Investment suite"}),(0,i.jsxs)("p",{className:"text-[#C0C0C0] text-base md:text-lg max-w-lg text-left md:ml-50 leading-snug md:leading-normal mb-2 md:mb-0",children:["Diversify your portfolio with"," ",(0,i.jsx)("br",{className:"block md:hidden"}),(0,i.jsx)("span",{className:"text-white font-medium",children:"tokenized real-world assets"})," ","and traditional investments"]})]}),(0,i.jsxs)(n.P.button,{initial:{opacity:0,scale:.8},animate:y?{opacity:1,scale:1}:{opacity:0,scale:.8},transition:{duration:.6,delay:.2},whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>{k(),e()},className:" flex items-center justify-center cursor-pointer whitespace-nowrap  bg-white text-black transition-colors hover:bg-gray-100  rounded-full mt-4 md:mt-0 px-6 h-[48px] md:h-[56px] gap-2 text-sm font-medium ",children:[(0,i.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"w-5 h-5 md:w-6 md:h-6",children:[(0,i.jsx)("path",{d:"M8.62591 5.09984C8.53039 4.82843 8.353 4.59336 8.11822 4.42705C7.88343 4.26073 7.60283 4.17137 7.3151 4.17129H6.23782C5.93221 4.17215 5.63766 4.28571 5.41058 4.49024C5.1835 4.69477 5.03984 4.97588 5.00713 5.27973C4.97442 5.58359 5.05496 5.88883 5.23331 6.137C5.41166 6.38517 5.67529 6.55883 5.97372 6.62471L7.61118 6.98334C7.94624 7.05647 8.24243 7.25087 8.44282 7.52918C8.64321 7.80749 8.73365 8.15005 8.69674 8.491C8.65983 8.83195 8.49819 9.14722 8.24289 9.3762C7.98759 9.60518 7.65666 9.73171 7.31371 9.73145H6.38656C6.09917 9.73157 5.81881 9.64261 5.58407 9.47682C5.34932 9.31103 5.17174 9.07656 5.07575 8.80568M6.85222 4.17129V2.78125M6.85222 11.1215V9.73145M9.50303 18.7208V11.4231C9.50303 10.9623 9.68609 10.5203 10.0119 10.1945C10.3378 9.86864 10.7797 9.68557 11.2406 9.68557C11.7014 9.68557 12.1434 9.86864 12.4692 10.1945C12.7951 10.5203 12.9781 10.9623 12.9781 11.4231V15.2457H15.7582C16.4955 15.2457 17.2026 15.5386 17.724 16.06C18.2454 16.5814 18.5383 17.2885 18.5383 18.0258V18.7208",stroke:"#080808",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M6.85209 13.2528C5.56961 13.2526 4.31775 12.8609 3.26387 12.1301C2.21 11.3993 1.40434 10.3641 0.95462 9.1631C0.5049 7.96205 0.43255 6.65234 0.747243 5.40907C1.06194 4.16579 1.74867 3.04822 2.71564 2.20576C3.6826 1.3633 4.88371 0.836108 6.15837 0.694673C7.43303 0.553238 8.72049 0.804299 9.84861 1.41429C10.9767 2.02428 11.8918 2.96412 12.4714 4.10817C13.0509 5.25221 13.2675 6.54593 13.092 7.81635",stroke:"#080808",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,i.jsx)("span",{children:"Start Investing"})]})]})}),(0,i.jsxs)("div",{className:"flex-1 flex items-center overflow-hidden",children:[(0,i.jsx)(n.P.div,{style:{x:b},className:"flex gap-8 pl-4 sm:pl-6 lg:pl-8 md:hidden",children:x.map((e,t)=>(0,i.jsx)(u,{item:e,isInView:y,index:t},e.id))}),(0,i.jsx)(n.P.div,{style:{x:j},className:"hidden md:flex gap-8 pl-4 sm:pl-6 lg:pl-8",children:x.map((e,t)=>(0,i.jsx)(u,{item:e,isInView:y,index:t},e.id))})]})]}),(0,i.jsx)(m.p,{isOSPopupOpen:t,setIsOSPopupOpen:s,isQRPopupOpen:d,setIsQRPopupOpen:g,

1selectedOS:h,setSelectedOS:v})]})}},76604:(e,t,s)=>{s.d(t,{W:()=>o});var i=s(12115),a=s(46256);let n={some:0,all:1};function o(e){let{root:t,margin:s,amount:o,once:l=!1}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},[r,d]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{if(!e.current||l&&r)return;let i={root:t&&t.current||void 0,margin:s,amount:o};return function(e,t){let{root:s,margin:i,amount:o="some"}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=(0,a.KJ)(e),r=new WeakMap,d=new IntersectionObserver(e=>{e.forEach(e=>{let s=r.get(e.target);if(!!s!==e.isIntersecting)if(e.isIntersecting){let s=t(e);"function"==typeof s?r.set(e.target,s):d.unobserve(e.target)}else"function"==typeof s&&(s(e),r.delete(e.target))})},{root:s,rootMargin:i,threshold:"number"==typeof o?o:n[o]});return l.forEach(e=>d.observe(e)),()=>d.disconnect()}(e.current,()=>(d(!0),l?void 0:()=>d(!1)),i)},[t,e,s,l,o]),r}},86678:(e,t,s)=>{s.d(t,{A:()=>l});var i=s(95155),a=s(12115),n=s(55028);s(21978);let o=(0,n.default)(()=>Promise.all([s.e(8354),s.e(9641),s.e(1834),s.e(5907),s.e(8178)]).then(s.bind(s,35907)),{loadableGenerated:{webpack:()=>[35907]},ssr:!1});function l(e){let{variant:t="default",size:s="default",children:n,className:l="",triggerSource:r="",buttonLocation:d=""}=e,[c,p]=(0,a.useState)(!1);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{onClick:()=>p(!0),className:"".concat(l),children:n}),(0,i.jsx)(o,{isOpen:c,triggerSource:r,buttonLocation:d,onClose:()=>p(!1),onSubmit:()=>p(!1)})]})}}}]);