1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[939],{939:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>f});var l=t(7876),a=t(9174);t(2688),t(7411),t(3753),t(2841);var r=t(5111),i=t(4232),n=t(5857),x=t.n(n);let o=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"absolute bottom-[48px] h-fit cursor-pointer my-auto left-[65px] z-10 hidden lg:block",children:(0,l.jsxs)("svg",{className:"banner-left rotate-180",fill:"none",height:"40",viewBox:"0 0 40 40",width:"40",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("circle",{cx:"20",cy:"20",r:"19.25",stroke:"white",strokeOpacity:"0.3",strokeWidth:"1.5",transform:"matrix(-1 0 0 1 40 0)"}),(0,l.jsx)("path",{d:"M17.1412 14.2861C17.1412 14.2861 22.8555 18.4946 22.8555 20.0004C22.8555 21.5063 17.1412 25.7147 17.1412 25.7147",stroke:"#E0DEDE",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})]})}),(0,l.jsx)("div",{className:"absolute bottom-[48px] h-fit cursor-pointer my-auto left-[121px] z-10 hidden lg:block",children:(0,l.jsxs)("svg",{className:"banner-right",fill:"none",height:"40",viewBox:"0 0 40 40",width:"40",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("circle",{cx:"20",cy:"20",r:"19.25",stroke:"white",strokeOpacity:"0.3",strokeWidth:"1.5",transform:"matrix(-1 0 0 1 40 0)"}),(0,l.jsx)("path",{d:"M17.1412 14.2861C17.1412 14.2861 22.8555 18.4946 22.8555 20.0004C22.8555 21.5063 17.1412 25.7147 17.1412 25.7147",stroke:"#E0DEDE",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})]})})]}),d=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"banner-left absolute top-1/2 -translate-y-1/2 h-fit cursor-pointer my-auto left-0 z-10 block lg:hidden",children:(0,l.jsx)("div",{className:"w-8 h-8 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center",children:(0,l.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M10 12L6 8L10 4",stroke:"#E0DEDE",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})})}),(0,l.jsx)("div",{className:"banner-right absolute top-1/2 -translate-y-1/2 h-fit cursor-pointer my-auto right-0 z-10 block lg:hidden",children:(0,l.jsx)("div",{className:"w-8 h-8 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center",children:(0,l.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M6 4L10 8L6 12",stroke:"#E0DEDE",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})})})]}),c=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d,{}),(0,l.jsx)(o,{})]});var m=t(4587),u=t.n(m);let h=e=>{let{src:s,className:t="",style:a}=e,[r,n]=(0,i.useState)(!0),[x,o]=(0,i.useState)(!1),d=(0,i.useRef)(null);return(0,i.useEffect)(()=>{d.current&&(n(!0),o(!1),d.current.load())},[s]),(0,l.jsxs)("div",{className:"relative ".concat(t),children:[r&&(0,l.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-gray-100 rounded-xl aspect-video",children:(0,l.jsx)("div",{className:"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"})}),x?(0,l.jsx)("div",{className:"w-full h-full bg-gray-200 flex items-center justify-center rounded-xl",children:(0,l.jsx)("p",{className:"text-gray-500",children:"Video unavailable"})}):(0,l.jsxs)("video",{autoPlay:!0,className:"w-full h-full rounded-xl object-cover border-[1px] border-[#FFFFFF99]",loop:!0,muted:!0,onError:()=>{n(!1),o(!0)},onLoadedData:()=>{n(!1)},playsInline:!0,preload:"metadata",ref:d,style:a,children:[(0,l.jsx)("source",{src:s,type:"video/mp4"}),"Your browser does not support the video tag."]},s)]})},p=e=>{let{activeIndex:s}=e;return(0,l.jsxs)("div",{className:"relative h-full w-full bg-[linear-gradient(104.13deg,_#3CD0FF_0%,#0B0050_100%)] rounded-xl flex flex-col-reverse lg:flex-row-reverse lg:justify-between",children:[(1===s||3===s)&&(0,l.jsx)("div",{className:"flex-1 flex justify-center lg:!justify-end items-start lg:!items-center min-w-0 translate-x-0 lg:translate-x-[40px]",children:(0,l.jsx)(h,{className:"relative rounded-xl aspect-video max-w-[340px] sm:max-w-[680px] w-full lg:max-w-full px-3 sm:px-0",src:"https://iot-ihsmart-images-public-stage.oss-ap-southeast-5.aliyuncs.com/eazy/asset/video_ai/smart-home-video-1.mp4",style:{boxShadow:"-19px 13px 61.9px 6px #00000066"}})}),(0,l.jsxs)("div",{className:"relative w-full max-w-[340px] lg:max-w-[378px] mx-auto lg:ml-9 py-9 space-y-4 px-1 sm:px-0",children:[(0,l.jsxs)("div",{className:"flex flex-row lg:flex-col gap-3 lg:gap-5 justify-center lg:justify-start items-center lg:!items-start",children:[(0,l.jsx)("div",{className:"w-[64px] h-[64px] flex items-center justify-center bg-[#FFFFFF33] rounded-2xl",children:(0,l.jsx)(u(),{alt:"Showcase",height:40,src:"/smart-home/smart-home.svg",width:40})}),(0,l.jsxs)("h4",{className:"text-[#fff] text-[16px] lg:text-[34px] leading-[1.4] font-semibold",children:["Multi-Device,",(0,l.jsx)("br",{}),"Multi-Brand,",(0,l.jsx)("br",{}),"Satu Solusi"]})]}),(0,l.jsx)("p",{className:"text-center lg:!text-left text-sm lg:text-xl !leading-[1.2] text-[#FFFFFFCC]",children:"Dari ruang tamu hingga luar rumah, kendalikan IP camera dan perangkat pintar langsung dari aplikasi. Semua dalam satu aplikasi."})]})]})},g=e=>{let{activeIndex:s}=e;return(0,l.jsxs)("div",{className:"relative h-full w-full bg-[linear-gradient(99.98deg,_#FFA7A7_0%,_#A30CB5_48.44%,_#00173A_100%)] rounded-xl flex flex-col-reverse lg:flex-row-reverse lg:justify-between",children:[(2===s||0===s)&&(0,l.jsx)("div",{className:"flex-1 flex justify-center lg:!justify-end items-start lg:!items-center min-w-0 translate-x-0 lg:translate-x-[40px]",children:(0,l.jsx)(h,{className:"relative rounded-xl aspect-video max-w-[340px] sm:max-w-[680px] w-full lg:max-w-full px-3 sm:px-0",src:"https://iot-ihsmart-images-public-stage.oss-ap-southeast-5.aliyuncs.com/eazy/asset/video_ai/smart-home-video-2.mp4",style:{boxShadow:"-19px 13px 61.9px 6px #00000066"}})}),(0,l.jsxs)("div",{className:"relative w-full max-w-[340px] lg:max-w-[378px] mx-auto lg:ml-9 py-9 space-y-4 px-1 sm:px-0",children:[(0,l.jsxs)("div",{className:"flex flex-row lg:flex-col gap-3 lg:gap-5 justify-center lg:justify-start items-center lg:!items-start",children:[(0,l.jsx)(u(),{alt:"Showcase",className:"w-[75px] sm:w-[100px] lg:w-[136px]",height:64,src:"/homepage/choose-eazy-icon-3.png",width:136}),(0,l.jsxs)("h4",{className:"text-[#fff] text-[16px] lg:text-[34px] leading-[1.4] font-semibold",children:["Selalu Siaga, Meski",(0,l.jsx)("br",{}),"Jauh dari Rumah"]})]}),(0,l.jsx)("p",{className:"text-center lg:!text-left text-sm lg:text-xl !leading-[1.2] text-[#FFFFFFCC]",children:"Tak perlu khawatir saat jauh dari rumah. AI akan kirim notifikasi jika ada aktivitas mencurigakan, langsung ke ponsel Anda."})]})]})},f=()=>{let[e,s]=(0,i.useState)(0),t=(0,i.useRef)(null);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(a.RC,{allowTouchMove:!1,className:x().slider,effect:"fade",loop:!0,modules:[r._R,r.Vx,r.dK],navigation:{nextEl:".banner-right",prevEl:".banner-left"},onSlideChange:e=>{s(e.activeIndex)},onSwiper:e=>{s(e.activeIndex)},pagination:{clickable:!0},ref:t,children:[(0,l.jsx)(a.qr,{className:"relative",children:(0,l.jsx)(p,{activeIndex:e})}),(0,l.jsx)(a.qr,{className:"relative",children:(0,l.jsx)(g,{activeIndex:e})})]}),(0,l.jsx)(c,{})]})}},2688:()=>{},2841:()=>{},3753:()=>{},5857:e=>{e.exports={slider:"styles_slider__H_9x0"}},7411:()=>{}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.