https://anfin.vn/_next/static/chunks/pages/hang-hoa/index_-73935ce4aff0c38c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1648],{66242:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var i=t(87462),r=t(63366),o=t(67294),a=t(90512),l=t(94780),s=t(90948),x=t(28628),c=t(90629),d=t(1588),g=t(34867);function p(e){return(0,g.ZP)("MuiCard",e)}(0,d.Z)("MuiCard",["root"]);var h=t(85893);let m=["className","raised"],f=e=>{let{classes:n}=e;return(0,l.Z)({root:["root"]},p,n)},u=(0,s.ZP)(c.Z,{name:"MuiCard",slot:"Root",overridesResolver:(e,n)=>n.root})(()=>({overflow:"hidden"})),y=o.forwardRef(function(e,n){let t=(0,x.i)({props:e,name:"MuiCard"}),{className:o,raised:l=!1}=t,s=(0,r.Z)(t,m),c=(0,i.Z)({},t,{raised:l}),d=f(c);return(0,h.jsx)(u,(0,i.Z)({className:(0,a.Z)(d.root,o),elevation:l?8:void 0,ref:n,ownerState:c},s))});var b=y},44267:function(e,n,t){"use strict";t.d(n,{Z:function(){return y}});var i=t(87462),r=t(63366),o=t(67294),a=t(90512),l=t(94780),s=t(90948),x=t(28628),c=t(1588),d=t(34867);function g(e){return(0,d.ZP)("MuiCardContent",e)}(0,c.Z)("MuiCardContent",["root"]);var p=t(85893);let h=["className","component"],m=e=>{let{classes:n}=e;return(0,l.Z)({root:["root"]},g,n)},f=(0,s.ZP)("div",{name:"MuiCardContent",slot:"Root",overridesResolver:(e,n)=>n.root})(()=>({padding:16,"&:last-child":{paddingBottom:24}})),u=o.forwardRef(function(e,n){let t=(0,x.i)({props:e,name:"MuiCardContent"}),{className:o,component:l="div"}=t,s=(0,r.Z)(t,h),c=(0,i.Z)({},t,{component:l}),d=m(c);return(0,p.jsx)(f,(0,i.Z)({as:l,className:(0,a.Z)(d.root,o),ownerState:c,ref:n},s))});var y=u},41525:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/hang-hoa/index_",function(){return t(24987)}])},13078:function(e,n,t){"use strict";t.d(n,{C:function(){return r}});var i=t(50841);let r=()=>{let{enqueueSnackbar:e,closeSnackbar:n}=(0,i.Ds)(),t=t=>i=>{let r=e(i,{onClick:()=>n(r),variant:t});setTimeout(()=>{},5e3)};return{default:t("default"),error:t("error"),success:t("success"),warning:t("warning"),info:t("info")}}},24987:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eT}});var i=t(82729),r=t(85893),o=t(70917),a=t(90948),l=t(80822),s=t(2962),x=t(25675),c=t.n(x),d=t(41664),g=t.n(d),p=t(69417),h=t(15861),m=t(67294),f=t(49089);let u=e=>{let n=document.getElementById(e);n&&n.scrollIntoView({behavior:"smooth",block:"center"})};var y=t(98604);let b=(0,y.Z)("svg")({cursor:"pointer"});var j=function(e){let{onClick:n,selected:t}=e;return(0,r.jsx)(b,{onClick:n,fill:t?"none":"var(--primary - dark - blue - 300, #BAC6DE)",width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:t?(0,r.jsx)("circle",{cx:"8",cy:"8",r:"8",fill:"#0AA5FF"}):(0,r.jsx)("circle",{opacity:"0.7",cx:"8",cy:"8",r:"8",fill:"#BAC6DE"})})};let Z=(0,a.ZP)(h.Z)(e=>{let{theme:n}=e;return{color:"var(--blue-gray-800, #424B5E)",fontSize:"1.125rem",fontStyle:"normal",fontWeight:"700",lineHeight:"1.5rem",[n.breakpoints.down("lg")]:{fontSize:"1rem",lineHeight:"1.375rem"}}}),v=(0,a.ZP)(h.Z)(e=>{let{theme:n}=e;return{alignSelf:"stretch",color:"var(--blue-gray-700, #697896)",fontSize:"1rem",fontStyle:"normal",fontWeight:"400",lineHeight:"1.5rem",[n.breakpoints.down("lg")]:{fontSize:"0.875rem",lineHeight:"1.375rem"}}}),w=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{display:"flex",padding:"1rem",flexDirection:"column",alignItems:"flex-start",gap:"0.75rem",flex:"1 0 0",alignSelf:"stretch",borderRadius:"1rem",background:"var(--black-white-white, #FFF)",boxShadow:"0px 8px 16px 0px rgba(16, 16, 16, 0.05)",[n.breakpoints.down("lg")]:{width:"10.21875rem",padding:"1rem"}}}),C=(0,a.ZP)("div")({display:"flex",width:"6.25rem",height:"6.77313rem",paddingTop:"4px",justifyContent:"center",alignItems:"center",flexShrink:"0",position:"relative"}),k=(0,a.ZP)("div")({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"0.25rem",flex:"1 0 0"});var S=function(e){return(0,r.jsxs)(w,{children:[(0,r.jsx)(C,{children:(0,r.jsx)(c(),{alt:"P

