https://xynergy.ai/_next/static/chunks/9214.dc3f2c9ab36d2562.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9214],{53833:(e,t,l)=>{l.d(t,{A:()=>a});let a=(0,l(46775).A)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]])},69214:(e,t,l)=>{l.r(t),l.d(t,{VideoSection:()=>s});var a=l(85047),i=l(31615),r=l(33700),n=l(53833),o=l(21410);function s({videoId:e,title:t="了解鑫世紀理財",description:l="觀看影片了解我們如何幫助您管理財務，達成財務自由"}){let[c,d]=(0,i.useState)(!1),m=""===e?null:e??"dQw4w9WgXcQ",u=!!m;return(0,a.jsx)("section",{className:"relative overflow-hidden bg-gradient-to-b from-muted/20 via-background to-muted/20 py-20",children:(0,a.jsxs)("div",{className:"container relative z-10",children:[(0,a.jsxs)(r.P.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6},className:"mb-12 text-center",children:[(0,a.jsx)("h2",{className:"mb-4 bg-gradient-to-r from-foreground via-accent to-purple-500 bg-clip-text text-3xl font-bold tracking-tight text-transparent md:text-4xl",children:t}),(0,a.jsx)("p",{className:"mx-auto mb-4 max-w-2xl text-xl text-muted-foreground",children:l}),!u&&(0,a.jsx)("p",{className:"mx-auto max-w-xl text-sm text-muted-foreground/80",children:"展示影片製作中，即將上線"})]}),(0,a.jsx)(r.P.div,{initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,delay:.2},className:"mx-auto max-w-5xl",children:(0,a.jsx)("div",{className:"relative aspect-video overflow-hidden rounded-2xl border-2 border-border/50 bg-muted/30 shadow-2xl",children:c&&m?(0,a.jsx)("iframe",{className:"h-full w-full",src:`https://www.youtube.com/embed/${m}?autoplay=1&rel=0`,title:t,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-accent/20 via-purple-500/20 to-yellow-500/20",children:(0,a.jsxs)("div",{className:"space-y-6 p-8 text-center",children:[(0,a.jsxs)("div",{className:"relative inline-block",children:[(0,a.jsx)(o.$,{size:"lg",onClick:()=>{u&&d(!0)},disabled:!u,className:"relative h-24 w-24 overflow-hidden rounded-full bg-gradient-to-r from-accent to-purple-500 text-white shadow-2xl transition-all duration-300 hover:scale-110 hover:from-accent/90 hover:to-purple-500/90 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:scale-100",children:(0,a.jsx)(n.A,{className:"pointer-events-none relative z-10 ml-1 h-12 w-12",fill:"currentColor"})}),u?(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0 animate-ping rounded-full bg-accent/30",style:{pointerEvents:"none"}}):null]}),(0,a.jsx)("p",{className:"font-medium text-muted-foreground",children:u?"點擊播放影片":"影片即將推出"})]})})})})]})})}}}]);