https://lunaver.app/assets/Preview-DTqIdopn.js

1import{d as I,j as e,m as f}from"./vendor-framer-CKW6QRIi.js";import{r as c}from"./vendor-react-DbAb9B2p.js";import{u as z,R as w}from"./index-BX_-1hkQ.js";import"./vendor-lucide-CuC5vpUp.js";const Y="M150.37 130.25c-2.45 5.66-5.35 10.87-8.71 15.66-4.58 6.53-8.33 11.05-11.22 13.56-4.48 4.12-9.28 6.23-14.42 6.35-3.69 0-8.14-1.05-13.32-3.18-5.2-2.12-9.97-3.17-14.34-3.17-4.58 0-9.49 1.05-14.74 3.17-5.26 2.13-9.5 3.24-12.74 3.35-4.93.21-9.84-1.96-14.74-6.52-3.13-2.73-7.04-7.41-11.73-14.04-5.03-7.08-9.17-15.29-12.41-24.65-3.47-10.2-5.21-20.07-5.21-29.59 0-10.95 2.36-20.38 7.09-28.27 3.72-6.33 8.66-11.33 14.86-14.99 6.19-3.67 12.89-5.53 20.1-5.66 3.93 0 9.09 1.21 15.5 3.59 6.39 2.39 10.49 3.6 12.29 3.6 1.34 0 5.87-1.42 13.56-4.24 7.28-2.62 13.42-3.71 18.44-3.28 13.63 1.1 23.87 6.47 30.68 16.15-12.19 7.39-18.22 17.73-18.1 31 .11 10.34 3.86 18.95 11.23 25.8 3.34 3.17 7.07 5.62 11.22 7.36-.9 2.61-1.85 5.11-2.86 7.51zM119.11 7.24c0 8.1-2.97 15.68-8.89 22.7-7.15 8.35-15.8 13.18-25.17 12.42a25.35 25.35 0 01-.19-3.08c0-7.78 3.4-16.1 9.43-22.89 3.01-3.44 6.84-6.31 11.49-8.6 4.64-2.26 9.03-3.51 13.16-3.74.12 1.08.17 2.16.17 3.19z",v=[{id:"deviceIpad",type:"ipad",label:"iPad Pro – LUNAVER Golden Theme",imgSrc:"/images/ipad-screenshot-1.png",imgWebp:"/images/ipad-screenshot-1.webp",width:520,height:337,slowSpeed:.06,fastSpeed:.3,startAngle:0},{id:"deviceIpad2",type:"ipad",label:"iPad Pro – LUNAVER Dark Theme",imgSrc:"/images/ipad-screenshot-2.png",imgWebp:"/images/ipad-screenshot-2.webp",width:475,height:307,slowSpeed:.07,fastSpeed:.28,startAngle:90},{id:"deviceIpad3",type:"ipad",label:"iPad Pro – LUNAVER Green Theme",imgSrc:"/images/ipad-screenshot-3.webp",imgWebp:"/images/ipad-screenshot-3.webp",width:495,height:321,slowSpeed:.065,fastSpeed:.26,startAngle:180},{id:"deviceIphone",type:"iphone",label:"iPhone 17 Pro Max – LUNAVER",imgSrc:"/images/iphone-screenshot.png",imgWebp:"/images/iphone-screenshot.webp",width:230,height:480,slowSpeed:.08,fastSpeed:.35,startAngle:270}];function P({type:t}){const d=t==="ipad"?82:74,n=t==="ipad"?26:22;return e.jsxs("div",{style:{position:"absolute",top:t==="ipad"?22:18,left:t==="ipad"?22:18,width:d,height:d,borderRadius:20,background:"linear-gradient(135deg, #1c1c20, #0c0c0f)",border:"1.5px solid #444",boxShadow:"0 2px 10px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.06)",display:"grid",gridTemplateColumns:"1fr 1fr",gap:5,padding:9},children:[[0,1,2].map(l=>e.jsx("div",{style:{width:n,height:n,borderRadius:"50%",background:"radial-gradient(circle at 38% 38%, #1a1a3a 0%, #0a0a1a 35%, #000008 100%)",border:"2px solid #333",boxShadow:"0 0 4px rgba(0,0,0,0.8), inset 0 0 8px rgba(60,60,140,0.25)"}},l)),e.jsx("div",{style:{width:n,height:n,borderRadius:"50%",background:"radial-gradient(circle, #e2dac4 0%, #c8bc94 40%, #a89870 100%)",border:"1.5px solid #888",boxShadow:"inset 0 0 4px rgba(255,255,255,0.2)"}})]})}function y({def:t}){const d=c.useRef(null),n=c.useRef(null),l=c.useRef({rotY:t.startAngle,rotX:-4,isDragging:!1,startX:0,startY:0,autoRotate:!0,resumeTimer:null,_spd:t.slowSpeed,flashCooldown:!1}),o=t.type==="ipad",r=o?26:40,p=o?14:10,b=o?16:32;c.useEffect(()=>{const i=window.matchMedia("(prefers-reduced-motion: reduce)").matches?.35:1;let g;function h(){const s=l.current,u=d.current;if(!u){g=requestAnimationFrame(h);return}if(s.autoRotate){const x=(s.rotY%360+360)%360,R=(x<55||x>305?t.slowSpeed:t.fastSpeed)*i;s._spd+=(R-s._spd)*.03,s.rotY+=s._spd}u.style.transform=`rotateX(${s.rotX}deg) rotateY(${s.rotY}deg)`;const m=(s.rotY%360+360)%360;if(m>160&&m<200&&!s.flashCooldown&&n.current){s.flashCooldown=!0;const x=n.current;x.style.opacity="1",setTimeout(()=>{x.style.opacity="0"},120),setTimeout(()=>{s.flashCooldown=!1},3e3)}g=requestAnimationFrame(h)}return g=requestAnimationFrame(h),()=>cancelAnimationFrame(g)},[t.slowSpeed,t.fastSpeed]);const j=c.useCallback(a=>{var g,h;const i=l.current;i.isDragging=!0,i.startX=a.clientX,i.startY=a.clientY,i.autoRotate=!1,i.resumeTimer&&clearTimeout(i.resumeTimer),(h=(g=a.target).setPointerCapture)==null||h.call(g,a.pointerId)},[]),k=c.useCallback(a=>{const i=l.current;i.isDragging&&(i.rotY+=(a.clientX-i.startX)*.4,i.rotX=Math.max(-25,Math.min(15,i.rotX-(a.clientY-i.startY)*.2)),i.startX=a.clientX,i.startY=a.clientY)},[]),S=c.useCallback(()=>{const a=l.current;a.isDragging=!1,a.resumeTimer=setTimeout(()=>{a.autoRotate=!0,a.rotX=-4},2e3)},[]);return e.jsxs("div",{style:{perspective:1800,position:"relative",width:t.width,height:t.height},children:[e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",width:"140%",height:"140%",transform:"translate(-50%, -50%)",borderRadius:"50%",background:"radial-gradient(ellipse, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 35%, transparent 60%)",filter:"blur(30px)",pointerEvents:"none",zIndex:-1,animation:"deviceHalo 10s ease-in-out infinite alternate"}}),e.jsxs("div",{ref:d,style:{width:t.width,height:t.height,position:"relative",transformStyle:"preserve-3d",cursor:"grab",willChange:"transform"},onPointerDown:j,onPointerMove:k,onPointerUp:S,tabIndex:0,role:"img","aria-label":t.label,children:[e.jsxs("div",{style:{position:"absolute",inset:0,backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",background:"linear-gradient(145deg, #1d1d21, #111114)",border:"2.5px solid #3a3a3e",borderRadius:r,padding:p,overflow:"hidden",zIndex:2,boxShadow:"0 40px 80px rgba(0,0,0,0.6), 0 0 100px rgba(201,162,39,0.12), inset 0 1px 0 rgba(255,255,255,0.08)"},children:[o&&e.jsx("div",{style:{width:8,height:8,background:"radial-gradient(circle, #1a3a1a, #0a0a0a)",border:"1px solid #333",borderRadius:"50%",position:"absolute",top:"50%",left:6,transform:"translateY(-50%)",zIndex:5}}),!o&&e.jsx("div",{style:{position:"absolute",top:14,left:"50%",transform:"translateX(-50%)",width:96,height:26,background:"#000",borderRadius:16,border:"1px solid #1a1a1a",zIndex:5,boxSh

1adow:"0 0 4px rgba(0,0,0,0.5)"}}),e.jsx("div",{style:{width:"100%",height:"100%",background:"#000",borderRadius:b,overflow:"hidden",boxShadow:"inset 0 0 20px rgba(0,0,0,0.5)"},children:e.jsxs("picture",{children:[t.imgWebp&&e.jsx("source",{srcSet:t.imgWebp,type:"image/webp"}),e.jsx("img",{src:t.imgSrc,alt:t.label,loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block",filter:"brightness(1.12) contrast(1.18) saturate(1.35)"}})]})}),e.jsx("div",{style:{position:"absolute",top:p,left:p,right:p,bottom:p,borderRadius:b,background:"linear-gradient(155deg, rgba(255,255,255,0.06) 0%, transparent 40%)",pointerEvents:"none",zIndex:10}})]}),e.jsxs("div",{style:{position:"absolute",inset:0,backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)",background:o?"linear-gradient(170deg, #48484c 0%, #333336 20%, #28282c 50%, #1e1e22 100%)":"linear-gradient(175deg, #525256 0%, #3d3d41 20%, #2e2e32 50%, #222226 100%)",border:`2.5px solid ${o?"#505054":"#555558"}`,borderRadius:r,overflow:"hidden",zIndex:1,boxShadow:"0 40px 80px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.18)"},children:[e.jsx(P,{type:t.type}),e.jsx("div",{ref:n,style:{position:"absolute",inset:0,borderRadius:r,background:"radial-gradient(ellipse at 35% 25%, rgba(255,255,255,0.95) 0%, rgba(255,245,200,0.6) 30%, transparent 65%)",opacity:0,transition:"opacity 0.12s ease-out",pointerEvents:"none",zIndex:10}}),e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:36,height:44,opacity:.22},children:e.jsx("svg",{viewBox:"0 0 170 170",style:{width:"100%",height:"100%",fill:"rgba(255,255,255,0.55)"},children:e.jsx("path",{d:Y})})}),e.jsx("div",{style:{position:"absolute",bottom:22,left:"50%",transform:"translateX(-50%)",fontSize:11,fontWeight:300,letterSpacing:1.5,color:"rgba(255,255,255,0.12)",textTransform:"uppercase",whiteSpace:"nowrap"},children:o?"iPad Pro":"iPhone"})]}),o?e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{position:"absolute",width:4,height:30,right:0,top:50,background:"linear-gradient(to right,#606064,#4e4e52,#58585c)",transform:"rotateY(90deg)",transformOrigin:"right center",borderRadius:"0 2px 2px 0",boxShadow:"2px 0 6px rgba(0,0,0,0.4)",zIndex:3}}),e.jsx("div",{style:{position:"absolute",height:4,width:26,top:0,right:120,background:"linear-gradient(to top,#606064,#4e4e52,#58585c)",transform:"rotateX(-90deg)",transformOrigin:"center top",borderRadius:"2px 2px 0 0",boxShadow:"0 -2px 6px rgba(0,0,0,0.4)",zIndex:3}}),e.jsx("div",{style:{position:"absolute",height:4,width:26,top:0,right:155,background:"linear-gradient(to top,#606064,#4e4e52,#58585c)",transform:"rotateX(-90deg)",transformOrigin:"center top",borderRadius:"2px 2px 0 0",boxShadow:"0 -2px 6px rgba(0,0,0,0.4)",zIndex:3}})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{position:"absolute",width:4,height:50,right:0,top:145,background:"linear-gradient(to right,#606064,#4e4e52,#58585c)",transform:"rotateY(90deg)",transformOrigin:"right center",borderRadius:"0 2px 2px 0",boxShadow:"2px 0 6px rgba(0,0,0,0.4)",zIndex:3}}),e.jsx("div",{style:{position:"absolute",width:4,height:28,left:0,top:125,background:"linear-gradient(to left,#606064,#4e4e52,#58585c)",transform:"rotateY(-90deg)",transformOrigin:"left center",borderRadius:"2px 0 0 2px",boxShadow:"-2px 0 6px rgba(0,0,0,0.4)",zIndex:3}}),e.jsx("div",{style:{position:"absolute",width:4,height:28,left:0,top:160,background:"linear-gradient(to left,#606064,#4e4e52,#58585c)",transform:"rotateY(-90deg)",transformOrigin:"left center",borderRadius:"2px 0 0 2px",boxShadow:"-2px 0 6px rgba(0,0,0,0.4)",zIndex:3}}),e.jsx("div",{style:{position:"absolute",width:4,height:14,left:0,top:100,background:"linear-gradient(to left,#606064,#4e4e52,#58585c)",transform:"rotateY(-90deg)",transformOrigin:"left center",borderRadius:"2px 0 0 2px",boxShadow:"-2px 0 6px rgba(0,0,0,0.4)",zIndex:3}})]})]}),e.jsx("div",{style:{margin:"10px auto 0",width:"75%",height:30,background:"radial-gradient(ellipse, rgba(0,0,0,0.45) 0%, transparent 70%)",filter:"blur(12px)",animation:"deviceShadowBreathe 6s ease-in-out infinite alternate"}})]})}function E(){const{t}=z(),d=c.useRef(null),n=I(d,{once:!0,margin:"-80px"}),l=v.filter(r=>r.type==="ipad"),o=v.find(r=>r.type==="iphone");return e.jsx("section",{id:"preview",className:"relative py-32 bg-background overflow-hidden","aria-labelledby":"preview-heading",children:e.jsxs("div",{className:"container mx-auto px-6 sm:px-8 lg:px-12",ref:d,children:[e.jsxs(f.div,{initial:{opacity:0,y:30},animate:n?{opacity:1,y:0}:{},transition:{duration:.8},className:"text-center mb-16",children:[e.jsxs("div",{className:"inline-flex items-center gap-3 mb-6","aria-hidden":"true",children:[e.jsx("div",{className:"w-12 h-[1px] bg-gradient-to-r from-transparent to-accent-gold/40"}),e.jsx("span",{className:"font-cinzel text-sm text-accent-gold/70 tracking-[0.2em] uppercase",children:t("preview.badge")}),e.jsx("div",{className:"w-12 h-[1px] bg-gradient-to-l from-transparent to-accent-gold/40"})]}),e.jsxs("h2",{id:"preview-heading",className:"font-cinzel text-4xl sm:text-5xl lg:text-6xl font-bold text-foreground mb-6",children:[t("preview.heading")," ",e.jsx("span",{className:"text-accent-gold text-gold-glow",children:t("preview.headingHighlight")})]}),e.jsx("p",{className:"font-cormorant text-xl text-muted-foreground italic",children:t("preview.subheading")})]}),e.jsxs(f.div,{initial:{opacity:0,y:40},animate:n?{opacity:1,y:0}:{},transition:{duration:.8,delay:.3},className:"relative",style:{overflow:"visible"},children:[e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",width:"110vw",height:"110%",transform:"translate(-50%, -50%)",borderRadius:"40%",background:"radial-gradient(ellipse at 30% 35%, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 30%, transparent 55%), radial-gradient(ellipse at 70% 60%, rgba(240,240,255,0.35) 0%, rgba(240,240,255,0.10) 30%, transparent 50%)",filter:"blur(55px)",pointerEvents:"none",zIndex:0,animation:"whiteNebula 25s ease-in-out infinite"}}),e.jsxs("div",{style:{position:"relative",zIndex:1},children:[e.jsx("div",{style:{display:"flex",alignItems:"flex-end",justifyContent:"center",gap:40,flexWrap:"wrap",marginBottom:20,padding:"20px 0"},children:l.map((r,p)=>e.jsx(w,{as:"div",index:p,from:p%2===0?"left":"right",distance:55,intensity:1.25,theme:"star",speakText:!1,

1children:e.jsx(y,{def:r})},r.id))}),e.jsx("div",{style:{display:"flex",justifyContent:"center",padding:"0 0 40px"},children:e.jsx(w,{as:"div",index:2,from:"right",distance:60,intensity:1.3,theme:"star",speakText:!1,children:e.jsx(y,{def:o})})})]})]}),e.jsx("div",{className:"flex flex-wrap justify-center gap-3 mt-8",children:(t("preview.tags")||[]).map(r=>e.jsx("span",{className:"font-cinzel text-xs tracking-[0.1em] px-5 py-2.5 rounded-full text-muted-foreground border border-border",children:r},r))})]})})}export{E as Preview};