PageSourceSearch

https://www.viralspin.ai/assets/StudioHome-DWo20sr_.js

js viralspin.ai collected 2026-10-05 13:14:48 UTC 77,290 bytes, 12 lines download raw bytes

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/Laptop3D-BmzS3aCS.js","assets/index-B0cTFD4s.js","assets/router-BvNiAcqA.js","assets/index-BqcjktSP.css","assets/react-three-fiber.esm-C6T5vvMB.js","assets/extends-CF3RwP-h.js"])))=>i.map(i=>d[i]);
2import{c as ce,j as e,_ as we,N as je,U as Ne,e as ke,S as P,A as u}from"./index-B0cTFD4s.js";import{r as d}from"./router-BvNiAcqA.js";import{W as Se}from"./WaitlistForm-CKyPQK__.js";import{u as $,m as k,M as Ce,a as de,c as Y,f as w,i as xe,b as R,p as Ae,v as _e,d as ze,e as Ee,n as Te,s as Ie,w as Pe,g as b}from"./proxy-_ndGpe3j.js";import{R as Le}from"./HeroScenes-CN_hA2xi.js";import{C as We}from"./chart-column-k5_IFALb.js";import{G as D}from"./globe-Dz8myQxs.js";import{Z as U}from"./zap-BhxVQWmx.js";import{I as Oe}from"./image-EtJcywam.js";import{C as Re}from"./copy-4Sc5CU5R.js";import{L as me}from"./layers-Bz07Epu2.js";import{M as Z}from"./maximize-2-nfwPVS5w.js";import{M as Me}from"./mic-C4mutK2Z.js";import{H as Ve}from"./heart-Ch-I2zz3.js";import{S as He}from"./shuffle-B0Yx69lr.js";import{F as Be}from"./folder-open-C4DhlcCH.js";import{N as Fe,S as De}from"./split-D5MaJI5B.js";import{S as Ge}from"./send-BTgF3tZL.js";import{C as K}from"./camera-oRpW0cqA.js";import"./index-RF0-oCdM.js";import"./file-text-D2QosKHb.js";import"./play-CIwHwlPC.js";/**
3 * @license lucide-react v0.451.0 - ISC
4 *
5 * This source code is licensed under the ISC license.
6 * See the LICENSE file in the root directory of this source tree.
7 */const $e=ce("CodeXml",[["path",{d:"m18 16 4-4-4-4",key:"1inbqp"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}],["path",{d:"m14.5 4-5 16",key:"e7oirm"}]]);/**
8 * @license lucide-react v0.451.0 - ISC
9 *
10 * This source code is licensed under the ISC license.
11 * See the LICENSE file in the root directory of this source tree.
12 */const he=ce("Phone",[["path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",key:"foiqr5"}]]);function ue(t){const r=$(()=>k(t)),{isStatic:s}=d.useContext(Ce);if(s){const[,a]=d.useState(t);d.useEffect(()=>r.on("change",a),[])}return r}function pe(t,r){const s=ue(r()),a=()=>s.set(r());return a(),de(()=>{const i=()=>w.preRender(a,!1,!0),n=t.map(l=>l.on("change",i));return()=>{n.forEach(l=>l()),Y(a)}}),s}const Ye=t=>t&&typeof t=="object"&&t.mix,Ue=t=>Ye(t)?t.mix:void 0;function Je(...t){const r=!Array.isArray(t[0]),s=r?0:-1,a=t[0+s],i=t[1+s],n=t[2+s],l=t[3+s],o=xe(i,n,{mixer:Ue(n[0]),...l});return r?o(a):o}function Xe(t){R.current=[],t();const r=pe(R.current,t);return R.current=void 0,r}function h(t,r,s,a){if(typeof t=="function")return Xe(t);const i=typeof r=="function"?r:Je(r,s,a);return Array.isArray(t)?Q(t,i):Q([t],([n])=>i(n))}function Q(t,r){const s=$(()=>[]);return pe(t,()=>{s.length=0;const a=t.length;for(let i=0;i<a;i++)s[i]=t[i].get();return r(s)})}function qe(t,r,s){return typeof t=="string"?t=document.querySelectorAll(t):t instanceof Element&&(t=[t]),Array.from(t||[])}const T=new WeakMap;let v;function Ze(t,r){if(r){const{inlineSize:s,blockSize:a}=r[0];return{width:s,height:a}}else return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}function Ke({target:t,contentRect:r,borderBoxSize:s}){var a;(a=T.get(t))===null||a===void 0||a.forEach(i=>{i({target:t,contentSize:r,get size(){return Ze(t,s)}})})}function Qe(t){t.forEach(Ke)}function et(){typeof ResizeObserver>"u"||(v=new ResizeObserver(Qe))}function tt(t,r){v||et();const s=qe(t);return s.forEach(a=>{let i=T.get(a);i||(i=new Set,T.set(a,i)),i.add(r),v==null||v.observe(a)}),()=>{s.forEach(a=>{const i=T.get(a);i==null||i.delete(r),i!=null&&i.size||v==null||v.unobserve(a)})}}const I=new Set;let S;function rt(){S=()=>{const t={width:window.innerWidth,height:window.innerHeight},r={target:window,size:t,contentSize:t};I.forEach(s=>s(r))},window.addEventListener("resize",S)}function st(t){return I.add(t),S||rt(),()=>{I.delete(t),!I.size&&S&&(S=void 0)}}function at(t,r){return typeof t=="function"?st(t):tt(t,r)}const it=50,ee=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),nt=()=>({time:0,x:ee(),y:ee()}),lt={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function te(t,r,s,a){const i=s[r],{length:n,position:l}=lt[r],o=i.current,c=s.time;i.current=t[`scroll${l}`],i.scrollLength=t[`scroll${n}`]-t[`client${n}`],i.offset.length=0,i.offset[0]=0,i.offset[1]=i.scrollLength,i.progress=Ae(0,i.scrollLength,i.current);const x=a-c;i.velocity=x>it?0:_e(i.current-o,x)}function ot(t,r,s){te(t,"x",r,s),te(t,"y",r,s),r.time=s}function ct(t,r){const s={x:0,y:0};let a=t;for(;a&&a!==r;)if(a instanceof HTMLElement)s.x+=a.offsetLeft,s.y+=a.offsetTop,a=a.offsetParent;else if(a.tagName==="svg"){const i=a.getBoundingClientRect();a=a.parentElement;const n=a.getBoundingClientRect();s.x+=i.left-n.left,s.y+=i.top-n.top}else if(a instanceof SVGGraphicsElement){const{x:i,y:n}=a.getBBox();s.x+=i,s.y+=n;let l=null,o=a.parentNode;for(;!l;)o.tagName==="svg"&&(l=o),o=a.parentNode;a=l}else break;return s}const dt={All:[[0,0],[1,1]]},G={start:0,center:.5,end:1};function re(t,r,s=0){let a=0;if(t in G&&(t=G[t]),typeof t=="string"){const i=parseFloat(t);t.endsWith("px")?a=i:t.endsWith("%")?t=i/100:t.endsWith("vw")?a=i/100*document.documentElement.clientWidth:t.endsWith("vh")?a=i/100*document.documentElement.clientHeight:t=i}return typeof t=="number"&&(a=r*t),s+a}const xt=[0,0];function mt(t,r,s,a){let i=Array.isArray(t)?t:xt,n=0,l=0;return typeof t=="number"?i=[t,t]:typeof t=="string"&&(t=t.trim(),t.includes(" ")?i=t.split(" "):i=[t,G[t]?t:"0"]),n=re(i[0],s,a),l=re(i[1],r),n-l}const ht={x:0,y:0};function ut(t){return"getBBox"in t&&t.tagName!=="svg"?t.getBBox():{width:t.clientWidth,height:t.clientHeight}}function pt(t,r,s){const{offset:a=dt.All}=s,{target:i=t,axis:n="y"}=s,l=n==="y"?"height":"width",o=i!==t?ct(i,t):ht,c=i===t?{width:t.scrollWidth,height:t.scrollHeight}:ut(i),x={width:t.clientWidth,height:t.clientHeight};
12r[n].offset.length=0;let m=!r[n].interpolate;const p=a.length;for(let f=0;f<p;f++){const y=mt(a[f],x[l],c[l],o[n]);!m&&y!==r[n].interpolatorOffsets[f]&&(m=!0),r[n].offset[f]=y}m&&(r[n].interpolate=xe(r[n].offset,ze(a)),r[n].interpolatorOffsets=[...r[n].offset]),r[n].progress=r[n].interpolate(r[n].current)}function ft(t,r=t,s){if(s.x.targetOffset=0,s.y.targetOffset=0,r!==t){let a=r;for(;a&&a!==t;)s.x.targetOffset+=a.offsetLeft,s.y.targetOffset+=a.offsetTop,a=a.offsetParent}s.x.targetLength=r===t?r.scrollWidth:r.clientWidth,s.y.targetLength=r===t?r.scrollHeight:r.clientHeight,s.x.containerLength=t.clientWidth,s.y.containerLength=t.clientHeight}function gt(t,r,s,a={}){return{measure:()=>ft(t,a.target,s),update:i=>{ot(t,s,i),(a.offset||a.target)&&pt(t,s,a)},notify:()=>r(s)}}const N=new WeakMap,se=new WeakMap,M=new WeakMap,ae=t=>t===document.documentElement?window:t;function J(t,{container:r=document.documentElement,...s}={}){let a=M.get(r);a||(a=new Set,M.set(r,a));const i=nt(),n=gt(r,t,i,s);if(a.add(n),!N.has(r)){const o=()=>{for(const f of a)f.measure()},c=()=>{for(const f of a)f.update(Ee.timestamp)},x=()=>{for(const f of a)f.notify()},m=()=>{w.read(o,!1,!0),w.read(c,!1,!0),w.update(x,!1,!0)};N.set(r,m);const p=ae(r);window.addEventListener("resize",m,{passive:!0}),r!==document.documentElement&&se.set(r,at(r,m)),p.addEventListener("scroll",m,{passive:!0})}const l=N.get(r);return w.read(l,!1,!0),()=>{var o;Y(l);const c=M.get(r);if(!c||(c.delete(n),c.size))return;const x=N.get(r);N.delete(r),x&&(ae(r).removeEventListener("scroll",x),(o=se.get(r))===null||o===void 0||o(),window.removeEventListener("resize",x))}}function fe(t,r){let s;const a=()=>{const{currentTime:i}=r,l=(i===null?0:i.value)/100;s!==l&&t(l),s=l};return w.update(a,!0),()=>Y(a)}function bt({source:t,container:r,axis:s="y"}){t&&(r=t);const a={value:0},i=J(n=>{a.value=n[s].progress*100},{container:r,axis:s});return{currentTime:a,cancel:i}}const V=new Map;function ge({source:t,container:r=document.documentElement,axis:s="y"}={}){t&&(r=t),V.has(r)||V.set(r,{});const a=V.get(r);return a[s]||(a[s]=Ie()?new ScrollTimeline({source:r,axis:s}):bt({source:r,axis:s})),a[s]}function vt(t){return t.length===2}function be(t){return t&&(t.target||t.offset)}function yt(t,r){return vt(t)||be(r)?J(s=>{t(s[r.axis].progress,s)},r):fe(t,ge(r))}function wt(t,r){if(t.flatten(),be(r))return t.pause(),J(s=>{t.time=t.duration*s[r.axis].progress},r);{const s=ge(r);return t.attachTimeline?t.attachTimeline(s,a=>(a.pause(),fe(i=>{a.time=a.duration*i},s))):Te}}function jt(t,{axis:r="y",...s}={}){const a={axis:r,...s};return typeof t=="function"?yt(t,a):wt(t,a)}function ie(t,r){Pe(!!(!r||r.current))}const Nt=()=>({scrollX:k(0),scrollY:k(0),scrollXProgress:k(0),scrollYProgress:k(0)});function kt({container:t,target:r,layoutEffect:s=!0,...a}={}){const i=$(Nt);return(s?de:d.useEffect)(()=>(ie("target",r),ie("container",t),jt((l,{x:o,y:c})=>{i.scrollX.set(o.current),i.scrollXProgress.set(o.progress),i.scrollY.set(c.current),i.scrollYProgress.set(c.progress)},{...a,container:(t==null?void 0:t.current)||void 0,target:(r==null?void 0:r.current)||void 0})),[t,r,JSON.stringify(a.offset)]),i}const St=d.lazy(()=>we(()=>import("./Laptop3D-BmzS3aCS.js"),__vite__mapDeps([0,1,2,3,4,5])));function Ct({progress:t}){const r=d.useRef({x:.5,y:.5});d.useEffect(()=>{const n=l=>{r.current={x:l.clientX/window.innerWidth,y:l.clientY/window.innerHeight}};return window.addEventListener("pointermove",n,{passive:!0}),()=>window.removeEventListener("pointermove",n)},[]);const s=ue(0),i=h(t??s,[0,.22],[1,0]);return e.jsxs(b.div,{className:"absolute inset-0 z-0 pointer-events-none overflow-hidden",style:t?{opacity:i}:void 0,children:[e.jsx("div",{className:"absolute left-1/2 top-[58%] -translate-x-1/2 -translate-y-1/2",style:{width:1e3,height:540,background:"radial-gradient(ellipse at center, rgba(34,211,238,0.18) 0%, rgba(34,211,238,0.05) 45%, transparent 72%)",filter:"blur(60px)"}}),e.jsx(b.div,{className:"absolute left-0 right-0 top-[22%] md:top-[36%] bottom-[-4%] md:bottom-[-10%]",initial:{opacity:0,x:-1200},animate:{opacity:1,x:0},transition:{duration:4,ease:[.22,.7,.3,1],opacity:{duration:1,ease:"easeOut"}},children:e.jsx(d.Suspense,{fallback:null,children:e.jsx(St,{pointer:r})})})]})}const X="https://app.viralspin.ai/auth",q="https://allenyu.viralspin.ai/book";function ve(t="300px"){const r=d.useRef(null),[s,a]=d.useState(!1);return d.useEffect(()=>{const i=r.current;if(!i||s)return;const n=new IntersectionObserver(l=>
12{l.some(o=>o.isIntersecting)&&(a(!0),n.disconnect())},{rootMargin:t});return n.observe(i),()=>n.disconnect()},[s,t]),[r,s]}function kr({heroBackdrop:t=!1}={}){return d.useEffect(()=>{document.title="ViralSpinAI Venture Studio — the AI products we ship"},[]),e.jsxs("div",{className:"relative isolate text-white min-h-screen overflow-x-clip bg-[#070b14]",children:[e.jsx("div",{"aria-hidden":!0,className:"fixed inset-0 -z-10 pointer-events-none",style:{background:"radial-gradient(ellipse 75% 55% at 88% 28%, rgba(6,182,212,0.62) 0%, rgba(14,116,144,0.22) 55%, transparent 78%), radial-gradient(ellipse 95% 70% at 5% 72%, rgba(6,182,212,0.55) 0%, rgba(14,116,144,0.20) 55%, transparent 78%), #070b14"}}),e.jsx(je,{}),e.jsx(_t,{heroBackdrop:t}),e.jsx(Lt,{}),e.jsx(Wt,{}),e.jsx(Kt,{}),e.jsx(er,{}),e.jsx(tr,{})]})}function At(){const[t,r]=d.useState({x:1,y:1,briefY:0});return d.useEffect(()=>{const s=()=>{const a=window.innerWidth;a<480?r({x:.3,y:.7,briefY:60}):a<768?r({x:.55,y:.85,briefY:30}):a<1024?r({x:.78,y:.92,briefY:10}):r({x:1,y:1,briefY:0})};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[]),t}function _t({heroBackdrop:t=!1}){const r=d.useRef(null),s=At(),{scrollYProgress:a}=kt({target:r,offset:["start start","end end"]});return e.jsx("section",{ref:r,className:"relative",style:{height:"240vh"},children:e.jsxs("div",{className:"sticky top-0 h-screen flex flex-col items-center pt-24 md:pt-28",style:{perspective:1600},children:[e.jsxs("div",{className:"absolute inset-0 pointer-events-none",children:[e.jsx("div",{className:"absolute top-1/4 left-1/4 w-[600px] h-[600px] rounded-full bg-cyan-500/20 blur-3xl"}),e.jsx("div",{className:"absolute bottom-1/4 right-1/4 w-[600px] h-[600px] rounded-full bg-blue-600/20 blur-3xl"})]}),t&&e.jsx(Ct,{progress:a}),e.jsx(zt,{progress:a,heroBackdrop:t}),e.jsx(Et,{progress:a,scale:s,heroBackdrop:t})]})})}function zt({progress:t,heroBackdrop:r=!1}){const s=h(t,[0,.15,.4],[1,1,0]),a=h(t,[0,.4],[0,-40]),i=r?{textShadow:"0 1px 12px rgba(7,11,20,0.85)"}:void 0;return e.jsxs(b.div,{style:{opacity:s,y:a},className:"relative z-20 text-center max-w-3xl px-6 mb-8",children:[e.jsxs("p",{className:"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] font-bold uppercase tracking-widest text-cyan-300 mb-6",children:[e.jsx(P,{className:"w-3 h-3"})," AI Venture Studio"]}),e.jsxs("h1",{className:"text-5xl md:text-7xl font-black tracking-tighter leading-[0.95]",children:["Your Ideas…",e.jsx("br",{}),e.jsx("span",{className:"bg-gradient-to-r from-cyan-300 via-blue-400 to-violet-400 bg-clip-text text-transparent",children:"Shipped with AI"})]}),!r&&e.jsx("p",{className:"text-base md:text-lg text-white/90 leading-relaxed max-w-xl mx-auto mt-6",children:"We're an AI venture studio. Some of our products are listed below — and we take on a few custom AI builds each quarter for clients who need their own."}),r&&e.jsx("p",{className:"text-base md:text-lg text-white leading-relaxed max-w-xl mx-auto mt-[300px] md:mt-[250px]",style:i,children:"We're an AI venture studio. Some of our products are listed below — and we take on a few custom AI builds each quarter for clients who need their own."}),e.jsxs("div",{className:`flex items-center justify-center gap-3 flex-wrap ${r?"mt-8":"mt-[220px] md:mt-8"}`,children:[e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:X,className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-full bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-400 hover:to-blue-500 text-white font-bold shadow-[0_0_28px_rgba(34,211,238,0.45)] transition-all",children:["Try ViralSpin free ",e.jsx(u,{className:"w-4 h-4"})]}),e.jsx("a",{target:"_blank",rel:"noopener noreferrer",href:"#products",className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-full border border-white/15 bg-white/[0.03] hover:bg-white/[0.06] text-white font-bold transition-all",children:"Explore products"})]})]})}function Et({progress:t,scale:r,heroBackdrop:s=!1}){const a=r.x,i=r.y,[n,l]=d.useState(!s);d.useEffect(()=>{if(!s)return;const j=setTimeout(()=>l(!0),19e3);return()=>clearTimeout(j)},[s]);const o=.55+.45*Math.min(a+.15,1),c=h(t,[.92,.98,1],[0,1,1]),x=h(t,[.92,.98],[.9,1]),[m,p]=d.useState(!1);d.useEffect(()=>{let j=!1;const _=()=>{j||window.scrollY>window.innerHeight*.5&&(p(!0),window.removeEventListener("scroll",_),j=!0)};return window.addEventListener("scroll",_,{passive:!0}
12),_(),()=>{j=!0,window.removeEventListener("scroll",_)}},[]);const f=h(t,[0,.4,1],[12,4,0]),y=h(t,[0,.4,1],[-6,-2,0]),A=r.briefY,L=h(t,[0,.4,.7],[1,.55,.4]),W=h(t,[0,.5,.85],[1,.85,.3]),O=h(t,[0,.4],[A,A-20]);return e.jsxs(b.div,{className:"absolute inset-0 flex items-center justify-center pointer-events-none",style:{transformStyle:"preserve-3d",rotateX:f,rotateY:y},children:[e.jsx(b.div,{className:"absolute",style:{scale:L,opacity:W,y:O,transformStyle:"preserve-3d"},children:e.jsx("div",{style:{opacity:n?1:0,transition:"opacity 700ms ease"},children:e.jsx(It,{widthScale:o})})}),e.jsx(g,{progress:t,title:"Creative Studio",sub:"Command Center · Flagship",tag:"Creators",w:260*o,h:140*o,startDelay:.13,dx:-260*a,dy:-200*i,dz:160,rot:-6,accent:"cyan"}),e.jsx(g,{progress:t,title:"UGC Ad Assembly",sub:"Generate UGC video ads",tag:"Creators",w:210*o,h:100*o,startDelay:.18,dx:290*a,dy:-200*i,dz:120,rot:5,accent:"cyan"}),e.jsx(g,{progress:t,title:"Publishing",sub:"Cross-platform + Claude MCP",tag:"Creators",w:200*o,h:100*o,startDelay:.21,dx:120*a,dy:-260*i,dz:100,rot:-2,accent:"cyan"}),e.jsx(g,{progress:t,title:"Clips",sub:"Long video → viral snippets",tag:"Creators",w:200*o,h:100*o,startDelay:.23,dx:-380*a,dy:-30*i,dz:80,rot:-3,accent:"cyan"}),e.jsx(g,{progress:t,title:"Repurpose · Video",sub:"Horizontal → 9:16 / 1:1 / 4:5",tag:"Creators",w:220*o,h:100*o,startDelay:.28,dx:-110*a,dy:230*i,dz:40,rot:3,accent:"cyan"}),e.jsx(g,{progress:t,title:"Repurpose · Image",sub:"One image → 50 ad sizes",tag:"Creators",w:210*o,h:100*o,startDelay:.33,dx:220*a,dy:240*i,dz:20,rot:-2,accent:"cyan"}),e.jsx(g,{progress:t,title:"Replicate",sub:"Competitor ads → yours",tag:"Creators",w:195*o,h:90*o,startDelay:.38,dx:350*a,dy:60*i,dz:60,rot:4,accent:"cyan"}),e.jsx(g,{progress:t,title:"Appointment Scheduler",sub:"Booking system",tag:"Operators",w:230*o,h:100*o,startDelay:.43,dx:-350*a,dy:140*i,dz:-20,rot:-4,accent:"blue"}),e.jsx(g,{progress:t,title:"Creator Academy",sub:"Courses for creators",tag:"Students",w:200*o,h:85*o,startDelay:.48,dx:-30*a,dy:-310*i,dz:-40,rot:2,accent:"violet"}),e.jsx(g,{progress:t,title:"How to Vibe Code",sub:"Build with AI · Guide",tag:"Students",w:210*o,h:85*o,startDelay:.53,dx:310*a,dy:250*i,dz:-30,rot:3,accent:"violet"}),e.jsx(g,{progress:t,title:"Resource Hub",sub:"Articles, guides, prompts",tag:"Students",w:200*o,h:85*o,startDelay:.58,dx:-320*a,dy:290*i,dz:-60,rot:-3,accent:"violet"}),e.jsx(Pt,{progress:t}),m&&e.jsx(b.div,{className:"absolute",style:{opacity:c,scale:x,transformStyle:"preserve-3d",z:80},children:e.jsx("video",{src:"/gif/smartly.mp4",poster:"/images/smartly-poster.jpg",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto",className:"rounded-2xl border border-cyan-400/40 shadow-[0_0_80px_rgba(34,211,238,0.5)] object-cover",style:{width:480*o,height:270*o}})})]})}function g({progress:t,title:r,sub:s,tag:a,w:i,h:n,startDelay:l,dx:o,dy:c,dz:x,rot:m,accent:p}){const f=h(t,[l,l+.25],[0,o]),y=h(t,[l,l+.25],[0,c]),A=h(t,[l,l+.25],[0,x]),L=h(t,[l-.05,l+.05,.75,.9],[0,1,1,0]),W=h(t,[l,l+.25],[0,m]),O=h(t,[l,l+.25,.85],[.3,1,.95]);return e.jsx(b.div,{className:"absolute",style:{x:f,y,z:A,opacity:L,rotate:W,scale:O,transformStyle:"preserve-3d"},children:e.jsx(Tt,{title:r,sub:s,tag:a,w:i,h:n,accent:p})})}function Tt({title:t,sub:r,tag:s,w:a,h:i,accent:n}){const l={cyan:{border:"border-cyan-400/40",glow:"shadow-[0_0_40px_rgba(34,211,238,0.35)]",fromTo:"from-cyan-400/15 to-blue-500/5",text:"text-cyan-300",tagText:"text-cyan-300/70 border-cyan-300/30"},blue:{border:"border-blue-400/40",glow:"shadow-[0_0_40px_rgba(59,130,246,0.35)]",fromTo:"from-blue-400/15 to-indigo-500/5",text:"text-blue-300",tagText:"text-blue-300/70 border-blue-300/30"},violet:{border:"border-violet-400/40",glow:"shadow-[0_0_40px_rgba(167,139,250,0.35)]",fromTo:"from-violet-400/15 to-fuchsia-500/5",text:"text-violet-300",tagText:"text-violet-300/70 border-violet-300/30"}}[n];return e.jsxs("div",{className:`rounded-xl border ${l.border} ${l.glow} bg-gradient-to-br ${l.fromTo} backdrop-blur-sm flex flex-col justify-between p-3 relative overflow-hidden`,style:{width:a,height:i},children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(255,255,255,0.1),transparent_60%)] pointer-events-none"}),e.jsx("div",{className:"relative z-10 flex items-start justify-between",children:e.jsx("span",{className:`text-[8px] font-bold uppercase tracking-widest ${l.tagText} border rounded-full px-1.5 py-0.5`,children:s})}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("p",{className:`text-sm font-black ${l.text} leading-tight`,children:t}),e.jsx("p",{className:"text-[10px] text-white/55 leading-tight mt-0.5",children:r})]})]})}function It({widthScale:t=1}){return e.jsxs("div",{className:"rounded-2xl border border-white/20 bg-white/[0.04] backdrop-blur-md p-5 shadow-[0_0_60px_rgba(255,255,255,0.08)]",style:{width:320*t},children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-widest text-white/40 mb-3",children:"AI Brief · Day 0"}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-2 w-[85%] rounded bg-white/[0.12]"}),e.jsx("div",{className:"h-2 w-full rounded bg-white/[0.10]"}),e.jsx("div",{className:"h-2 w-[70%] rounded bg-white/[0.08]"}),e.jsx("div",{className:"h-2 w-[60%] rounded bg-white/[0.06]"})]}),e.jsxs("div",{className:"mt-4 flex items-center justify-between",children:[e.jsx("span",{className:"text-[9px] font-bold uppercase tracking-widest text-white/30",children:"Scope"}),e.jsxs("span",{className:"inline-flex items-center gap-1 text-[9px] font-bold uppercase tracking-widest text-cyan-300/80",children:[e.jsx(U,{className:"w-2.5 h-2.5"})," Spec → ship"]})]})]})}function Pt({progress:t}){const r=h(t,[.55,.66,.86,.92],[0,1,1,0]),s=h(t,[.55,.66],[.85,1]),a=h(t,[.55,.92],[40,-20]);return e.jsx(b.div,{className:"absolute",style:{opacity:r,scale:s,y:a,transformStyle:"preserve-3d",z:100}
12,children:e.jsxs("div",{className:"rounded-2xl border border-cyan-400/30 bg-white/[0.04] backdrop-blur-md p-5 shadow-[0_0_80px_rgba(34,211,238,0.25)]",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300 mb-3 text-center",children:"Shipped this year"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(H,{value:"4",label:"Products live"}),e.jsx("div",{className:"w-px h-10 bg-white/10"}),e.jsx(H,{value:"12+",label:"Custom builds"}),e.jsx("div",{className:"w-px h-10 bg-white/10"}),e.jsx(H,{value:"< 4w",label:"Spec → ship"})]})]})})}function H({value:t,label:r}){return e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-2xl font-black bg-gradient-to-r from-cyan-300 to-blue-400 bg-clip-text text-transparent",children:t}),e.jsx("p",{className:"text-[9px] font-bold uppercase tracking-widest text-white/40 mt-1",children:r})]})}const ne=[{name:"Meta",style:{fontFamily:"system-ui, sans-serif",fontWeight:900,letterSpacing:"-0.04em",fontStyle:"italic"}},{name:"NETFLIX",style:{fontFamily:'Impact, "Arial Black", sans-serif',fontWeight:900,letterSpacing:"0.18em"}},{name:"Spotify",style:{fontFamily:"system-ui, sans-serif",fontWeight:800,letterSpacing:"-0.02em"}},{name:"Uber",style:{fontFamily:"Helvetica, Arial, sans-serif",fontWeight:900,letterSpacing:"-0.05em"}},{name:"Google",style:{fontFamily:'"Google Sans", Roboto, system-ui, sans-serif',fontWeight:500,letterSpacing:"-0.01em"}}];function Lt(){const t=[...ne,...ne];return e.jsxs("section",{className:"relative py-16 md:py-20 border-y border-white/[0.06] bg-black/20 backdrop-blur-sm [content-visibility:auto] [contain-intrinsic-size:auto_300px]",children:[e.jsx("p",{className:"text-center text-[11px] font-bold uppercase tracking-widest text-white/40 mb-10 px-6",children:"Ex-Meta and Ex-Google staff"}),e.jsxs("div",{className:"relative overflow-hidden",children:[e.jsx("div",{className:"pointer-events-none absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-[#070b14] to-transparent z-10"}),e.jsx("div",{className:"pointer-events-none absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-[#070b14] to-transparent z-10"}),e.jsx(b.div,{className:"flex items-center gap-16 md:gap-24 whitespace-nowrap",animate:{x:["0%","-50%"]},transition:{duration:35,repeat:1/0,ease:"linear"},children:t.map((r,s)=>e.jsx("div",{className:"text-white/55 hover:text-white transition-colors shrink-0 text-3xl md:text-4xl",style:r.style,children:r.name},s))})]})]})}function Wt(){return e.jsxs("section",{id:"products",className:"relative max-w-6xl mx-auto px-6 py-24",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-14",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-cyan-300 mb-3",children:"What we ship"}),e.jsxs("h2",{className:"text-4xl md:text-5xl font-black tracking-tight",children:["Built for ",e.jsx("span",{className:"text-white/40",children:"three audiences."})]}),e.jsx("p",{className:"mt-5 text-white/55",children:"Every product targets a clear job-to-be-done. Pick the section that fits how you'd use us."})]}),e.jsx(C,{num:"01",label:"For marketers & creators",sub:"The flagship and its companion tools",accent:"cyan"}),e.jsx(Rt,{}),e.jsx(Ot,{}),e.jsx(Yt,{}),e.jsx(Ut,{}),e.jsx(Gt,{}),e.jsx(Dt,{}),e.jsx(qt,{}),e.jsx(C,{num:"02",label:"Growth & Operations",sub:"For business operators — lead gen, AEO, and the SaaS that runs the back office",accent:"blue"}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(B,{title:"Lead Generation",tag:"New",desc:"Paste your website and get customers on autopilot. AI builds your ICP, finds real target companies and decision-makers, and drafts verified outreach emails.",href:"/leads",cta:"Find leads",icon:Ne,image:"/marketing/leads-decision-makers.png",imageAlt:"ViralSpin Leads — verified decision-maker emails, queued outreach across target companies"}),e.jsx(B,{title:"AEO Audit",tag:"Free",desc:"Does AI recommend your brand? Score how ChatGPT, Perplexity & Google AI Overviews read your site — then have us fix it.",href:"/aeo",cta:"Run a free audit",icon:We,image:"/marketing/aeo-audit.png",imageAlt:"ViralSpin AEO Audit — structured data, answer readiness and crawlability scores",reverse:!0}
12),e.jsx(B,{title:"Appointment Scheduler",tag:"SaaS",desc:"Booking system for service businesses. Pages, payments, calendar sync, no-show prevention.",href:"/scheduling",cta:"See the scheduler",icon:ke,image:"/marketing/appointment-scheduler.png",imageAlt:"ViralSpin Appointment Scheduler — booking pages, calendar sync and payments"}),e.jsx(z,{title:"More for operators",tag:"Soon",desc:"Operations-focused SaaS coming next. Drop your email and we'll let you know when the next product ships.",href:q,cta:"Get notified",icon:D,accent:"blue"})]}),e.jsx(C,{num:"03",label:"For AI students",sub:"Learn to build the way we build",accent:"violet"}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-5",children:[e.jsx(z,{title:"How to Vibe Code",tag:"Course",desc:"Build with AI end-to-end. A practical guide to shipping software the way we do.",href:"/vibe",cta:"Open the guide",icon:U,accent:"violet"}),e.jsx(z,{title:"Creator Academy",tag:"Course",desc:"Courses for creators — frameworks, hooks, monetization, and full case studies.",href:"/academy",cta:"Enter the academy",icon:P,accent:"violet"}),e.jsx(z,{title:"Resource Hub",tag:"Library",desc:"Articles, prompts, and playbooks we publish as we figure things out. Always free.",href:"/resources",cta:"Browse the hub",icon:D,accent:"violet"})]})]})}const le=[{src:"/marketing/ios-create.png",label:"Create",caption:"Start a reel — record, voice-over, or paste a URL."},{src:"/marketing/ios-teleprompter.png",label:"Teleprompter",caption:"Read your AI script with an on-screen teleprompter."},{src:"/marketing/ios-edit.png",label:"Edit",caption:"Trim, caption, and B-roll — right in the app."}];function Ot(){return e.jsx("section",{id:"mobile-app",className:"relative max-w-6xl mx-auto px-6 pt-14",children:e.jsxs("div",{className:"relative rounded-3xl border border-white/[0.08] bg-white/[0.02] overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute -right-24 top-0 bottom-0 w-[55%] bg-[radial-gradient(ellipse_at_center,rgba(6,182,212,0.22),transparent_65%)]"}),e.jsxs("div",{className:"relative grid lg:grid-cols-2 gap-10 p-8 md:p-12 items-center",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-11 h-11 rounded-[0.9rem] overflow-hidden border border-white/15 shadow-lg shadow-cyan-500/20 shrink-0",children:e.jsx("img",{src:"/app-icon.png",alt:"ViralSpin app icon",className:"w-full h-full object-cover",onError:t=>{t.currentTarget.parentElement.style.display="none"}})}),e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-cyan-300",children:"Available on iOS App"})]}),e.jsxs("h2",{className:"text-3xl md:text-4xl font-black tracking-tight",children:["The studio, ",e.jsx("span",{className:"text-white/40",children:"in your pocket."})]}),e.jsx("p",{className:"mt-5 text-white/55 leading-relaxed",children:"The ViralSpin iOS app runs the whole loop — record a talking-head reel, read your AI-written script off the teleprompter, then trim, caption and add B-roll without leaving your phone. Drafts sync with the web app, so you can start on mobile and finish on desktop."}),e.jsx("ul",{className:"mt-6 space-y-2.5",children:le.map(t=>e.jsxs("li",{className:"flex items-start gap-2.5 text-sm text-white/60",children:[e.jsx("span",{className:"mt-1.5 w-1.5 h-1.5 rounded-full bg-cyan-400 shrink-0"}),e.jsxs("span",{children:[e.jsxs("span",{className:"font-semibold text-white/80",children:[t.label,"."]})," ",t.caption]})]},t.label))}),e.jsxs("a",{href:"/ios",target:"_blank",rel:"noopener noreferrer",className:"mt-7 inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white text-gray-950 text-sm font-bold hover:bg-cyan-100 transition-colors",children:["Download on the App Store ",e.jsx(u,{className:"w-3.5 h-3.5"})]}),e.jsxs("a",{href:"/",className:"mt-7 ml-4 inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 hover:text-cyan-200",children:["See what the app does ",e.jsx(u,{className:"w-3.5 h-3.5"})]}),e.jsx("p",{className:"mt-7 text-sm font-semibold text-white/70",children:"Not on iPhone? Get one email when ViralSpin comes to your device."}),e.jsx(Se,{source:"ios_waitlist_home",cta:"Email me",doneText:"You're on the list. We'll email you when it's ready for you."})]}),e.jsx("div",{className:"flex justify-center items-end gap-4 md:gap-5",children:le.map((t,r)=>e.jsx("div",{className:`relative w-[30%] max-w-[180px] rounded-[1.5rem] border border-white/10 bg-black overflow-hidden shadow-2xl shadow-cyan-500/20 ring-1 ring-cyan-400/10 ${r===1?"-translate-y-5 z-10":""}`,style:{aspectRatio:"1170 / 2532"},children:e.jsx("img",{src:t.src,alt:`ViralSpin iOS app — ${t.label}`,loading:"lazy",className:"absolute inset-0 w-full h-full object-contain",onError:s=>{s.currentTarget.parentElement.style.display="none"}})},t.src))})]})]})})}function C({num:t,label:r,sub:s,accent:a}){const i={cyan:"text-cyan-300",blue:"text-blue-300",violet:"text-violet-300"}[a],n={cyan:"border-cyan-400/25",blue:"border-blue-400/25",violet:"border-violet-400/25"}[a],l={cyan:"from-cyan-400 to-blue-500",blue:"from-blue-400 to-indigo-500",violet:"from-violet-400 to-fuchsia-500"}[a];return e.jsx("div",{className:`mt-20 mb-6 border-t ${n} pt-8`,children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`flex items-center justify-center w-14 h-14 roun
12ded-2xl bg-gradient-to-br ${l} text-white font-black text-xl shadow-lg shrink-0`,children:t}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl md:text-3xl font-black tracking-tight text-white leading-none",children:r}),e.jsx("p",{className:`text-sm font-semibold mt-1.5 ${i}`,children:s})]})]})})}function Rt(){return e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:X,className:"group block rounded-3xl border border-cyan-400/20 bg-gradient-to-br from-cyan-500/10 via-blue-500/5 to-violet-500/10 hover:border-cyan-400/40 transition-all p-8 md:p-10 relative overflow-hidden",children:[e.jsx("div",{className:"absolute -top-24 -right-24 w-96 h-96 rounded-full bg-cyan-500/15 blur-3xl"}),e.jsx("div",{className:"absolute -bottom-24 -left-24 w-96 h-96 rounded-full bg-violet-500/15 blur-3xl"}),e.jsxs("div",{className:"relative grid md:grid-cols-[1.1fr_1fr] gap-8 items-center",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-2xl bg-gradient-to-br from-cyan-400 to-blue-500 flex items-center justify-center shadow-[0_0_30px_rgba(34,211,238,0.45)]",children:e.jsx(P,{className:"w-5 h-5 text-white"})}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300/80 border border-cyan-300/30 rounded-full px-2.5 py-1",children:"Flagship"})]}),e.jsx("h3",{className:"text-3xl md:text-4xl font-black tracking-tight",children:"Creative Studio"}),e.jsx("p",{className:"mt-3 text-white/60 leading-relaxed max-w-md",children:"The creative engine: replicate any winning competitor ad, then repurpose your own creative into every aspect ratio. Pairs with Publishing for end-to-end distribution."}),e.jsxs("span",{className:"mt-6 inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 group-hover:gap-2.5 transition-all",children:["Open the studio ",e.jsx(u,{className:"w-4 h-4"})]})]}),e.jsx(Vt,{})]})]})}const Mt=[{imgs:["/images/source-video-poster.jpg","/images/sf-gate-poster.jpg"],label:"Replicate / Recreate",href:"/reverse"},{img:"/ai-resize-video-editor.png",label:"Repurpose · Video",href:"/repurpose"},{img:"/repurpose-variants-demo/ai-resize-image-card.png",label:"Repurpose · Image",href:"/repurpose"},{img:"/clips/clips-moments.png",label:"Clips",href:"/clips"},{img:"/creative-variant-1.png",label:"Creative Variants",href:"/repurpose/variants"},{img:"/fathers-day-jarvis.png",label:"Meet Jarvis",href:"/jarvis"}];function Vt(){return e.jsxs("div",{className:"relative",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300/70 mb-4",children:"Inside Creative Studio"}),e.jsx("div",{className:"grid grid-cols-2 gap-2.5",children:Mt.map(t=>e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:t.href,onClick:r=>r.stopPropagation(),className:"group/tile block rounded-xl overflow-hidden border border-white/10 bg-white/[0.03] hover:border-cyan-300/40 transition-all",children:[e.jsx("div",{className:"aspect-video overflow-hidden bg-black/30 flex gap-px",children:(t.imgs??(t.img?[t.img]:[])).map((r,s)=>e.jsx("img",{src:r,alt:t.label,loading:"lazy",decoding:"async",className:"flex-1 min-w-0 h-full object-cover group-hover/tile:scale-105 transition-transform duration-300"},s))}),e.jsxs("div",{className:"flex items-center justify-between gap-1 px-2.5 py-2",children:[e.jsx("span",{className:"text-[11px] font-bold text-white/85 leading-tight",children:t.label}),e.jsx(u,{className:"w-3 h-3 text-white/30 group-hover/tile:text-cyan-300 transition-colors shrink-0"})]})]},t.label))})]})}function B({title:t,tag:r,desc:s,href:a,cta:i,icon:n,image:l,imageAlt:o,reverse:c=!1}){return e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:a,className:"group grid lg:grid-cols-2 gap-8 lg:gap-12 items-center rounded-3xl border border-white/[0.08] bg-white/[0.02] hover:bg-white/[0.04] hover:border-blue-400/30 transition-all p-6 md:p-8 relative overflow-hidden",children:[e.jsxs("div",{className:`relative ${c?"lg:order-2":""}`,children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute -inset-6 bg-[radial-gradient(ellipse_at_center,rgba(6,182,212,0.28),transparent_70%)]"}),e.jsx("div",{className:"relative rounded-2xl overflow-hidden ring-1 ring-cyan-400/25 shadow-2xl shadow-cyan-500/20 bg-[#060c18]",children:e.jsx("img",{src:l,alt:o||`${t} preview`,loading:"lazy",className:"w-full h-auto block object-cover group-hover:scale-[1.015] transition-transform duration-500",onError:x=>{var m;(m=x.currentTarget.closest("a"))==null||m.classList.add("!grid-cols-1"),x.currentTarget.parentElement.style.display="none"}})})]}),e.jsxs("div",{className:c?"lg:order-1":"",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-11 h-11 rounded-xl bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center shadow-lg",children:e.jsx(n,{className:"w-5 h-5 text-white"})}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-white/40 border border-white/10 rounded-full px-2.5 py-1",children:r})]}),e.jsx("h3",{className:"text-2xl md:text-3xl font-black tracking-tight mb-3",children:t}),e.jsx("p",{className:"text-white/60 leading-relaxed mb-6 max-w-md",children:s}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 group-hover:gap-2.5 transition-all",children:[i," ",e.jsx(u,{className:"w-4 h-4"})]})]})]})}
12function z({title:t,tag:r,desc:s,href:a,cta:i,icon:n,accent:l,image:o,imageAlt:c}){const x={cyan:"hover:border-cyan-400/40",violet:"hover:border-violet-400/40",blue:"hover:border-blue-400/40"}[l],m={cyan:"from-cyan-400 to-blue-500",violet:"from-violet-400 to-fuchsia-500",blue:"from-blue-400 to-indigo-500"}[l];return e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:a,className:`group block rounded-2xl border border-white/[0.08] bg-white/[0.02] hover:bg-white/[0.04] ${x} transition-all relative overflow-hidden flex flex-col`,children:[o&&e.jsxs("div",{className:"relative h-52 border-b border-white/[0.08] overflow-hidden bg-[#060c18] flex items-center justify-center p-3",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_center,rgba(6,182,212,0.20),transparent_70%)]"}),e.jsx("img",{src:o,alt:c||`${t} preview`,loading:"lazy",className:"relative max-h-full max-w-full object-contain rounded-lg ring-1 ring-cyan-400/20 shadow-xl shadow-cyan-500/10 group-hover:scale-[1.02] transition-transform duration-500",onError:p=>{p.currentTarget.parentElement.style.display="none"}})]}),e.jsxs("div",{className:"p-6 flex flex-col flex-1",children:[e.jsxs("div",{className:"flex items-start justify-between mb-4",children:[e.jsx("div",{className:`w-10 h-10 rounded-xl bg-gradient-to-br ${m} flex items-center justify-center shadow-lg`,children:e.jsx(n,{className:"w-4 h-4 text-white"})}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-white/40 border border-white/10 rounded-full px-2.5 py-1",children:r})]}),e.jsx("h3",{className:"text-lg font-black mb-1.5",children:t}),e.jsx("p",{className:"text-sm text-white/55 leading-relaxed mb-5 flex-1",children:s}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 group-hover:gap-2.5 transition-all",children:[i," ",e.jsx(u,{className:"w-3.5 h-3.5"})]})]})]})}const Ht=[{n:"01",title:"AI Indexing",sub:"Zero-copy semantic tagging",color:"text-cyan-300",ring:"border-cyan-400/30"},{n:"02",title:"AI Storyboarding",sub:"Context-aware directing",color:"text-emerald-300",ring:"border-emerald-400/30"},{n:"03",title:"Video Ad Assembly",sub:"Frame-accurate stitching",color:"text-violet-300",ring:"border-violet-400/30"},{n:"04",title:"Ad Variants",sub:"Algorithmic permutations",color:"text-teal-300",ring:"border-teal-400/30"}];function Bt(){return e.jsxs("svg",{className:"w-full h-auto",viewBox:"0 0 400 380",fill:"none","aria-hidden":!0,style:{display:"block"},children:[e.jsx("rect",{width:"400",height:"380",rx:"16",fill:"#060c18"}),e.jsx("circle",{cx:"200",cy:"185",r:"155",stroke:"#0e7490",strokeWidth:"1.5",strokeDasharray:"6 4",opacity:"0.4",children:e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 200 185",to:"360 200 185",dur:"28s",repeatCount:"indefinite"})}),e.jsx("circle",{cx:"200",cy:"185",r:"112",stroke:"#06b6d4",strokeWidth:"1.5",strokeDasharray:"4 6",opacity:"0.35",children:e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"360 200 185",to:"0 200 185",dur:"18s",repeatCount:"indefinite"})}),e.jsx("circle",{cx:"200",cy:"185",r:"70",stroke:"#00ffcc",strokeWidth:"2",strokeDasharray:"3 5",opacity:"0.6",children:e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 200 185",to:"360 200 185",dur:"10s",repeatCount:"indefinite"})}),e.jsx("circle",{cx:"200",cy:"185",r:"46",fill:"#0c2a3a",children:e.jsx("animate",{attributeName:"r",values:"42;50;42",dur:"3s",repeatCount:"indefinite"})}),e.jsx("circle",{cx:"200",cy:"185",r:"34",fill:"#06b6d4",opacity:"0.2",children:e.jsx("animate",{attributeName:"opacity",values:"0.1;0.35;0.1",dur:"2s",repeatCount:"indefinite"})}),e.jsx("circle",{cx:"200",cy:"185",r:"22",fill:"#00ffcc",opacity:"0.3",children:e.jsx("animate",{attributeName:"r",values:"20;28;20",dur:"2.5s",repeatCount:"indefinite"})}),e.jsx("text",{x:"200",y:"193",textAnchor:"middle",fill:"#00ffcc",fontSize:"26",fontWeight:"900",letterSpacing:"2",children:"AI"}),e.jsxs("g",{children:[e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 200 185",to:"360 200 185",dur:"20s",repeatCount:"indef
12inite"}),e.jsx("rect",{x:"322",y:"172",width:"100",height:"32",rx:"7",fill:"#052e16",stroke:"#10b981",strokeWidth:"2"}),e.jsx("text",{x:"372",y:"193",textAnchor:"middle",fill:"#34d399",fontSize:"18",fontWeight:"bold",children:"beach-sunset"})]}),e.jsxs("g",{children:[e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"120 200 185",to:"480 200 185",dur:"20s",repeatCount:"indefinite"}),e.jsx("rect",{x:"322",y:"172",width:"112",height:"32",rx:"7",fill:"#1e1b4b",stroke:"#6366f1",strokeWidth:"2"}),e.jsx("text",{x:"378",y:"193",textAnchor:"middle",fill:"#818cf8",fontSize:"18",fontWeight:"bold",children:"traveler-talking"})]}),e.jsxs("g",{children:[e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"240 200 185",to:"600 200 185",dur:"20s",repeatCount:"indefinite"}),e.jsx("rect",{x:"322",y:"172",width:"96",height:"32",rx:"7",fill:"#3b0764",stroke:"#a855f7",strokeWidth:"2"}),e.jsx("text",{x:"370",y:"193",textAnchor:"middle",fill:"#c084fc",fontSize:"18",fontWeight:"bold",children:"resort-pool"})]}),e.jsxs("g",{children:[e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"60 200 185",to:"420 200 185",dur:"14s",repeatCount:"indefinite"}),e.jsx("rect",{x:"282",y:"172",width:"84",height:"28",rx:"6",fill:"#082f49",stroke:"#06b6d4",strokeWidth:"1.5"}),e.jsx("text",{x:"324",y:"191",textAnchor:"middle",fill:"#38bdf8",fontSize:"16",fontWeight:"bold",children:"landscape"})]}),e.jsxs("g",{children:[e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"200 200 185",to:"560 200 185",dur:"14s",repeatCount:"indefinite"}),e.jsx("rect",{x:"282",y:"172",width:"72",height:"28",rx:"6",fill:"#052e16",stroke:"#10b981",strokeWidth:"1.5"}),e.jsx("text",{x:"318",y:"191",textAnchor:"middle",fill:"#34d399",fontSize:"16",fontWeight:"bold",children:"portrait"})]}),e.jsxs("g",{children:[e.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"330 200 185",to:"690 200 185",dur:"14s",repeatCount:"indefinite"}),e.jsx("rect",{x:"282",y:"172",width:"70",height:"28",rx:"6",fill:"#1e1b4b",stroke:"#6366f1",strokeWidth:"1.5"}),e.jsx("text",{x:"317",y:"191",textAnchor:"middle",fill:"#a5b4fc",fontSize:"16",fontWeight:"bold",children:"outdoor"})]}),e.jsx("text",{x:"200",y:"356",textAnchor:"middle",fill:"#06b6d4",fontSize:"18",fontWeight:"bold",letterSpacing:"3",children:"INDEXING ASSETS..."}),e.jsx("rect",{x:"60",y:"364",width:"280",height:"8",rx:"4",fill:"#0e293a"}),e.jsx("rect",{x:"60",y:"364",width:"160",height:"8",rx:"4",fill:"#06b6d4",children:e.jsx("animate",{attributeName:"width",values:"40;280;40",dur:"4s",repeatCount:"indefinite"})})]})}const Ft=[Be,Fe,De,P];function Dt(){const[t,r]=ve();return e.jsxs("div",{ref:t,className:"mt-20 [content-visibility:auto] [contain-intrinsic-size:auto_1000px]",children:[e.jsx(C,{num:"01c",label:"For enterprise creative ops",sub:"Turn your asset library into ad variants",accent:"cyan"}),e.jsxs("div",{className:"rounded-3xl border border-cyan-400/20 bg-gradient-to-br from-cyan-500/10 via-emerald-500/5 to-teal-500/10 p-8 md:p-10 relative overflow-hidden",children:[e.jsx("div",{className:"absolute -top-24 -right-24 w-96 h-96 rounded-full bg-cyan-500/15 blur-3xl"}),e.jsx("div",{className:"absolute -bottom-24 -left-24 w-96 h-96 rounded-full bg-emerald-500/15 blur-3xl"}),e.jsxs("div",{className:"relative grid md:grid-cols-[1.5fr_0.5fr] gap-8 items-center",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-2xl bg-gradient-to-br from-cyan-400 to-emerald-500 flex items-center justify-center shadow-[0_0_30px_rgba(34,211,238,0.45)]",children:e.jsx(me,{className:"w-5 h-5 text-white"})}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300/80 border border-cyan-300/30 rounded-full px-2.5 py-1",children:"Creative Operations Engine"})]}),e.jsxs("h3",{className:"text-3xl md:text-4xl font-black tracking-tight",children:["Asset chaos ",e.jsx("span",{className:"text-white/40",children:"→"})," ad variants"]}),e.jsx("p",{className:"mt-3 text-white/60 leading-relaxed max-w-lg",children:"For high-volume teams: index the footage already sitting in y
12our Google Drive or Photos, and ViralSpin assembles story-driven video ads from assets you've already paid to shoot — then permutes them into 50+ platform-ready variants."})]}),e.jsx("div",{className:"relative max-w-[200px] w-full mx-auto hidden md:block opacity-90",children:e.jsx("div",{className:"rounded-2xl ring-1 ring-cyan-400/20 overflow-hidden",children:r&&e.jsx(Bt,{})})})]}),e.jsx("div",{className:"relative mt-8 grid grid-cols-2 lg:grid-cols-4 gap-4",children:Ht.map((s,a)=>{const i=Ft[a];return e.jsxs("div",{className:`rounded-2xl border ${s.ring} bg-white/[0.02] p-5`,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"text-[10px] font-black uppercase tracking-widest text-white/40",children:["Step ",s.n]}),e.jsx(i,{className:`w-5 h-5 ${s.color}`})]}),e.jsx("h4",{className:"mt-3 text-base md:text-lg font-black italic uppercase tracking-tight text-white leading-tight",children:s.title}),e.jsx("p",{className:`text-[10px] font-black uppercase tracking-wider mt-1 ${s.color}`,children:s.sub})]},s.n)})}),e.jsxs("div",{className:"relative mt-8 rounded-2xl border border-white/10 bg-[#070b14]/60 p-6 md:p-8",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300/70 mb-2 text-center",children:"Every variant follows a story arc"}),r&&e.jsx(Zt,{})]}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/storify-assets",className:"group relative mt-6 inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 hover:gap-2.5 transition-all",children:["Explore Creative Operations ",e.jsx(u,{className:"w-4 h-4"})]})]})]})}function Gt(){return e.jsxs("div",{id:"jarvis",className:"mt-20 [content-visibility:auto] [contain-intrinsic-size:auto_1300px]",children:[e.jsx(C,{num:"01b",label:"Meet Jarvis",sub:"Talk to it — it builds the video",accent:"cyan"}),e.jsxs("div",{className:"relative rounded-3xl overflow-hidden border border-cyan-400/20 bg-gradient-to-br from-cyan-500/10 via-blue-500/5 to-violet-500/10",children:[e.jsx("div",{className:"absolute -top-24 -right-24 w-96 h-96 rounded-full bg-cyan-500/15 blur-3xl"}),e.jsxs("div",{className:"relative grid md:grid-cols-2 gap-10 items-center p-8 md:p-12",children:[e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/jarvis/orb",className:"group relative block order-2 md:order-1",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute -inset-6 bg-cyan-500/20 blur-3xl rounded-full"}),e.jsxs("div",{className:"relative w-full aspect-[16/11] rounded-2xl ring-1 ring-cyan-400/25 group-hover:ring-cyan-300/60 shadow-2xl overflow-hidden bg-[#05080f] transition-all",children:[e.jsx("img",{src:"/jarvis-orb-preview.png",alt:"Jarvis — the live conversation orb (knowledge graph)",loading:"lazy",decoding:"async",className:"absolute inset-0 w-full h-full object-cover"}),e.jsxs("span",{className:"absolute bottom-3 right-3 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-black/55 backdrop-blur-sm border border-cyan-300/30 text-[11px] font-bold text-cyan-200 opacity-0 group-hover:opacity-100 transition-opacity",children:[e.jsx(Z,{className:"w-3 h-3"})," Open the live orb"]})]})]}),e.jsxs("div",{className:"order-1 md:order-2",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/5 border border-cyan-400/25 text-sm text-cyan-300 mb-5",children:[e.jsx(Me,{className:"w-4 h-4"})," Meet Jarvis"]}),e.jsxs("h2",{className:"text-3xl md:text-4xl font-black tracking-tight",children:["Don't edit a video.",e.jsx("br",{}),e.jsx("span",{className:"text-white/45",children:"Just talk to one."})]}),e.jsx("p",{className:"mt-4 text-white/65 leading-relaxed max-w-md",children:"Jarvis is the voice layer over the studio. Tell it what you want and watch it pull your clips and photos, write the captions, score it, and build the video while you talk."}),e.jsxs("div",{className:"mt-6 flex items-center gap-3 flex-wrap",children:[e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/jarvis/orb",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-400 hover:to-blue-500 text-white font-bold shadow-[0_0_24px_rgba(34,211,238,0.4)] transition-all",children:["Open the live orb ",e.jsx(u,{className:"w-4 h-4"})]}),e.jsx("a",{target:"_blank",rel:"noopener noreferrer",href:"/jarvis",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full border border-white/15 bg-white/[0.03] hover:bg-white/[0.06] text-white font-bold transition-all",children:"Meet Jarvis"})]})]})]})]}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/fathers-day",className:"group block rounded-3xl overflow-hidden border border-cyan-400/20 mt-5",children:[e.jsxs("div",{className:"relative flex items-center min-h-[360px] md:min-
12h-[440px]",children:[e.jsx("img",{src:"/fathers-day-hero.jpg",alt:"A father cradling his newborn, foreheads touching",loading:"lazy",decoding:"async",className:"absolute inset-0 w-full h-full object-cover object-[center_40%]"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-[#070b14]/95 via-[#070b14]/45 via-40% to-transparent"}),e.jsxs("div",{className:"relative max-w-md p-8 md:p-12",style:{textShadow:"0 1px 16px rgba(7,11,20,0.95)"},children:[e.jsxs("p",{className:"inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-cyan-300/90 mb-3",children:[e.jsx(Ve,{className:"w-3 h-3"})," Use case"]}),e.jsxs("h3",{className:"text-3xl md:text-4xl font-black tracking-tight",children:['"You Raise Me Up"',e.jsx("br",{}),e.jsx("span",{className:"text-white/60",children:"a Father's Day tribute"})]}),e.jsx("p",{className:"mt-4 text-white/85 leading-relaxed",children:`"Make a Father's Day video for my dad" → Jarvis pulls your Google Photos, scores it to a cello track, and builds the tribute while you watch.`}),e.jsxs("span",{className:"mt-6 inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 group-hover:gap-2.5 transition-all",children:["See the Father's Day story ",e.jsx(u,{className:"w-4 h-4"})]})]})]}),e.jsxs("div",{className:"bg-[#070b14] border-t border-white/10 px-6 md:px-10 py-6",children:[e.jsx("p",{className:"text-center text-[11px] font-black uppercase tracking-widest text-cyan-300/80 mb-1",children:"No video-editor experience needed"}),e.jsx("p",{className:"text-center text-sm text-white/50 mb-4",children:"Just click & drag to swap clips and photos."}),e.jsx("img",{src:"/fathers-day-swap-refine.png",alt:"Swap & refine the tribute's clips and family photos by dragging",loading:"lazy",decoding:"async",className:"w-full max-w-3xl mx-auto h-auto rounded-xl border border-white/15 shadow-2xl"})]})]}),e.jsx("div",{className:"my-6 h-px bg-gradient-to-r from-transparent via-white/15 to-transparent"}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-5",children:[e.jsxs("div",{className:"rounded-2xl border border-white/[0.08] bg-white/[0.02] overflow-hidden flex flex-col",children:[e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/showroom2",className:"group relative block",children:[e.jsx("img",{src:"/jarvis-ugc-assembly.png",alt:"Raw selfie footage assembled into a captioned UGC video ad",loading:"lazy",decoding:"async",className:"w-full h-auto"}),e.jsxs("span",{className:"absolute bottom-2 right-2 inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-black/55 backdrop-blur-sm border border-cyan-300/30 text-[10px] font-bold text-cyan-200 opacity-0 group-hover:opacity-100 transition-opacity",children:[e.jsx(Z,{className:"w-3 h-3"})," Watch it live"]})]}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("h4",{className:"text-lg font-black",children:"UGC Video Ad Assembly"}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300/70 border border-cyan-300/25 rounded-full px-2 py-0.5",children:"Use case"})]}),e.jsx("p",{className:"text-sm text-white/55 leading-relaxed mb-4",children:"Raw selfie footage → a captioned, B-rolled UGC ad. Just tell Jarvis what to make — it pulls the clips, writes the script, and assembles it."}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/jarvis",className:"inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 hover:gap-2.5 transition-all",children:["Open in Jarvis ",e.jsx(u,{className:"w-3.5 h-3.5"})]})]})]}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/ugc",className:"group flex flex-col rounded-2xl border border-white/[0.08] bg-white/[0.02] hover:bg-white/[0.04] hover:border-cyan-400/40 overflow-hidden transition-all",children:[e.jsx("img",{src:"/ugc-variants-editor.png",alt:"Timeline editor reordering UGC clips with AI face-aware auto-centering",loading:"lazy",decoding:"async",className:"w-full h-auto"}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("h4",{className:"text-lg font-black",children:"UGC Variants"}),e.jsx(He,{className:"w-4 h-4 text-cyan-300"})]}),e.jsx("p",{className:"text-sm text-white/55 leading-relaxed mb-4",children:"Reorder and mix your UGC clips — AI face-detection re-centers each cut — to spin a single shoot into many test variants."}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 group-hover:gap-2.5 transition-all",children:["Open the variant editor ",e.jsx(u,{className:"w-3.5 h-3.5"})]})]})]})]})]})}function $t(){const[t,r]=d.useState(null),s=d.useRef(null),a=d.useRef(null),i=l=>()=>{const o=l==="original"?s.current:a.current,c=l==="original"?a.current:s.current;c&&c.pause(),o&&(t===l?(o.pause(),r(null)):(o.play().catch(()=>{}),r(l)))},n=e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/20 group-hover:bg-black/40 transition-all",children:e.jsx("div",{className:"w-12 h-12 bg-white/40 backdrop-blur-md rounded-full flex items-center justify-center border border-white/50 text-white shadow-xl scale-90 group-hover:scale-100 transition-transform",children:e.jsx("svg",{className:"w-6 h-6 fill-current ml-0.5",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M8 5v14l11-7z"})})})});return e.jsxs("div",{className:"relative flex items-center justify-center gap-3 sm:gap-4",children:[e.jsxs("div",{className:"flex flex-col items-center gap-3 flex-1 max-w-[180px]",children:[e.jsx("p",{className:"text-[9px] md:text-[10px] font-black text-white/40 uppercase tracking-[0.25em]",children:"Source Video"}),e.jsxs("div",{onClick:i("original"),className:"group w-full aspect-[9/16] relative rounded-[1.6rem] overflow-hidden shadow-2xl ring-1 ring-white/10 hover:ring-white/40 cursor-pointer transition-all bg-black",children:[e.jsx("video",{ref:s,src:"/recreation-original-15s.mp4",poster:"/images/source-video-poster.jpg",loop:!0,muted:!0,playsInl
12ine:!0,preload:"none",className:"w-full h-full object-cover"}),e.jsx("div",{className:"absolute top-3 left-3 bg-slate-800/90 text-white text-[9px] font-black px-2.5 py-1 rounded uppercase tracking-widest",children:"Original"}),e.jsx(K,{className:"absolute top-3 right-3 w-4 h-4 text-white/60"}),t!=="original"&&n]})]}),e.jsx("div",{className:"text-cyan-400 text-2xl font-black shrink-0",children:"→"}),e.jsxs("div",{className:"flex flex-col items-center gap-3 flex-1 max-w-[180px]",children:[e.jsx("p",{className:"text-[9px] md:text-[10px] font-black text-cyan-400 uppercase tracking-[0.25em]",children:"AI Vibe Recreation"}),e.jsxs("div",{onClick:i("result"),className:"group w-full aspect-[9/16] relative rounded-[1.6rem] overflow-hidden shadow-2xl ring-2 ring-cyan-500/60 hover:ring-cyan-400 cursor-pointer transition-all bg-black",children:[e.jsx("video",{ref:a,src:"/recreation-result-15s.mp4",poster:"/images/sf-gate-poster.jpg",loop:!0,muted:!0,playsInline:!0,preload:"none",className:"w-full h-full object-cover"}),e.jsx("div",{className:"absolute top-3 left-3 bg-[#06d6f5] text-slate-950 text-[9px] font-black px-2.5 py-1 rounded uppercase tracking-widest",children:"AI Result"}),e.jsx(K,{className:"absolute top-3 right-3 w-4 h-4 text-slate-950/70"}),t!=="result"&&n]})]})]})}function Yt(){return e.jsxs("div",{className:"rounded-3xl border border-cyan-400/20 bg-gradient-to-br from-cyan-500/10 via-blue-500/5 to-violet-500/10 p-8 md:p-10 relative overflow-hidden mt-5 [content-visibility:auto] [contain-intrinsic-size:auto_520px]",children:[e.jsx("div",{className:"absolute -top-24 -left-24 w-96 h-96 rounded-full bg-cyan-500/15 blur-3xl"}),e.jsxs("div",{className:"relative grid md:grid-cols-2 gap-8 items-center",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-2xl bg-gradient-to-br from-cyan-400 to-blue-500 flex items-center justify-center shadow-[0_0_30px_rgba(34,211,238,0.45)]",children:e.jsx(Re,{className:"w-5 h-5 text-white"})}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300/80 border border-cyan-300/30 rounded-full px-2.5 py-1",children:"Replicate / Recreate"})]}),e.jsxs("h3",{className:"text-3xl md:text-4xl font-black tracking-tight",children:["Steal the format,",e.jsx("br",{}),e.jsx("span",{className:"text-white/45",children:"not the footage."})]}),e.jsx("p",{className:"mt-3 text-white/60 leading-relaxed max-w-md",children:"Drop a competitor's image or video ad — or any viral video — and ViralSpin reverse-engineers the prompt, structure, and pacing so you can recreate it with your own brand."}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/reverse",className:"group mt-6 inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 hover:gap-2.5 transition-all",children:["Replicate an ad ",e.jsx(u,{className:"w-4 h-4"})]})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute -inset-4 bg-cyan-500/15 blur-3xl rounded-[2rem]"}),e.jsx($t,{})]})]})]})}function Ut(){const[t,r]=d.useState(!1),[s,a]=ve();return e.jsxs("div",{ref:s,className:"mt-5 rounded-3xl border border-white/10 bg-white/[0.02] p-6 md:p-8 [content-visibility:auto] [contain-intrinsic-size:auto_1100px]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-5",children:[e.jsx(me,{className:"w-5 h-5 text-cyan-300"}),e.jsx("h3",{className:"text-xl md:text-2xl font-black tracking-tight",children:"Repurpose one creative into everything"})]}),e.jsxs("div",{className:"rounded-2xl border border-white/[0.08] bg-white/[0.02] overflow-hidden mb-4",children:[e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/repurpose",className:"group flex items-center justify-between gap-3 p-5 hover:bg-white/[0.02] transition-colors",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"text-lg font-black",children:"Video · every aspect ratio"}),e.jsx("p",{className:"text-sm text-white/55 mt-0.5",children:"Horizontal → 9:16 / 1:1 / 4:5, subject auto-tracked."})]}),e.jsx(u,{className:"w-4 h-4 text-white/30 group-hover:text-cyan-300 group-hover:translate-x-0.5 transition-all shrink-0"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-6 p-4 md:p-6 pt-2 bg-[#070b14]",children:[e.jsx("div",{className:"w-full min-h-[210px] md:min-
12h-[240px] flex items-center justify-center",children:a&&!t&&e.jsx(Le,{theme:"dark",showMediaTypes:!1,className:"w-full"})}),e.jsx("video",{src:"/repurpose-reframe.mp4",poster:"/repurpose-reframe-poster.jpg",controls:!0,loop:!0,preload:"none",playsInline:!0,onPlay:()=>r(!0),onPause:()=>r(!1),onEnded:()=>r(!1),className:"w-full max-w-xl h-auto rounded-lg border border-white/10 bg-black"})]})]}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-4",children:[e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/repurpose",className:"group flex flex-col rounded-2xl border border-white/[0.08] bg-white/[0.02] hover:bg-white/[0.04] hover:border-cyan-400/40 transition-all overflow-hidden",children:[e.jsx("div",{className:"aspect-[4/3] flex items-center justify-center overflow-hidden bg-black/30",children:e.jsx("img",{src:"/repurpose-variants-demo/ai-resize-image-card.png",alt:"One image resized into many ad sizes",loading:"lazy",decoding:"async",className:"max-w-full max-h-full object-contain"})}),e.jsxs("div",{className:"p-5",children:[e.jsx("h4",{className:"text-base font-black",children:"Image"}),e.jsx("p",{className:"text-xs text-white/55 mt-1",children:"One image → 50 platform ad sizes."})]})]}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/clips",className:"group flex flex-col rounded-2xl border border-white/[0.08] bg-white/[0.02] hover:bg-white/[0.04] hover:border-cyan-400/40 transition-all overflow-hidden",children:[e.jsx("div",{className:"aspect-[4/3] flex items-center justify-center overflow-hidden bg-black/30",children:e.jsx("img",{src:"/clips/clips-moments.png",alt:"Top clip-worthy moments detected in a long video",loading:"lazy",decoding:"async",className:"max-w-full max-h-full object-contain"})}),e.jsxs("div",{className:"p-5",children:[e.jsx("h4",{className:"text-base font-black",children:"Clips"}),e.jsx("p",{className:"text-xs text-white/55 mt-1",children:"Long video → highest-engagement 30–60s cuts."})]})]}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/repurpose/variants",className:"group flex flex-col rounded-2xl border border-white/[0.08] bg-white/[0.02] hover:bg-white/[0.04] hover:border-cyan-400/40 transition-all overflow-hidden",children:[e.jsxs("div",{className:"aspect-[4/3] grid grid-cols-2 grid-rows-2 gap-0.5 overflow-hidden bg-black/30",children:[e.jsx("img",{src:"/creative-variant-1.png",alt:"Ad variant",loading:"lazy",decoding:"async",className:"w-full h-full object-cover"}),e.jsx("img",{src:"/creative-variant-2.png",alt:"Ad variant",loading:"lazy",decoding:"async",className:"w-full h-full object-cover"}),e.jsx("img",{src:"/creative-variant-3.png",alt:"Ad variant",loading:"lazy",decoding:"async",className:"w-full h-full object-cover"}),e.jsx("img",{src:"/creative-variant-4.png",alt:"Ad variant",loading:"lazy",decoding:"async",className:"w-full h-full object-cover"})]}),e.jsxs("div",{className:"p-5",children:[e.jsx("h4",{className:"text-base font-black",children:"Creative Variants"}),e.jsx("p",{className:"text-xs text-white/55 mt-1",children:"One creative → many fresh ad concepts."})]})]})]})]})}const Jt={cyan:"text-cyan-300 bg-cyan-500/10 border border-cyan-500/20",violet:"text-violet-300 bg-violet-500/10 border border-violet-500/20",amber:"text-amber-300 bg-amber-500/10 border border-amber-500/20",green:"text-green-300 bg-green-500/10 border border-green-500/20"},ye=[{text:"Publish ",hl:null},{text:"C:\\MyPost.mp4",hl:"cyan"},{text:" to ",hl:null},{text:"Instagram",hl:"violet"},{text:" and ",hl:null},{text:"Tiktok",hl:"amber"},{text:" ",hl:null},{text:"tomorrow at 8pm EST",hl:"green"},{text:".",hl:null}],oe=ye.map(t=>t.text).join("");function Xt(){const t=d.useRef(null),[r,s]=d.useState(!1);d.useEffect(()=>{const c=t.current;if(!c)return;const x=new IntersectionObserver(m=>s(m.some(p=>p.isIntersecting)),{rootMargin:"100px"});return x.observe(c),()=>x.disconnect()},[]);const[a,i]=d.useState(0),[n,l]=d.useState("type");d.useEffect(()=>{if(r)if(n==="type"){if(a<oe.length){const c=setTimeout(()=>i(x=>x+1),45);return()=>clearTimeout(c)}l("hold")}else if(n==="hold"){const c=setTimeout(()=>l("clear"),2800);return()=>clearTimeout(c)}else i(0),l("type")},[a,n,r]);let o=0;return e.jsxs("p",{ref:t,className:"font-mono text-sm md:text-base leading-relaxed min-h-[3.5em]",children:[ye.map((c,x)=>{const m=o;if(o+=c.text.length,a<=m)return null;const p=oe.slice(m,Math.min(a,o));return p?c.hl?e.jsx("span",{className:`px-1 py-0.5 rounded-sm ${Jt[c.hl]}`,children:p},x):e.jsx("span",{className:"text-white/80",children:p},x):null}),e.jsx("span",{className:"inline-block w-[2px] h-[1.1em] align-middle bg-cyan-300 animate-pulse ml-0.5"})]})}function qt(){return e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:"/publish",className:"group block rounded-3xl border border-cyan-400/20 bg-gradient-to-br from-cyan-500/10 via-blue-500/5 to-violet-500/10 hover:border-cyan-400/40 transition-all p-8 md:p-10 relative overflow-hidden mt-20",children:[e.jsx("div",{className:"absolute -bottom-24 -right-24 w-96 h-96 rounded-full bg-violet-500/15 blur-3xl"}),e.jsxs("div",{className:"relative grid md:grid-cols-2 gap-8 items-center",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-2xl bg-gradient-to-br from-cyan-400 to-blue-500 flex items-center justify-center shadow-[0_0_30px_rgba(34,211,238,0.45)]",children:e.jsx(Ge,{className:"w-5 h-5 text-white"})}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-cyan-300/80 border border-cyan-300/30 rounded-full px-2.5 py-1",children:"Publishing"})]}),e.jsxs("h3",{className:"text-3xl md:text-4xl font-black tracking-tight",children:["Publish from a chat.",e.jsx("br",{}),e.jsx("span",{className:"text-white/45",children:"Every platform, scheduled."})]}),e.jsx("p",{className:"mt-3 text-white/60 leading-relaxed max-w-md",children:"Cross-platform publishing across TikTok / Instagram / YouTube / LinkedIn / X — plus a Claude Code MCP so you can publish straight from your local drive with one command."}),e.jsxs("span",{className:"mt-6 inline-flex items-center gap-1.5 text-sm font-bold text-cyan-300 group-hover:gap-2.5 transition-all",children:["See publishing ",e.jsx(u,{className:"w-4 h-4"})]})]}),e.jsxs("div",{className:"rounded-2xl border border-white/10 bg-[#05080f] p-5 shadow-2xl",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-red-400/70"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-amber-400/70"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-green-400/70"}),e.jsx("span",{className:"ml-2 text-[10px] font-mono text-white/30",children:"claude · publish"})]}),e.jsx("p",{className:"text-[10px] font-mono text-cyan-300/60 mb-1",children:"$ ~ viralspin"}),e.jsx(Xt,{})]})]})]})}const F=[{id:"hawaii",label:"🌺 Hawaii Trip",color:"#10b981",dimColor:"#064e3b",textColor:"#34d399",orbColor:"#00ffcc",nodes:[{cx:60,cy:162,emoji:"🌺",time:"0:00",line1:"Hawaii",line2:"Dreams"},{cx:195,cy:60,emoji:"✈️",time:"0:05",line1:"Flight",line2:"Takeoff"},{cx:360,cy:18,emoji:"🏨",time:"0:11",line1:"Resort",line2:"Arrival",apex:!0},{cx:525,cy:60,emoji:"🌊",time:"0:18",line1:"Beach",line2:"& Waves"},{cx:660,cy:162,emoji:"🎉",time:"0:24",line1:"Luau",line2:"Memories"}]},{id:"founder",label:"🚀 Founder Story",color:"#f59e0b",dimColor:"#451a03",textColor:"#fbbf24",orbColor:"#fde68a",nodes:[{cx:60,cy:162,emoji:"💡",time:"0:00",line1:"The",line2:"Problem"},{cx:195,cy:60,emoji:"🛠️",time:"0:06",line1:"Building",line2:"v1"},{cx:360,cy:18,emoji:"🚀",time:"0:12",line1:"Launch",line2:"Day",apex:!0},{cx:525,cy:60,emoji:"📈",time:"0:18",line1:"Traction",line2:"& Growth"},{cx:660,cy:162,emoji:"🏆",time:"0:24",line1:"Vision",line2:"Ahead"}]},{id:"product",label:"📦 Product Launch",color:"#6366f1",dimColor:"#1e1b4b",textColor:"#a5b4fc",orbColor:"#c4b5fd",nodes:[{cx:60,cy:162,emoji:"🎯",time:"0:00",line1:"The",line2:"Hook"},{cx:195,cy:60,emoji:"🔍",time:"0:05",line1:"Problem",line2:"Reveal"},{cx:360,cy:18,emoji:"✨",time:"0:10",line1:"Demo",line2:"Moment",apex:!0},{cx:525,cy:60,emoji:"💬",time:"0:16",line1:"Social",line2:"Proof"},{cx:660,cy:162,emoji:"🛒",time:"0:22",line1:"CTA",line2:"Close"}]},{id:"review",label:"⭐ Customer Story",color:"#ec4899",dimColor:"#500724",textColor:"#f9a8d4",orbColor:"#fbcfe8",nodes:[{cx:60,cy:162,emoji:"😤",time:"0:00",line1:"Before",line2:"State"},{cx:195,cy:60,emoji:"🤝",time:"0:05",line1:"Discovery",line2:"Moment"},{cx:360,cy:18,emoji:"⚡",time:"0:11",line1:"Turning",line2:"Point",apex:!0},{cx:525,cy:60,emoji:"😍",time:"0:17",line1:"Results",line2:"Revealed"},{cx:660,cy:162,emoji:"⭐",time:"0:24",line1:"Recommend",line2:""}]}
12,{id:"parenting",label:"🤰 Parenting Journey",color:"#a855f7",dimColor:"#2e1065",textColor:"#c084fc",orbColor:"#ddd6fe",nodes:[{cx:60,cy:162,emoji:"🤰",time:"0:00",line1:"Pregnancy",line2:"Glow"},{cx:195,cy:60,emoji:"🧸",time:"0:06",line1:"Nursery",line2:"Ready"},{cx:360,cy:18,emoji:"👶",time:"0:12",line1:"Delivery",line2:"& Birth",apex:!0},{cx:525,cy:60,emoji:"👣",time:"0:18",line1:"First",line2:"Steps"},{cx:660,cy:162,emoji:"🏡",time:"0:24",line1:"Growing",line2:"Together"}]}];function Zt(){const[t,r]=d.useState(0);d.useEffect(()=>{const i=setInterval(()=>r(n=>(n+1)%F.length),6e3);return()=>clearInterval(i)},[]);const s=F[t],a="M 60 162 A 305 195 0 0 1 660 162";return e.jsxs("div",{className:"w-full max-w-3xl mx-auto",children:[e.jsx("div",{className:"flex justify-center gap-2 mb-12 md:mb-14 flex-wrap",children:F.map((i,n)=>e.jsx("button",{onClick:l=>{l.preventDefault(),l.stopPropagation(),r(n)},className:"px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-wider transition-all border",style:{background:n===t?i.color+"22":"transparent",borderColor:n===t?i.color:"#334155",color:n===t?i.textColor:"#64748b"},children:i.label},i.id))}),e.jsx("div",{style:{height:"200px"},children:e.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 720 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",overflow:"visible",children:[e.jsx("defs",{children:e.jsxs("filter",{id:`sh-glow-arc-${s.id}`,x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{stdDeviation:"5",result:"blur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"blur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})}),e.jsxs("g",{opacity:"0.25",children:[e.jsx("line",{x1:"80",y1:"162",x2:"630",y2:"162",stroke:s.color,strokeWidth:"3",strokeDasharray:"8 6"}),e.jsx("polygon",{points:"630,154 646,162 630,170",fill:s.color})]}),e.jsx("path",{d:a,stroke:s.color,strokeWidth:"2.5",strokeDasharray:"10 6",fill:"none",opacity:"0.8",filter:`url(#sh-glow-arc-${s.id})`}),e.jsx("path",{d:a,stroke:s.color,strokeWidth:"1",fill:"none",opacity:"0.25"}),e.jsxs("circle",{r:"7",fill:s.orbColor,opacity:"0.9",filter:`url(#sh-glow-arc-${s.id})`,children:[e.jsx("animateMotion",{dur:"5s",repeatCount:"indefinite",children:e.jsx("mpath",{href:`#sh-arc-path-${s.id}`})}),e.jsx("animate",{attributeName:"opacity",values:"0.4;1;0.4",dur:"5s",repeatCount:"indefinite"})]}),e.jsx("path",{id:`sh-arc-path-${s.id}`,d:a,fill:"none"}),s.nodes.map((i,n)=>e.jsxs("g",{children:[e.jsxs("circle",{cx:i.cx,cy:i.cy,r:"apex"in i&&i.apex?20:16,fill:s.dimColor,stroke:s.color,strokeWidth:"apex"in i&&i.apex?3:2,filter:`url(#sh-glow-arc-${s.id})`,children:[e.jsx("animate",{attributeName:"r",values:"apex"in i&&i.apex?"18;22;18":"14;17;14",dur:"3s",begin:`${n*.7}s`,repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"stroke-opacity",values:"1;0.3;1",dur:"3s",begin:`${n*.7}s`,repeatCount:"indefinite"})]}),e.jsx("text",{x:i.cx,y:i.cy+6,textAnchor:"middle",fontSize:"apex"in i&&i.apex?18:16,children:i.emoji}),e.jsx("text",{x:i.cx,y:i.cy>100?i.cy+28:i.cy-28,textAnchor:"middle",fill:s.textColor,fontSize:"13",fontWeight:"bold",children:i.time}),e.jsx("text",{x:i.cx,y:i.cy>100?i.cy+44:i.cy-44,textAnchor:"middle",fill:"#94a3b8",fontSize:"12",children:i.line1}),i.line2&&e.jsx("text",{x:i.cx,y:i.cy>100?i.cy+58:i.cy-58,textAnchor:"middle",fill:"#94a3b8",fontSize:"12",children:i.line2})]},n)),e.jsx("text",{x:"360",y:"125",textAnchor:"middle",fill:s.color,fontSize:"13",fontWeight:"900",letterSpacing:"5",opacity:"0.35",children:"STORY ARC"})]})})]})}function Kt(){return e.jsx("section",{id:"custom",className:"relative max-w-6xl mx-auto px-6 py-24 [content-visibility:auto] [contain-intrinsic-size:auto_640px]",children:e.jsxs("div",{className:"rounded-3xl border border-white/[0.08] bg-gradient-to-br from-white/[0.04] to-transparent p-10 md:p-14 relative overflow-hidden",children:[e.jsx("div",{className:"absolute -top-32 -right-32 w-96 h-96 rounded-full bg-cyan-500/15 blur-3xl"}),e.jsx("div",{className:"absolute -bottom-32 -left-32 w-96 h-96 rounded-full bg-violet-500/15 blur-3xl"}),e.jsxs("div",{className:"relative grid md:grid-cols-[1.2fr_1fr] gap-10 items-center",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-violet-300 mb-3",children:"Custom builds"}),e.jsxs("h2",{className:"text-3xl md:text-4xl font-black tracking-tight",children:["Need your own version?",e.jsx("br",{}),e.jsx("span",{className:"text-white/45",children:"We build the same way, for you."})]}),e.jsx("p",{className:"mt-5 text-white/55 leading-relaxed max-w-xl",children:"We take on a small number of custom AI builds each quarter — internal tools, white-label tools, full products. Same speed and design polish you see in our own apps."}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:q,className:"mt-7 inline-flex items-center gap-2 px-5 py-3 rounded-full bg-white text-gray-950 font-bold hover:bg-cyan-300 transition-colors",children:[e.jsx(he,{className:"w-4 h-4"})," Book a call"]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsx(E,{icon:$e,label:"Custom apps",detail
12:"Web + mobile"}),e.jsx(E,{icon:U,label:"AI integrations",detail:"OpenAI, Anthropic, custom"}),e.jsx(E,{icon:D,label:"White-label",detail:"Your brand, our engine"}),e.jsx(E,{icon:Oe,label:"Creative tooling",detail:"For agencies + studios"})]})]})]})})}function E({icon:t,label:r,detail:s}){return e.jsxs("div",{className:"rounded-xl border border-white/[0.06] bg-white/[0.02] p-4",children:[e.jsx(t,{className:"w-4 h-4 text-cyan-300 mb-2"}),e.jsx("p",{className:"text-sm font-bold",children:r}),e.jsx("p",{className:"text-[11px] text-white/40",children:s})]})}const Qt=[{n:"01",title:"Spec",body:"We meet, we scope, we ship a written plan in a week. Fixed price, fixed timeline."},{n:"02",title:"Prototype",body:"Working prototype in 2-4 weeks. You see real behavior on real data, not Figma."},{n:"03",title:"Ship",body:"We launch, instrument, and hand over. Or we keep operating it — your call."}];function er(){return e.jsxs("section",{id:"process",className:"relative max-w-6xl mx-auto px-6 py-24 [content-visibility:auto] [contain-intrinsic-size:auto_500px]",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-14",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-cyan-300 mb-3",children:"How we ship"}),e.jsxs("h2",{className:"text-4xl md:text-5xl font-black tracking-tight",children:["Spec → prototype → ship.",e.jsx("br",{}),e.jsx("span",{className:"text-white/40",children:"In weeks, not quarters."})]})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-5",children:Qt.map(({n:t,title:r,body:s})=>e.jsxs("div",{className:"rounded-2xl border border-white/[0.08] bg-white/[0.02] p-7",children:[e.jsx("p",{className:"text-[11px] font-mono text-cyan-300/60 mb-4",children:t}),e.jsx("h3",{className:"text-xl font-black mb-2",children:r}),e.jsx("p",{className:"text-sm text-white/55 leading-relaxed",children:s})]},t))})]})}function tr(){return e.jsxs("section",{className:"relative max-w-6xl mx-auto px-6 py-24 [content-visibility:auto] [contain-intrinsic-size:auto_480px]",children:[e.jsxs("div",{className:"rounded-3xl bg-gradient-to-br from-cyan-500/20 via-blue-500/15 to-violet-500/20 border border-white/10 p-12 md:p-16 text-center relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.05),transparent_60%)]"}),e.jsx("h2",{className:"relative text-4xl md:text-5xl font-black tracking-tight",children:"Pick a starting point."}),e.jsx("p",{className:"relative mt-5 text-white/65 max-w-xl mx-auto",children:"Try the flagship in 30 seconds, or book a call if you have something custom in mind."}),e.jsxs("div",{className:"relative mt-9 flex items-center justify-center gap-3 flex-wrap",children:[e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:X,className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-full bg-white text-gray-950 font-bold hover:bg-cyan-200 transition-colors",children:["Try ViralSpin free ",e.jsx(u,{className:"w-4 h-4"})]}),e.jsxs("a",{target:"_blank",rel:"noopener noreferrer",href:q,className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-full border border-white/25 bg-white/[0.04] hover:bg-white/[0.08] text-white font-bold transition-colors",children:[e.jsx(he,{className:"w-4 h-4"})," Book a call"]})]})]}),e.jsxs("p",{className:"text-center text-xs text-white/30 mt-10",children:["© ",new Date().getFullYear()," ViralSpin · An AI venture studio"]})]})}export{kr as default};

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.