1SHH",width:100,height:100,src:e.imgSrc})}),(0,r.jsxs)(k,{children:[(0,r.jsxs)(Z,{children:[" ",e.name," "]}),(0,r.jsxs)(Z,{children:[" ",e.exchange," "]}),(0,r.jsxs)(v,{children:[" ",e.commodities," "]})]})]})};let P=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{position:"absolute",top:0,left:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"0.5rem",transition:"all .5s ease-in-out",[n.breakpoints.down("lg")]:{alignItems:"center",left:"50%",transform:"translate(-50%, 0)",width:"inherit",padding:"1rem 1rem 1rem 1rem"}}}),I=(0,a.ZP)(h.Z)(e=>{let{theme:n}=e;return{color:"var(--primary-dark-blue-500, #224696)",textAlign:"center",fontSize:"3.5rem",fontStyle:"normal",[n.breakpoints.down("lg")]:{fontSize:"2.125rem",lineHeight:"3.75rem"}}}),M=(0,a.ZP)(h.Z)(e=>{let{theme:n}=e;return{color:"var(--primary-dark-blue-500, #224696)",textAlign:"center",fontSize:"1.5rem",fontStyle:"normal",fontWeight:"400",[n.breakpoints.down("lg")]:{fontSize:"1rem"}}}),N=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{display:"flex",flexDirection:"column",alignItems:"flex-start",[n.breakpoints.down("lg")]:{display:"inline-flex",alignItems:"center"}}});var B=function(e){return(0,r.jsx)(P,{style:{opacity:e.opacity?1:0,height:"100%"},children:(0,r.jsxs)(N,{sx:{position:"absolute",width:"max-content",bottom:0},children:[(0,r.jsx)(I,{sx:{fontWeight:"700"},children:e.header}),(0,r.jsx)(I,{sx:{fontWeight:"400"},children:e.subHeader}),e.additionalHeader?(0,r.jsx)(M,{children:e.additionalHeader}):(0,r.jsx)(r.Fragment,{})]})})};let H=(0,a.ZP)("img")(e=>{let{theme:n}=e;return{position:"absolute",top:"0px",left:"0px",transition:"all .5s ease-in-out",width:"100%",[n.breakpoints.down("lg")]:{left:"50%",transform:"translateX(-50%)",width:"21.4375rem",height:"19.418rem"}}}),T=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{position:"relative",backgroundImage:"url('/commodity/section-1-background.webp')",width:"inherit",height:"40.9375rem",[n.breakpoints.down("lg")]:{height:"42.3125rem"}}}),F=(0,a.ZP)(p.Z)(e=>{let{theme:n}=e;return{width:"22.375rem",height:"3rem",borderRadius:"0.5rem",background:"var(--primary-light-blue-500, #0AA5FF)",color:"var(--black-white-white, #FFF)",textAlign:"center",textTransform:"initial",fontSize:"1rem",fontStyle:"normal",fontWeight:"700",lineDeight:"1.5rem","&:hover":{background:"#224696"},[n.breakpoints.down("lg")]:{width:"20rem"}}}),_=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{display:"flex",justifyContent:"center",alignItems:"center",gap:"7.3125rem",[n.breakpoints.down("lg")]:{gap:"1rem",flexDirection:"column"}}}),z=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"inherit",[n.breakpoints.down("lg")]:{width:"100%",alignItems:"center"}}}),D=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{position:"relative",[n.breakpoints.down("lg")]:{width:"100%"}}}),R=(0,a.ZP)("div")({display:"flex",alignItems:"center",gap:"0.75rem"}),A=(0,a.ZP)("div")({display:"flex",padding:"2.74275rem 9.75rem 3.06975rem 9.75rem",justifyContent:"center",alignItems:"center",borderRadius:"0rem 0rem 4rem 4rem",background:"#EAF3FA"}),E=(0,a.ZP)("div")({display:"flex",flexDirection:"column",alignItems:"center",gap:"2.3125rem"}),W=(0,a.ZP)(h.Z)(e=>{let{theme:n}=e;return{color:"var(--primary-dark-blue-500, #224696)",textAlign:"center",fontSize:"2.5rem",fontStyle:"normal",lineHeight:"3.75rem",[n.breakpoints.down("lg")]:{fontSize:"2rem",lineHeight:"2rem"}}}),O=(0,a.ZP)("div")(e=>{let{theme:n}=e;return{display:"flex",width:"70.5rem",alignItems:"flex-start",gap:"1.5rem",[n.breakpoints.down("lg")]:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gridTemplateRows:"repeat(2, 1fr)",gridGap:"1rem",width:"inherit"}}}),L=()=>{let e=()=>{let e=document.getElementById("intro-frame"),n=document.getElementById("content-wrapper"),t=document.getElementById("carousel");window.innerWidth<=960?t&&(null==e||e.appendChild(t)):t&&(null==n||n.appendChild(t))};(0,m.useEffect)(()=>{e(),window.addEventListener("resize",e,!1);let n=document.createElement("script");n.src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js",n.async=!0,n.innerHTML=JSON.stringify({symbols:[{description:"L\xf9a mỳ 12/2023",proName:"CBOT:ZWZ2023"},{description:"Đậu tương 11/2023",proName:"CBOT:ZSX2023"},{description:"Kh\xf4 đậu tương 12/2023",proName:"CBOT:ZMZ2023"},{description:"Dầu đậu tương 12/2023",proName:"CBOT:ZLZ2023"},{description:"Ng\xf4 12/2023",proName:"CBOT:ZCZ2023"},{description:"Gạo th\xf4 11/2023",proName:"CBOT:ZRX2023"},{description:"Đậu tương mini 11/2023",proName:"CBOT_MINI:XKX2023"},{description:"L\xfaa mỳ mini 12/2023",proName:"CBOT_MINI:XWZ2023"},{description:"Ng\xf4 mini 12/2023",proName:"CBOT_MINI:XCZ2023"},{description:"Bạc 12/2023",proName:"COMEX:SIZ2023"},{description:"Bạc mini 12/2023",proName:"COMEX_MINI:QIZ2023"},{description:"Bạc micro 12/2023",proName:"COMEX_MINI:SILZ2023"},{description:"Bạch kim 12/2023",proName:"NYMEX:PLZ2023"},{description:"Đồng 12/2023",proName:"COMEX:HGZ2023"},{description:"Đồng mini 12/2023",proName:"COMEX_MINI:QCZ2023"},{description:"Đồng micro 12/2023",proName:"COMEX_MINI:MHGZ2023"}],showSymbolLogo:!0,colorTheme:"light",isTransparent:!1,displayMode:"compact",locale:"en"});let t=document.getElementById("ticker-tape");t&&!t.hasChildNodes()&&t.appendChild(n)},[]);

1let[n,t]=(0,m.useState)([!0,!1,!1]),i=e=>{let i=[!1,!1,!1];for(let t in n)e===parseInt(t)&&(i[t]=!0);t(i)},o=()=>{for(let e in n){let t=parseInt(e);n[t]&&(t===n.length-1?i(0):i(t+1))}};return(0,m.useEffect)(()=>{let e=setInterval(()=>{o()},3e3);return()=>{clearInterval(e)}},[n]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(T,{sx:{p:{xs:"20px 0px 20px",lg:"80px 0px 120px"}},children:(0,r.jsxs)(_,{id:"intro-frame",children:[(0,r.jsxs)(z,{id:"content-wrapper",sx:{gap:"2rem"},children:[(0,r.jsxs)(z,{sx:{gap:"1rem"},children:[(0,r.jsxs)(D,{sx:{width:"35rem",height:{xs:"14rem",lg:"12.75rem"},position:"relative"},children:[(0,r.jsx)(B,{header:"An T\xe2m",subHeader:"mở t\xe0i khoản nhanh",paragraph:"",opacity:n[0]}),(0,r.jsx)(B,{header:"Hỗ trợ trực tuyến",subHeader:"Chia sẻ kiến thức",additionalHeader:"(Miễn ph\xed 100% ph\xed nền tảng CQG)",paragraph:"",opacity:n[1]}),(0,r.jsx)(B,{header:"Nạp / R\xfat tiền",subHeader:"nhanh ch\xf3ng",paragraph:"",opacity:n[2]})]}),(0,r.jsx)(F,{onClick:()=>{f.ZP.event({category:"Landing Page PSHH",action:"onclick",label:"Tu van ngay",value:200,nonInteraction:!0,transport:"xhr"}),u("advise-form")},id:"btnAdvise",children:"Tư vấn ngay"})]}),(0,r.jsxs)(R,{id:"carousel",children:[(0,r.jsx)(j,{onClick:()=>i(0),selected:n[0]}),(0,r.jsx)(j,{onClick:()=>i(1),selected:n[1]}),(0,r.jsx)(j,{onClick:()=>i(2),selected:n[2]})]})]}),(0,r.jsxs)(D,{sx:{width:{lg:"34.5rem",xs:"21.4375rem"},height:{lg:"31.25rem",xs:"19.418rem"}},children:[(0,r.jsx)(H,{sx:{opacity:n[0]?1:0},src:"/commodity/section-1-banner-1.webp"}),(0,r.jsx)(H,{sx:{opacity:n[1]?1:0},src:"/commodity/section-1-banner-2.webp"}),(0,r.jsx)(H,{sx:{opacity:n[2]?1:0},src:"/commodity/section-1-banner-3.webp"})]})]})}),(0,r.jsx)("div",{id:"ticker-tape"}),(0,r.jsx)(A,{children:(0,r.jsxs)(E,{children:[(0,r.jsx)(W,{sx:{fontWeight:"700"},children:"Sản phẩm giao dịch"}),(0,r.jsxs)(O,{children:[(0,r.jsx)(S,{imgSrc:"/commodity/section-1-icon-1.webp",name:"N\xf4ng sản",exchange:"(CBOT)",commodities:"Ng\xf4, L\xfaa mỳ, Đậu tương, Kh\xf4 đậu tương, Dầu đậu tương"}),(0,r.jsx)(S,{imgSrc:"/commodity/section-1-icon-2.webp",name:"Kim loại",exchange:"(NYMEX/COMEX)",commodities:"Bạc, Đồng, Bạch kim, Quặng sắt"}),(0,r.jsx)(S,{imgSrc:"/commodity/section-1-icon-3.webp",name:"Nguy\xean liệu c\xf4ng nghiệp",exchange:"(ICE/TOCOM)",commodities:"Cafe, B\xf4ng, Ca cao, Cao su, Đường"}),(0,r.jsx)(S,{imgSrc:"/commodity/section-1-icon-4.webp",name:"Năng lượng",exchange:"(NYMEX/ICE)",commodities:"Dầu th\xf4 WTI/MICRO, Dầu th\xf4 Brent, Kh\xed tự nhi\xean…"})]})]})})]})};var X=t(73601),G=t(41796),q=t(56815),U=t(46574),K=t(86886),V=t(51233),Q=t(94054),Y=t(98456),$=t(13078),J=t(71955);let ee=(0,y.Z)(p.Z)({padding:"10px",borderRadius:"8px",boxShadow:"none",fontSize:"16px",fontWeight:700,lineHeight:"24px",textTransform:"inherit",color:"#FFFFFF",height:"48px",background:"rgba(10, 165, 255, 1)","&:hover, &:active, &:focus":{boxShadow:"none"}}),en=(0,a.ZP)(X.ZP)(e=>{let{theme:n}=e;return{fontSize:"14px",fontWeight:400,lineHeight:"22px",borderRadius:"8px",height:"48px",width:"49%",border:"1px solid rgba(208, 213, 220, 1)",background:"linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D0D5DC, #D0D5DC)","&.Mui-error":{borderColor:"rgba(255, 128, 128, 1)"},"label + &":{marginTop:n.spacing(3)},transition:n.transitions.create(["border-color","box-shadow"]),"&.Mui-focused":{borderColor:n.palette.primary.main,boxShadow:"".concat((0,G.Fq)(n.palette.primary.main,.25)," 0 0 0 0.2rem")},"& .MuiInputBase-input":{position:"relative",fontSize:14,padding:n.spacing(2)},"input:-webkit-autofill":{borderRadius:"8px"}}}),et=(0,a.ZP)(q.Z)(()=>({"&.Mui-error":{color:"rgba(255, 128, 128, 1)"}})),ei=()=>{let[e,n]=(0,m.useState)({phone:"",id:"",full_name:""}),[t,i]=(0,m.useState)({}),o=r=>o=>{n({...e,[r]:o.target.value}),i({...t,[r]:""})},a=()=>{let n={};return e.phone?(0,J.kj)(e.phone)||(n.phone="Số điện thoại kh\xf4ng đ\xfang định dạng"):n.phone="Vui l\xf2ng kh\xf4ng để trống số điện thoại",e.full_name||(n.full_name="Vui l\xf2ng kh\xf4ng để trống họ v\xe0 t\xean"),n},[s,x]=(0,m.useState)(!1),c=(0,m.useRef)(!1),d=(0,$.C)(),g=async t=>{if(t.preventDefault(),c.current)return;let r=a();

1if(i(r),r.email||r.phone||r.full_name)return;let o=new URLSearchParams(window.location.search),l=o.get("id"),s={full_name:e.full_name.trim(),phone:e.phone.trim().replace(/[\s.-]/g,"").replace(/^\+?84/,"0"),...l?{id:l.trim()}:{}};c.current=!0,x(!0),fetch("/api/commodity/advise",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)}).then(e=>e.json()).then(e=>{200===e.code?(n({phone:"",id:"",full_name:""}),f.ZP.event({category:"Landing Page PSHH",action:"onclick",label:"Yeu cau DK - SDT",value:200,nonInteraction:!0,transport:"xhr"}),d.success("Đ\xe3 gửi y\xeau cầu tư vấn đến nh\xe2n vi\xean hỗ trợ")):d.error("Gửi y\xeau cầu tư vấn thất bại! Vui l\xf2ng thử lại")}).finally(()=>{c.current=!1,x(!1)})};return(0,r.jsx)(l.Z,{id:"advise-form",sx:{position:"relative",p:{xs:"20px 0px",lg:"40px 0px"},backgroundImage:"url('/commodity/section-4-background.webp')",backgroundPosition:"center",backgroundSize:"cover"},children:(0,r.jsx)(U.Z,{maxWidth:"lg",children:(0,r.jsxs)(K.ZP,{container:!0,sx:{display:"flex",position:"relative",width:{xs:"fullscreen",lg:"937px"},margin:"auto",flexDirection:{xs:"column",lg:"row"},gap:"24px"},children:[(0,r.jsxs)(K.ZP,{item:!0,xs:12,lg:6,sx:{display:"flex",flexDirection:"column",position:"relative",justifyContent:"center",alignItems:{xs:"center",lg:"start"}},children:[(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"32px",sm:"36px"},fontWeight:400,lineHeight:"44px",display:"flex",marginBottom:{xs:"4px",lg:"14px"},color:"#ffffff"},children:"Bạn đ\xe3"}),(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"32px",sm:"40px"},fontWeight:700,lineHeight:"60px",display:"flex",justifyContent:"start",color:"#ffffff"},children:"Sẵn s\xe0ng giao dịch?"})]}),(0,r.jsxs)(K.ZP,{item:!0,xs:12,lg:5.5,sx:{display:"flex",flexDirection:"column",padding:"24px 16px 24px 16px",borderRadius:"16px",background:"linear-gradient(0deg, #6B83B9, #6B83B9), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"},children:[(0,r.jsx)(h.Z,{sx:{color:"#fff",mb:"30px"},children:"H\xe3y để lại th\xf4ng tin, Anfin sẽ li\xean hệ bạn!"}),(0,r.jsxs)(V.Z,{component:"form",noValidate:!0,onSubmit:g,sx:{display:"flex"},children:[(0,r.jsxs)(V.Z,{gap:"24px",sx:{flexDirection:{xs:"column",lg:"column"}},children:[(0,r.jsxs)(Q.Z,{variant:"standard",sx:{width:{xs:"100%",lg:"100%",flexDirection:"row"}},children:[(0,r.jsx)(en,{id:"full_name",name:"fullName",type:"text",autoComplete:"none",placeholder:"Nhập họ v\xe0 t\xean",required:!0,error:!!t.full_name,value:e.full_name,onChange:o("full_name")}),(0,r.jsx)(en,{id:"phone",name:"phone",type:"text",sx:{marginLeft:"auto"},autoComplete:"none",placeholder:"Nhập số điện thoại",required:!0,error:!!t.phone,value:e.phone,onChange:o("phone")})]}),(0,r.jsxs)(Q.Z,{children:[(0,r.jsx)(et,{error:!0,children:t.full_name}),(0,r.jsx)(et,{error:!0,children:t.phone})]})]}),(0,r.jsx)(Q.Z,{variant:"standard",sx:{marginTop:"15px"},children:(0,r.jsx)(ee,{type:"submit",disabled:s,variant:"contained",startIcon:s?(0,r.jsx)(Y.Z,{size:24,color:"inherit"}):void 0,sx:{display:"flex"},children:"Tư vấn"})})]})]})]})})})};var er=t(23795),eo=t(66242),ea=t(63366),el=t(87462),es=t(90512),ex=t(94780),ec=t(28628),ed=t(1588),eg=t(34867);function ep(e){return(0,eg.ZP)("MuiCardMedia",e)}(0,ed.Z)("MuiCardMedia",["root","media","img"]);let eh=["children","className","component","image","src","style"],em=e=>{let{classes:n,isMediaComponent:t,isImageComponent:i}=e;return(0,ex.Z)({root:["root",t&&"media",i&&"img"]},ep,n)},ef=(0,a.ZP)("div",{name:"MuiCardMedia",slot:"Root",overridesResolver:(e,n)=>{let{ownerState:t}=e,{isMediaComponent:i,isImageComponent:r}=t;return[n.root,i&&n.media,r&&n.img]}})(({ownerState:e})=>(0,el.Z)({display:"block",backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center"},e.isMediaComponent&&{width:"100%"},e.isImageComponent&&{objectFit:"cover"})),eu=["video","audio","picture","iframe","img"],ey=["picture","img"],eb=m.forwardRef(function(e,n){let t=(0,ec.i)({props:e,name:"MuiCardMedia"}),{children:i,className:o,component:a="div",image:l,src:s,style:x}=t,c=(0,ea.Z)(t,eh),d=-1!==eu.indexOf(a),g=!d&&l?(0,el.Z)({backgroundImage:`url("${l}")`},x):x,p=(0,el.Z)({},t,{component:a,isMediaComponent:d,isImageComponent:-1!==ey.indexOf(a)}),h=em(p);return(0,r.jsx)(ef,(0,el.Z)({className:(0,es.Z)(h.root,o),as:a,role:!d&&l?"img":void 0,ref:n,style:g,ownerState:p,src:d?l||s:void 0},c,{children:i}))});var ej=t(44267);let eZ=e=>(0,r.jsxs)(eo.Z,{elevation:0,sx:{display:"flex",height:{xs:"80px",lg:"133px"}

1,background:"#F3F7F9",borderRadius:{xs:"16px",lg:e.radiusSide&&"left"!==e.radiusSide?"0px 16px 16px 0px":"16px 0px 0px 16px"},alignItems:"center",marginBottom:"24px",padding:"16px",gap:{xs:"8px",lg:"4px"}},children:[(0,r.jsx)(eb,{component:"img",sx:{width:{xs:48,lg:60},height:{xs:48,lg:60}},image:e.iconURL,alt:e.iconAlt||"icon"}),(0,r.jsx)(l.Z,{sx:{display:"flex",flexDirection:"column"},children:(0,r.jsx)(ej.Z,{sx:{flex:"1 0 auto",padding:0,paddingBottom:"0 !important"},children:(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"16px",sm:"18px"},fontWeight:590,lineHeight:"24px",display:"flex",justifyContent:"left",textAlign:{xs:"left",sm:"left"},color:"#224696"},children:e.title})})})]}),ev=[{iconURL:"/commodity/section-2-icon-1.png",title:"Sở giao dịch h\xe0ng ho\xe1 Việt Nam cấp ph\xe9p"},{iconURL:"/commodity/section-2-icon-2.png",title:"Giao dịch li\xean th\xf4ng quốc tế"},{iconURL:"/commodity/section-2-icon-3.png",title:"K\xfd quỹ linh hoạt tuỳ từng mặt h\xe0ng"},{iconURL:"/commodity/section-2-icon-4.png",title:"Giao dịch 23h/ng\xe0y, đa dạng sản phẩm"},{iconURL:"/commodity/section-2-icon-5.png",title:"Mua/B\xe1n ngay trong ng\xe0y: T+0"},{iconURL:"/commodity/section-2-icon-6.png",title:"Thị trường minh bạch"}],ew=()=>(0,r.jsx)(l.Z,{sx:{position:"relative",p:{xs:"40px 20px",lg:"80px 120px"}},children:(0,r.jsxs)(U.Z,{maxWidth:"lg",sx:{padding:{xs:0,lg:"0px 16px"},flexDirection:{xs:"column !important",lg:"column"}},children:[(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"32px",sm:"36px"},fontWeight:400,lineHeight:"44px",display:"flex",marginBottom:{xs:"4px",lg:"14px"},justifyContent:"center",textAlign:{xs:"center",sm:"start"},color:"#224696"},children:"Đầu tư"}),(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"32px",sm:"40px"},fontWeight:700,lineHeight:{xs:"48px",lg:"60px"},display:"flex",marginBottom:{xs:"28px",lg:"0px"},justifyContent:"center",textAlign:{xs:"center",sm:"start"},color:"#224696"},children:"Ph\xe1i sinh h\xe0ng ho\xe1 với Anfin"}),(0,r.jsx)(er.Z,{sx:{display:"flex",justifyContent:"center",color:"rgba(0, 107, 190, 1)",marginBottom:"40px",fontSize:"16px",fontWeight:600},target:"_blank",href:"https://mxv.com.vn/tin-tuc/cong-ty-tnhh-anfin-la-thanh-vien-kinh-doanh-moi-cua-so-giao-dich-hang-hoa-viet-nam-n5057.html",children:"Quyết định c\xf4ng nhận Th\xe0nh vi\xean Kinh doanh"}),(0,r.jsxs)(K.ZP,{container:!0,sx:{position:"relative",width:{xs:"fullscreen",lg:"936px"},margin:"auto",flexDirection:{xs:"column",lg:"row"}},children:[(0,r.jsx)(K.ZP,{item:!0,xs:12,lg:3.5,sx:{order:{xs:2,lg:1},paddingY:{sx:0,lg:8.5}},children:ev.slice(0,Math.floor(ev.length/2)).map((e,n)=>(0,r.jsx)(eZ,{...e,radiusSide:"left"},n))}),(0,r.jsx)(K.ZP,{item:!0,xs:5,sx:{display:{xs:"none",lg:"block"},position:"relative",order:2},children:(0,r.jsx)(l.Z,{sx:{position:"relative",height:"100%"},children:(0,r.jsx)(c(),{src:"/commodity/section-2-certificate.webp",layout:"fill",objectFit:"contain",alt:"Giấy chứng nhận của sở h\xe0ng ho\xe1 Việt Nam"})})}),(0,r.jsx)(K.ZP,{item:!0,sx:{display:{xs:"block",lg:"none"},marginX:"auto",order:1,marginBottom:"16px"},children:(0,r.jsx)(c(),{src:"/commodity/section-2-certificate.webp",width:343,height:506,alt:"Giấy chứng nhận của sở h\xe0ng ho\xe1 Việt Nam"})}),(0,r.jsx)(K.ZP,{item:!0,xs:12,lg:3.5,sx:{order:3,paddingY:{sx:0,lg:8.5}},children:ev.slice(Math.floor(ev.length/2),ev.length).map((e,n)=>(0,r.jsx)(eZ,{...e,radiusSide:"right"},n))})]}),(0,r.jsx)(V.Z,{children:(0,r.jsx)(ee,{sx:{display:{xs:"none",lg:"flex"},width:"358px",height:"48px",marginTop:"1.875rem",marginX:"auto","&:hover":{color:"rgb(10, 165, 255)",background:"rgb(255, 255, 255)",border:"1px solid rgb(10, 165, 255)"}},onClick:()=>{f.ZP.event({category:"Landing Page PSHH",action:"onclick",label:"Tu van ngay",value:200,nonInteraction:!0,transport:"xhr"}),u("advise-form")},children:"Tư vấn ngay"})})]})}),eC=e=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(eo.Z,{elevation:0,sx:{display:"flex",height:"98px",alignItems:"center",gap:"23px",background:"transparent"},children:[(0,r.jsx)(V.Z,{gap:.2,children:(0,r.jsx)(l.Z,{sx:{display:"flex",width:"72px",height:"98px",justifyContent:"center",alignItems:"center",borderTop:"2px solid rgba(10, 165, 255, 1)",borderRadius:"12px",background:"linear-gradient(180deg, rgba(255, 255, 255, 0.00) 85%, #0AA5FF 155%)"},children:(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"40px",lg:"48px"},fontWeight:860,lineHeight:{xs:"53px",lg:"64px"},display:"flex",textAlign:{xs:"left",sm:"left"},color:"#224696"},children:e.number})})}),(0,r.jsx)(l.Z,{sx:{display:"flex",flexDirection:"column"},children:(0,r.jsxs)(ej.Z,{sx:{padding:0,paddingBottom:"0px !important",flexDirection:"column",display:"flex",gap:"4px"},children:[(0,r.jsx)(h.Z,{sx:{fontSize:"18px",fontWeight:{xs:700,lg:590},lineHeight:"24px",display:"flex",justifyContent:"left",textAlign:{xs:"left",sm:"left"},color:"#224696"},children:e.title}),(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"14px",sm:"16px"},fontWeight:400,lineHeight:{xs:"22px",lg:"24px"},display:"flex",justifyContent:"left",textAlign:{xs:"left",sm:"left"},color:"#697896"},children:e.content})]})})]}),e.includeBottomBar&&(0,r.jsx)(l.Z,{sx:{display:"flex",width:"72px",height:"30px",justifyContent:"center",alignItems:"center"},children:(0,r.jsx)(c(),{width:50,height:30,src:"/commodity/section-3-vertical-bar.webp",alt:"vertical bar"})})]}),ek=[{title:"Mở t\xe0i khoản giao dịch",content:"Mở t\xe0i khoản giao dịch (Cung cấp th\xf4ng tin để Anfin gi\xfap bạn mở t\xe0i khoản dưới 30 ph\xfat)"},{title:"K\xfd quỹ giao dịch",content:"K\xfd quỹ giao dịch (Nạp tiền giao dịch qua t\xe0i khoản ng\xe2n h\xe0ng. Mức k\xfd quỹ ph\xf9 hợp với từng mặt h\xe0ng)"},{title:"Thực hiện giao dịch",content:"Theo d\xf5i chuy\xean gia tư vấn v\xe0 thực hiện giao dịch tr\xean nền tảng CQG."}],eS=()=>(0,r.jsx)(l.Z,{sx:{position:"relative",p:{xs:"40px 20px",lg:"80px 120px"},backgroundImage:"url('/commodity/section-3-background.webp')",backgroundPosition:"center",backgroundSize:"cover"},children:(0,r.jsx)(U.Z,{maxWidth:"lg",sx:{padding:{xs:0,lg:"0px 16px"}},children:(0,r.jsxs)(K.ZP,{container:!0,sx:{position:"relative",width:{sx:"fullscreen",lg:"1127px"},margin:"auto",justifyContent:"space-between"},children:[(0,r.jsxs)(K.ZP,{item:!0,xs:12,lg:6,sx:{display:"flex",position:"relative",gap:.2,flexDirection:"column"},children:[(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"32px",sm:"36px"},fontWeight:400,lineHeight:"44px",display:"flex",marginBottom:{xs:"4px",lg:"14px"},justifyContent:"start",textAlign:{xs:"left",sm:"left"},color:"#224696"},children:"C\xe1c bước"}),(0,r.jsx)(h.Z,{sx:{fontSize:{xs:"32px",sm:"40px"},fontWeight:700,lineHeight:"60px",display:"flex",marginBottom:{xs:"28px",lg:"48px"},justifyContent:"start",textAlign:{xs:"left",sm:"left"},color:"#224696"},children:"Tham gia giao dịch"}),(0,r.jsx)(V.Z,{gap:.2,children:ek.map((e,n)=>(0,r.jsx)(eC,{...e,number:n+1,includeBottomBar:n!==ek.length-1},n))})]}),(0,r.jsx)(K.ZP,{item:!0,xs:5.5,sx:{position:"relative",display:{xs:"none",lg:"block"}},children:(0,r.jsx)(c(),{src:"/commodity/section-3-app.webp",fill:!0,alt:""})}),(0,r.jsx)(K.ZP,{item:!0,sx:{display:{xs:"block",lg:"none"}

1,marginX:"auto",order:1,marginBottom:"16px"},children:(0,r.jsx)(c(),{src:"/commodity/section-3-app.webp",width:343,height:371,alt:"M\xe0n h\xecnh giao dịch ph\xe1i sinh h\xe0ng ho\xe1"})})]})})});var eP=t(72329),eI=t(36470);function eM(){let e=(0,i._)(["\n  0% {transform: rotate(0deg)}\n  25% {transform: rotate(5deg)}\n  50% {transform: rotate(-5deg)}\n  75% {transform: rotate(5deg)}\n  100% {transform: rotate(0deg)}\n"]);return eM=function(){return e},e}let eN=(0,o.F4)(eM()),eB=(0,a.ZP)(l.Z)(e=>{let{theme:n}=e;return{position:"fixed",bottom:"10%",right:"10%",animation:"".concat(eN," 2s infinite linear"),[n.breakpoints.down("sm")]:{bottom:"100px",right:"10px"}}}),eH=()=>{let e=()=>(0,r.jsx)(eB,{children:(0,r.jsx)(g(),{target:"_blank",href:"https://zalo.me/g/dxnzoz357",children:(0,r.jsx)(c(),{src:"/social/zalo-group.png",alt:"zalo group",width:60,height:60})})});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.PB,{title:"Anfin - Ph\xe1i Sinh H\xe0ng Ho\xe1",description:"Giao dịch H\xe0ng Ho\xe1 li\xean th\xf4ng quốc tế. Giao dịch 23h/ng\xe0y, đa dạng sản phẩm. Mua/B\xe1n ngay trong ng\xe0y: T+0. Thị trường minh bạch",openGraph:{url:"https://anfin.vn/hang-hoa/",title:"Anfin - Ph\xe1i Sinh H\xe0ng Ho\xe1",description:"Giao dịch H\xe0ng Ho\xe1 li\xean th\xf4ng quốc tế. Giao dịch 23h/ng\xe0y, đa dạng sản phẩm. Mua/B\xe1n ngay trong ng\xe0y: T+0. Thị trường minh bạch",images:[{url:"/commodity/section-3-app.webp",width:1200,height:1262,alt:"Anfin - Ph\xe1i Sinh H\xe0ng Ho\xe1",type:"image/webp"}],site_name:"Anfin"}}),(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(eI.MainHeader,{forwardURL:{loginURL:"/hang-hoa/dang-nhap",registerURL:"/hang-hoa/dang-ky"}}),(0,r.jsxs)(l.Z,{sx:{position:"relative"},children:[(0,r.jsx)(L,{}),(0,r.jsx)(ew,{}),(0,r.jsx)(eS,{}),(0,r.jsx)(ei,{})]}),(0,r.jsx)(eP.MainFooter,{}),(0,r.jsx)(e,{})]})]})};var eT=eH},71955:function(e,n,t){"use strict";t.d(n,{eW:function(){return r},kj:function(){return o},vV:function(){return i}});let i=e=>/\S+@\S+\.\S+/.test(e),r=e=>/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?\d)(?=.*?[!@#$%^&*()_+\-=[\]{};:\\|,.<>/?]).{8,}$/.test(e);function o(e){return!!e.match(/(84|0[3|5|7|8|9])+([0-9]{8})\b/g)}}},function(e){e.O(0,[3601,6951,5675,2962,3674,9774,2888,179],function(){return e(e.s=41525)}),_N_E=e.O()}]);