import{u as z,j as e}from"./index-D9pJRAs5.js";import{b as C,r as i}from"./vendor-D6aTFYy9.js";import{bd as v,$ as w,be as $,c as j,bf as S,bg as Y,bh as D,bi as R}from"./ui-CtYVlq7P.js";import"./pdf-Bz_mU5mG.js";function x(){const s=i.useRef(null),[a,r]=i.useState(!1);return i.useEffect(()=>{const o=s.current;if(!o)return;const n=new IntersectionObserver(([c])=>{c.isIntersecting&&(r(!0),n.disconnect())},{threshold:.15,rootMargin:"0px 0px -50px 0px"});return n.observe(o),()=>n.disconnect()},[]),{ref:s,visible:a}}function _(){var u;const s=C(),{t:a,i18n:r}=z(),[o,n]=i.useState(!1),[c,p]=i.useState(!1),g=x(),m=x(),f=x(),h=x(),l=r.language==="ar",b=[{code:"en",label:"English"},{code:"zh",label:"中文"},{code:"ms",label:"Melayu"},{code:"ar",label:"العربية"}],N=t=>{r.changeLanguage(t),p(!1)};return i.useEffect(()=>{const t=()=>{n(window.scrollY>40)};return window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t)},[]),e.jsxs("div",{className:"min-h-screen bg-[#050505] text-[#ededed] font-sans selection:bg-[#5e6ad2]/30 overflow-x-hidden",children:[e.jsx("style",{children:`
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        
        .font-sans { font-family: 'Inter', system-ui, sans-serif; }
        html { scroll-behavior: smooth; }

        /* Tech Grid Background */
        .tech-bg {
          position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 0;
          background-image: 
            linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
          background-size: 60px 60px;
          mask-image: radial-gradient(circle at center 30%, black 20%, transparent 80%);
          -webkit-mask-image: radial-gradient(circle at center 30%, black 20%, transparent 80%);
        }

        /* Glowing Orbs */
        .glow-orb-1 { position: absolute; top: -10%; left: 20%; width: 50vw; height: 50vw; background: radial-gradient(circle, rgba(94, 106, 210, 0.15), transparent 60%); filter: blur(80px); z-index: 0; border-radius: 50%; }
        .glow-orb-2 { position: absolute; top: 30%; right: -10%; width: 40vw; height: 40vw; background: radial-gradient(circle, rgba(16, 185, 129, 0.08), transparent 60%); filter: blur(80px); z-index: 0; border-radius: 50%; }

        /* Typography */
        .gradient-text {
          background: linear-gradient(135deg, #fff 30%, #a1a1aa 100%);
          -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        }
        .gradient-text-blue {
          background: linear-gradient(135deg, #818cf8 0%, #38bdf8 100%);
          -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        }

        /* Buttons */
        .btn-modern-primary {
          background: #eaeaea; color: #050505; border: 1px solid #eaeaea; position: relative;
          box-shadow: 0 0 0 0 transparent, 0 4px 14px 0 rgba(255,255,255,0.1);
          transition: all 0.2s ease;
        }
        .btn-modern-primary:hover {
          background: #fff; transform: translateY(-1px);
          box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 6px 20px 0 rgba(255,255,255,0.15);
        }
        
        .btn-modern-secondary {
          background: rgba(255,255,255,0.02); color: #ededed; border: 1px solid rgba(255,255,255,0.1);
          backdrop-filter: blur(10px); transition: all 0.2s ease;
        }
        .btn-modern-secondary:hover {
          background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.2);
        }

        /* Nav Glass */
        .nav-glass {
          background: rgba(5,5,5,0.6); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.08);
        }

        /* Feature Cards */
        .feature-card {
          background: linear-gradient(180deg, rgba(20,20,20,0.8) 0%, rgba(10,10,10,0.8) 100%);
          border: 1px solid rgba(255,255,255,0.05); border-radius: 16px;
          position: relative; overflow: hidden; transition: all 0.3s ease;
        }
        .feature-card::before {
          content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
          opacity: 0; transition: opacity 0.3s ease;
        }
        .feature-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,0.1); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
        .feature-card:hover::before { opacity: 1; }

        /* 3D Dashboard Mockup animation */
        @keyframes tiltFloat {
          0% { transform: perspective(1200px) rotateX(12deg) rotateY(0deg) translateY(0px); }
          50% { transform: perspective(1200px) rotateX(15deg) rotateY(-2deg) translateY(-10px); }
          100% { transform: perspective(1200px) rotateX(12deg) rotateY(0deg) translateY(0px); }
        }
        .dash-3d { animation: tiltFloat 8s ease-in-out infinite; transform-style: preserve-3d; }
        .dash-border { background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.02) 100%); padding: 1px; border-radius: 12px; }

        /* Reveals */
        .fade-up { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
        .fade-up.visible, .visible .fade-up { opacity: 1; transform: translateY(0); }
        .d-100 { transition-delay: 100ms; }
        .d-200 { transition-delay: 200ms; }
        .d-300 { transition-delay: 300ms; }
      `}),e.jsx("div",{className:"tech-bg"}),e.jsx("div",{className:"glow-orb-1"}),e.jsx("div",{className:"glow-orb-2"}),e.jsx("nav",{className:`fixed top-0 w-full z-50 transition-all duration-300 ${o?"nav-glass py-3":"bg-transparent py-6"}`,children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 flex justify-between items-center relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-gradient-to-br from-[#818cf8] to-[#6366f1] flex items-center justify-center text-white p-1",children:e.jsx(v,{size:18})}),e.jsxs("span",{className:"font-semibold text-[15px] tracking-tight",children:["Print",e.jsx("span",{className:"text-[#a1a1aa]",children:"OS"})]})]}),e.jsxs("div",{className:"hidden md:flex items-center gap-8 text-[13px] font-medium text-[#a1a1aa]",children:[e.jsx("a",{href:"#/saas/features",onClick:t=>{t.preventDefault(),s("/saas/features")},className:"hover:text-white transition-colors",children:a("landing.saas.nav.platform")}),e.jsx("a",{href:"#pricing",className:"hover:text-white transition-colors",children:a("landing.saas.pricing.title")}),e.jsx("a",{href:"#customers",className:"hover:text-white transition-colors",children:a("landing.saas.nav.customers")}),e.jsxs("a",{href:"#/company",onClick:t=>{t.preventDefault(),s("/company")},className:"hover:text-[#818cf8] transition-colors flex items-center gap-1",children:["Pioneer Cetak ",e.jsx(w,{size:12,className:l?"rotate-180":""})]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("div",{className:"relative",children:[e.jsxs("button",{className:"flex items-center gap-2 text-[12px] font-medium text-[#a1a1aa] hover:text-white transition-colors px-3 py-1.5 rounded-md hover:bg-white/5 border border-white/5",onClick:()=>p(!c),children:[e.jsx($,{size:14}),e.jsx("span",{className:"hidden sm:inline",children:((u=b.find(t=>t.code===r.language))==null?void 0:u.label)||"EN"})]}),c&&e.jsx("div",{className:`absolute top-full mt-2 w-32 bg-[#0a0a0a] border border-white/10 shadow-2xl z-50 ${l?"left-0":"right-0"}`,children:b.map(t=>e.jsxs("button",{className:"w-full text-left px-4 py-3 text-[11px] uppercase tracking-wider hover:bg-white/5 flex items-center justify-between group",onClick:()=>N(t.code),children:[e.jsx("span",{className:r.language===t.code?"text-[#818cf8]":"text-[#71717a] group-hover:text-white",children:t.label}),r.language===t.code&&e.jsx(j,{size:10,className:"text-[#818cf8]"})]},t.code))})]}),e.jsx("button",{className:"text-[13px] font-medium text-[#a1a1aa] hover:text-white transition-colors px-3 py-2 rounded-md hover:bg-white/5",onClick:()=>s("/login"),children:a("landing.saas.nav.signIn")}),e.jsx("button",{className:"btn-modern-primary text-[13px] font-semibold px-4 py-2 rounded-full hidden sm:block",onClick:()=>s("/login"),children:a("landing.saas.nav.deployNow")})]})]})}),e.jsxs("main",{className:"relative z-10 pt-24 pb-16 md:pt-32 md:pb-24 px-6 overflow-hidden",children:[e.jsxs("section",{ref:g.ref,className:`max-w-6xl mx-auto text-center flex flex-col items-center pt-8 pb-12 md:pt-16 md:pb-20 fade-up ${g.visible?"visible":""}`,children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1 mb-8 rounded-full border border-white/10 bg-white/5 text-[11px] font-medium text-[#a1a1aa] backdrop-blur-md",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#10b981] animate-pulse shadow-[0_0_8px_#10b981]"})," ",a("landing.saas.hero.badge")]}),e.jsx("h1",{className:"text-[clamp(44px,7vw,88px)] font-bold tracking-[-0.04em] leading-[1.05] gradient-text max-w-4xl mx-auto mb-8 whitespace-pre-line",children:a("landing.saas.hero.title")}),e.jsx("p",{className:"text-[#a1a1aa] text-lg sm:text-xl font-light max-w-2xl mx-auto leading-relaxed mb-12 d-100 fade-up",children:a("landing.saas.hero.description")}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center items-center w-full sm:w-auto d-200 fade-up",children:[e.jsxs("button",{className:"btn-modern-primary w-full sm:w-auto text-sm px-8 py-3.5 rounded-full font-semibold flex items-center justify-center gap-2 group",onClick:()=>s("/login"),children:[a("landing.saas.hero.ctaBuild")," ",e.jsx(w,{size:16,className:`${l?"group-hover:-translate-x-1":"group-hover:translate-x-1"} transition-transform ${l?"rotate-180":""}`})]}),e.jsx("button",{className:"btn-modern-secondary w-full sm:w-auto text-sm px-8 py-3.5 rounded-full font-semibold flex items-center justify-center",onClick:()=>s("/saas/features"),children:a("landing.saas.hero.ctaDocs")})]})]}),e.jsx("section",{ref:f.ref,className:`max-w-5xl mx-auto mt-4 mb-20 md:mb-32 fade-up d-100 ${f.visible?"visible":""}`,children:e.jsx("div",{className:"dash-border",children:e.jsxs("div",{className:"dash-3d rounded-[11px] overflow-hidden bg-[#050505] shadow-[0_40px_100px_rgba(0,0,0,0.8)] relative",children:[e.jsx("div",{className:"absolute inset-x-0 top-0 h-[1px] bg-gradient-to-r from-transparent via-[#818cf8]/50 to-transparent"}),e.jsxs("div",{className:"absolute top-0 left-0 right-0 h-10 bg-[#0a0a0a] border-b border-white/5 flex items-center px-4 gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded-full bg-white/10"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-white/10"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-white/10"}),e.jsx("div",{className:"mx-auto w-48 h-5 rounded bg-white/5"})]}),e.jsx("img",{src:"/images/saas_monitor.png",alt:"PrintOS Interface",className:"w-full opacity-90 block pt-10"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-[#050505] via-transparent to-transparent pointer-events-none"})]})})}),e.jsxs("section",{id:"features",ref:m.ref,className:`max-w-7xl mx-auto border-t border-white/10 pt-20 pb-16 md:pt-32 md:pb-24 fade-up ${m.visible?"visible":""}`,children:[e.jsxs("div",{className:"flex flex-col md:flex-row gap-12 justify-between items-start mb-20",children:[e.jsxs("div",{className:"max-w-xl",children:[e.jsx("h2",{className:"text-3xl sm:text-4xl font-semibold tracking-tight gradient-text mb-4",children:a("landing.saas.features.title")}),e.jsx("p",{className:"text-[#a1a1aa] leading-relaxed",children:a("landing.saas.features.description")})]}),e.jsxs("div",{className:`flex gap-4 ${l?"flex-row-reverse":""}`,children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"text-3xl font-semibold text-white",children:a("landing.saas.features.stat1Val")}),e.jsx("span",{className:"text-[11px] uppercase tracking-wider text-[#a1a1aa] mt-1",children:a("landing.saas.features.stat1Label")})]}),e.jsx("div",{className:"w-[1px] h-12 bg-white/10 mx-4"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"text-3xl font-semibold text-white",children:a("landing.saas.features.stat2Val")}),e.jsx("span",{className:"text-[11px] uppercase tracking-wider text-[#a1a1aa] mt-1",children:a("landing.saas.features.stat2Label")})]})]})]}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:[{i:e.jsx(S,{size:20}),title:a("landing.saas.features.graph.title"),p:a("landing.saas.features.graph.desc")},{i:e.jsx(Y,{size:20}),title:a("landing.saas.features.kanban.title"),p:a("landing.saas.features.kanban.desc")},{i:e.jsx(D,{size:20}),title:a("landing.saas.features.inventory.title"),p:a("landing.saas.features.inventory.desc")},{i:e.jsx(R,{size:20}),title:a("landing.saas.features.security.title"),p:a("landing.saas.features.security.desc")}].map((t,d)=>e.jsxs("div",{className:`feature-card p-8 min-h-[220px] lg:col-span-${d===0?"2 lg:col-span-1":d===3?"2":"1"}`,children:[e.jsx("div",{className:"w-10 h-10 rounded-full border border-white/10 flex items-center justify-center bg-white/5 text-[#818cf8] mb-6",children:t.i}),e.jsx("h3",{className:"text-lg font-medium text-[#ededed] mb-3",children:t.title}),e.jsx("p",{className:"text-sm text-[#a1a1aa] leading-relaxed",children:t.p})]},d))})]}),e.jsxs("section",{id:"pricing",ref:h.ref,className:`max-w-7xl mx-auto py-20 md:py-32 border-t border-white/10 fade-up ${h.visible?"visible":""}`,children:[e.jsxs("div",{className:"text-center mb-20",children:[e.jsx("h2",{className:"text-4xl sm:text-5xl font-bold tracking-tight mb-6 gradient-text",children:a("landing.saas.pricing.title")}),e.jsx("p",{className:"text-[#a1a1aa] max-w-2xl mx-auto",children:a("landing.saas.pricing.description")})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-8",children:[{tag:"essence",scale:.95,highlight:!1,ti:a("landing.saas.pricing.essence.title"),pr:a("landing.saas.pricing.essence.price"),pd:a("landing.saas.pricing.essence.period"),f:[a("landing.saas.pricing.essence.feat1"),a("landing.saas.pricing.essence.feat2"),a("landing.saas.pricing.essence.feat3")],cta:a("landing.saas.pricing.essence.cta")},{tag:"velocity",scale:1,highlight:!0,ti:a("landing.saas.pricing.velocity.title"),pr:a("landing.saas.pricing.velocity.price"),pd:a("landing.saas.pricing.velocity.period"),f:[a("landing.saas.pricing.velocity.feat1"),a("landing.saas.pricing.velocity.feat2"),a("landing.saas.pricing.velocity.feat3")],cta:a("landing.saas.pricing.velocity.cta")},{tag:"enterprise",scale:.95,highlight:!1,ti:a("landing.saas.pricing.enterprise.title"),pr:a("landing.saas.pricing.enterprise.price"),pd:a("landing.saas.pricing.enterprise.period"),f:[a("landing.saas.pricing.enterprise.feat1"),a("landing.saas.pricing.enterprise.feat2"),a("landing.saas.pricing.enterprise.feat3")],cta:a("landing.saas.pricing.enterprise.cta")}].map((t,d)=>e.jsxs("div",{className:`feature-card p-10 flex flex-col items-center text-center transition-all duration-500 ${t.highlight?"border-[#818cf8]/30 bg-[#0d0d0d] scale-105 z-10":"opacity-80"}`,children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.2em] font-bold text-[#818cf8] mb-4",children:t.ti}),e.jsx("div",{className:"text-5xl font-bold mb-2 tracking-tighter",children:t.pr}),e.jsx("div",{className:"text-[11px] text-[#a1a1aa] uppercase tracking-widest mb-8",children:t.pd}),e.jsx("div",{className:"w-full space-y-4 mb-10 text-sm text-[#a1a1aa] font-medium",children:t.f.map((y,k)=>e.jsxs("div",{className:"flex items-center justify-center gap-2",children:[e.jsx(j,{size:14,className:"text-[#10b981]"})," ",y]},k))}),e.jsx("button",{className:`w-full py-4 rounded-full text-xs font-bold uppercase tracking-widest transition-all ${t.highlight?"btn-modern-primary":"btn-modern-secondary hover:border-[#818cf8]/50"}`,onClick:()=>s("/login"),children:t.cta})]},d))})]}),e.jsxs("section",{className:"max-w-4xl mx-auto text-center py-20 md:py-32 border-t border-white/10 relative",children:[e.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[400px] h-[200px] bg-[#818cf8]/20 blur-[100px] pointer-events-none rounded-[100%]"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h2",{className:"text-4xl sm:text-5xl font-bold tracking-tight mb-6 gradient-text",children:a("landing.saas.cta.title")}),e.jsx("p",{className:"text-[#a1a1aa] mb-10 max-w-lg mx-auto",children:a("landing.saas.cta.description")}),e.jsx("button",{className:"btn-modern-primary text-sm px-10 py-4 rounded-full font-semibold",onClick:()=>s("/login"),children:a("landing.saas.cta.deploy")})]})]})]}),e.jsx("footer",{className:"relative z-10 border-t border-white/10 bg-[#050505] py-12 px-6",children:e.jsxs("div",{className:"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-6",children:[e.jsxs("div",{className:"flex items-center gap-2 text-[#ededed] font-medium text-sm",children:[e.jsx(v,{size:16,className:"text-[#818cf8]"})," PrintOS"]}),e.jsxs("div",{className:"flex gap-8 text-[13px] font-medium text-[#71717a]",children:[e.jsx("a",{href:"#pricing",className:"hover:text-white transition-colors",children:a("landing.saas.pricing.title")}),e.jsx("a",{href:"#/saas/features",onClick:t=>{t.preventDefault(),s("/saas/features")},className:"hover:text-white transition-colors",children:"Documentation"}),e.jsx("a",{href:"#",className:"hover:text-white transition-colors",children:"API limits"}),e.jsx("a",{href:"#/company",onClick:t=>{t.preventDefault(),s("/company")},className:"hover:text-white transition-colors",children:a("landing.saas.nav.agencyDemo")})]})]})})]})}export{_ as default};
