https://professorclock.tv/assets/NowTimePage-DikDHa9S.js

1import{j as e}from"./framer-DYe-a4Oj.js";import{r as i}from"./lucide-Lukeen-8.js";import{u as b}from"./useScrollVideo-BcBkmNuC.js";import{u}from"./useScrollRevealIO-Bnw2FD-t.js";import{G as y,T as v}from"./index-B05N6zMW.js";import"./react-vendor-CdGwWozv.js";import"./supabase-ZCRGx3A9.js";const S=`
2@keyframes ntFadeUp {
3  from { opacity: 0; transform: translateY(32px); }
4  to   { opacity: 1; transform: translateY(0); }
5}
6@keyframes ntPulse {
7  0%, 100% { opacity: 1; }
8  50%       { opacity: 0.45; }
9}
10@keyframes ntDotPulse {
11  0%, 100% { transform: scale(1);   opacity: 1; }
12  50%       { transform: scale(1.6); opacity: 0.6; }
13}
14@keyframes ntScanLine {
15  0%   { top: -4px; }
16  100% { top: 100%; }
17}
18`;function T(){if(typeof document>"u"||document.getElementById("nt-keyframes"))return;const r=document.createElement("style");r.id="nt-keyframes",r.textContent=S,document.head.appendChild(r)}const t={bg:"#040208",bronze:"#c8860a",gold:"#f0d78c",teal:"#1ab8c9",white:"#ffffff",dim:"rgba(255,255,255,0.55)",panel:"rgba(255,255,255,0.04)"},a=(r=0)=>({animation:`ntFadeUp 0.9s cubic-bezier(0.22,1,0.36,1) ${r}s both`});function j(){return e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:8,background:"rgba(200,134,10,0.12)",border:"1px solid rgba(200,134,10,0.4)",borderRadius:999,padding:"6px 16px",fontSize:11,letterSpacing:"0.18em",color:t.gold,fontFamily:"monospace",textTransform:"uppercase"},children:[e.jsx("span",{style:{width:7,height:7,borderRadius:"50%",background:t.bronze,display:"inline-block",animation:"ntDotPulse 1.8s ease-in-out infinite"}}),"NOW:TIME · TRANSMISSION ACTIVE"]})}function g({id:r,label:s,color:o,body:d,delay:l=0,revealed:p}){return e.jsxs("div",{style:{background:t.panel,border:`1px solid ${o}33`,borderTop:`2px solid ${o}`,borderRadius:8,padding:"28px 24px",position:"relative",overflow:"hidden",opacity:p?1:0,transform:p?"translateY(0)":"translateY(28px)",transition:`opacity 0.75s ease ${l}s, transform 0.75s ease ${l}s`},children:[e.jsx("div",{style:{position:"absolute",left:0,right:0,height:1,background:`linear-gradient(90deg, transparent, ${o}55, transparent)`,animation:"ntScanLine 4s linear infinite",pointerEvents:"none"}}),e.jsx("div",{style:{fontSize:10,letterSpacing:"0.22em",color:o,fontFamily:"monospace",marginBottom:10,textTransform:"uppercase"},children:r}),e.jsx("div",{style:{fontSize:13,fontWeight:700,letterSpacing:"0.14em",color:o,textTransform:"uppercase",marginBottom:12},children:s}),e.jsx("div",{style:{fontSize:14,color:t.dim,lineHeight:1.7},children:d})]})}function c({value:r,label:s}){return e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("div",{style:{fontSize:26,fontWeight:800,background:`linear-gradient(135deg, ${t.gold}, ${t.bronze})`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",letterSpacing:"0.04em",lineHeight:1.1},children:r}),e.jsx("div",{style:{fontSize:11,color:t.dim,letterSpacing:"0.18em",textTransform:"uppercase",marginTop:4,fontFamily:"monospace"},children:s})]})}function R({onNavigate:r}){const[s,o]=i.useState(!1),d=i.useRef(null),l=i.useRef(null),p=i.useRef(null),[m,f]=i.useState(!1),[x,h]=i.useState(!1);return i.useEffect(()=>{T()},[]),b(d),u(l,()=>f(!0)),u(p,()=>h(!0)),e.jsxs("div",{style:{background:t.bg,color:t.white,fontFamily:"'Inter', 'Helvetica Neue', Arial, sans-serif",overflowX:"hidden"},children:[e.jsxs("section",{style:{position:"relative",minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",padding:"120px 24px 80px",overflow:"hidden"},children:[e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:"url(https://i.ytimg.com/vi/DF-Z8gIksS8/maxresdefault.jpg)",backgroundSize:"cover",backgroundPosition:"center",filter:"brightness(0.22) saturate(0.6)"}}),e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:"url(/img_3109.png)",backgroundSize:"cover",backgroundPosition:"center top",opacity:.14,mixBlendMode:"screen"}}),e.jsx("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:"40%",background:`linear-gradient(to bottom, transparent, ${t.bg})`}}),e.jsxs("div",{style:{position:"relative",zIndex:2,maxWidth:780},children:[e.jsx("div",{style:{...a(0),marginBottom:28},children:e.jsx("span",{style:{display:"inline-block",background:"rgba(200,134,10,0.1)",border:"1px solid rgba(200,134,10,0.35)",borderRadius:4,padding:"5px 14px",fontSize:10,letterSpacing:"0.25em",color:t.gold,textTransform:"uppercase",fontFamily:"monospace"},children:"D-NT · NOW:TIME · TEMPORAL CALIBRATION"})}),e.jsx("h1",{style:{...a(.12),fontSize:"clamp(64px, 13vw, 128px)",fontWeight:900,letterSpacing:"-0.02em",lineHeight:.9,margin:"0 0 24px",background:`linear-gradient(160deg, ${t.white} 0%, #f5d78c 45%, ${t.bronze}

18 100%)`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:"NOW:TIME"}),e.jsx("p",{style:{...a(.22),fontSize:"clamp(16px, 2.4vw, 22px)",color:t.gold,fontStyle:"italic",letterSpacing:"0.06em",margin:"0 0 20px"},children:"The present moment is the only moment."}),e.jsx("p",{style:{...a(.32),fontSize:"clamp(14px, 1.8vw, 17px)",color:t.dim,lineHeight:1.75,maxWidth:620,margin:"0 auto 36px"},children:"A 4K visual archive from across timelines. Documentary-style audio broadcast. The eternal NOW is the gateway to all timelines — past, present, and future collapse into a single accessible point."}),e.jsxs("div",{style:{...a(.42),display:"flex",flexWrap:"wrap",gap:14,justifyContent:"center",marginBottom:40},children:[e.jsx("a",{href:"https://www.youtube.com/watch?v=DF-Z8gIksS8",target:"_blank",rel:"noopener noreferrer",style:{display:"inline-flex",alignItems:"center",gap:10,background:`linear-gradient(135deg, ${t.bronze}, #a06808)`,color:t.white,padding:"14px 32px",borderRadius:6,fontWeight:700,fontSize:13,letterSpacing:"0.16em",textTransform:"uppercase",textDecoration:"none",boxShadow:"0 0 32px rgba(200,134,10,0.35)",transition:"transform 0.2s, box-shadow 0.2s"},onMouseEnter:n=>{n.currentTarget.style.transform="translateY(-2px)",n.currentTarget.style.boxShadow="0 4px 40px rgba(200,134,10,0.55)"},onMouseLeave:n=>{n.currentTarget.style.transform="",n.currentTarget.style.boxShadow="0 0 32px rgba(200,134,10,0.35)"},children:"▶ WATCH NOW:TIME"}),e.jsx("a",{href:"https://damienlamar.bandcamp.com/track/now-time",target:"_blank",rel:"noopener noreferrer",style:{display:"inline-flex",alignItems:"center",gap:10,background:"transparent",color:t.gold,padding:"14px 32px",borderRadius:6,fontWeight:700,fontSize:13,letterSpacing:"0.16em",textTransform:"uppercase",textDecoration:"none",border:"1px solid rgba(200,134,10,0.55)",transition:"background 0.2s, border-color 0.2s"},onMouseEnter:n=>{n.currentTarget.style.background="rgba(200,134,10,0.1)",n.currentTarget.style.borderColor=t.bronze},onMouseLeave:n=>{n.currentTarget.style.background="transparent",n.currentTarget.style.borderColor="rgba(200,134,10,0.55)"},children:"♫ STREAM ON BANDCAMP"})]}),e.jsx("div",{style:a(.52),children:e.jsx(j,{})})]})]}),e.jsxs("section",{ref:d,style:{position:"relative",height:"100vh",overflow:"hidden"},children:[e.jsx("iframe",{src:"https://www.youtube.com/embed/DF-Z8gIksS8?autoplay=1&mute=1&controls=0&loop=1&playlist=DF-Z8gIksS8",allow:"autoplay; encrypted-media",allowFullScreen:!0,title:"NOW:TIME ambient background",style:{position:"absolute",top:"50%",left:"50%",width:"177.78vh",height:"100vh",minWidth:"100%",minHeight:"56.25vw",transform:"translate(-50%, -50%)",border:"none",filter:"brightness(0.35) saturate(0.7)",pointerEvents:"none"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:`linear-gradient(to bottom, ${t.bg} 0%, transparent 20%, transparent 80%, ${t.bg} 100%)`}}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 24px"},children:[e.jsx("h2",{style:{fontSize:"clamp(36px, 6vw, 72px)",fontWeight:900,lineHeight:1,letterSpacing:"0.02em",color:t.white,textShadow:"0 0 60px rgba(200,134,10,0.6)",margin:"0 0 18px"},dangerouslySetInnerHTML:{__html:"THE PRESENT<br/>IS THE PORTAL."}}),e.jsx("p",{style:{maxWidth:560,fontSize:"clamp(14px, 1.6vw, 18px)",color:t.dim,lineHeight:1.7},children:"A documentary-style broadcast from the convergence point where all temporalities exist simultaneously."})]})]}),e.jsxs("section",{style:{padding:"clamp(60px, 8vw, 120px) clamp(20px, 5vw, 80px)",maxWidth:1100,margin:"0 auto"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:56},children:[e.jsx("p",{style:{fontSize:11,letterSpacing:"0.28em",color:t.bronze,textTransform:"uppercase",fontFamily:"monospace",marginBottom:12},children:"Transmission Protocols"}),e.jsx("h2",{style:{fontSize:"clamp(26px, 4vw, 42px)",fontWeight:800,letterSpacing:"-0.01em",color:t.white,margin:0},children:"Three Pillars of the Broadcast"})]}),e.jsxs("div",{ref:l,style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:24},children:[e.jsx(g,{id:"NT-01",label:"Presence",color:t.bronze,body:"The present moment as the only real point of power. The eternal NOW is the gateway to all timelines. Not metaphor — operating principle.",delay:0,revealed:m}),e.jsx(g,{id:"NT-02",label:"Transformation",color:t.gold,body:"Disruption of habitual time perception through sound and image. Challenges conventional notions of linear time through 4K frequency transmission.",delay:.12,revealed:m}),e.jsx(g,{id:"NT-03",label:"Transmission",color:t.teal,body:"Documentary-style audio archive broadcast from across timelines. Each frequency carries encoded ancestral data. Active reception required.",delay:.24,revealed:m})]})]}),e.jsx("section",{style:{padding:"0 clamp(20px, 5vw, 80px) clamp(60px, 8vw, 100px)",maxWidth:960,margin:"0 auto"},children:e.jsx("div",{style:{position:"relative",paddingTop:"56.25%",borderRadius:10,overflow:"hidden",border:"1px solid rgba(200,134,10,0.3)",boxShadow:"0 0 60px rgba(200,134,10,0.12)"},children:e.jsx("iframe",{src:"https://www.youtube.com/embed/DF-Z8gIksS8",title:"NOW:TIME",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none"}})})}),e.jsxs("section",{style:{position:"relative",height:"50vh",overflow:"hidden",margin:"0 0 clamp(60px,8vw,100px)"},children:[e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:"url(/img_2863.jpeg)",backgroundSize:"cover",backgroundPosition:"center 30%",filter:"brightness(0.4) saturate(0.65)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:`linear-gradient(to bottom, ${t.bg} 0%, transparent 25%, transparent 75%, ${t.bg} 100%)`}}),e.jsx("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("p",{style:{fontSize:"clamp(0.65rem, 1.1vw, 0.78rem)",letterSpacing:"0.3em",color:"rgba(200,134,10,0.55)",textTransform:"uppercase",fontWeight:700,fontFamily:"monospace"},children:"— THE MOMENT IS THE MESSAGE —"})})]}),e.jsx("section",{ref:p,style:{padding:"clamp(60px, 8vw, 120px) clamp(20px, 5vw, 80px)",maxWidth:900,margin:"0 auto",opacity:x?1:0,transform:x?"translateY(0)":"translateY(28px)",transition:"opacity 0.85s ease, transform 0.85s ease"},children:e.jsxs(y,{style:{padding:"clamp(32px, 4vw, 56px)",borderColor:"rgba(200,134,10,0.3)"},children:[e.jsx("p",{style:{fontSize:10,letterSpacing:"0.28em",color:t.bronze,textTransform:"uppercase",fontFamily:"monospace",marginBottom:16},children:"Narrative Universe Link"}),e.jsx("h2",{style:{fontSize:"clamp(20px, 3vw, 32px)",fontWeight:800,letterSpacing:"0.04em",textTransform:"uppercase",color:t.white,marginBottom:20},children:"TIME TRAVELER'S DIGEST CONNECTION"}),e.jsx("p",{style:{fontSize:"clamp(14px, 1.6vw, 16px)",color:t.dim,lineHeight:1.8,marginBottom:36},children:"NOW:TIME draws directly from the Time Traveler's Digest narrative universe, featuring the character Demetrius the Wise (D.T.S.A.) as temporal guide. The audio and visual elements are synchronized to the Digest's chronological framework."}),e.jsxs("blockquote",{style:{margin:"0 0 40px",padding:"20px 24px",borderLeft:`3px solid ${t.bronze}`,background:"rgba(200,134,10,0.06)",borderRadius:"0 6px 6px 0"},children:[e.jsx("p",{style:{fontSize:"clamp(14px, 1.6vw, 17px)",fontStyle:"italic",color:t.gold,lineHeight:1.7,margin:"0 0 10px"},children:'"The present moment is not a point on a line. It is the entire line, accessible from a single station."'}),e.jsx("cite",{style:{fontSize:12,color:t.dim,fontStyle:"normal",letterSpacing:"0.12em",fontFamily:"monospace"},children:"— ProfessorClock · NOW:TIME"})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:16,borderTop:"1px solid rgba(200,134,10,0.2)",paddingTop:32},children:[e.jsx(c,{value:"4K",label:"Visual resolution"}),e.jsx(c,{value:"4:12",label:"Runtime"}),e.jsx(c,{value:"432 Hz",label:"Base tuning"}),e.jsx(c,{value:"ATMOS",label:"Spatial audio"})]})]})}),e.jsxs("section",{style:{padding:"clamp(40px, 6vw, 80px) clamp(20px, 5vw, 80px)",maxWidth:700,margin:"0 auto",textAlign:"center"},children:[e.jsx("p",{style:{fontSize:10,letterSpacing:"0.28em",color:t.bronze,textTransform:"uppercase",fontFamily:"monospace",marginBottom:12},children:"Stay Tuned"}),e.jsx("h2",{style:{fontSize:"clamp(20px, 3vw, 30px)",fontWeight:800,color:t.white,marginBottom:24},children:"Receive Transmissions"}),e.jsx(v,{isOpen:s,onClose:()=>o(!1)}),e.jsx("button",{onClick:()=>o(!0),className:"font-orbitron font-bold",style:{padding:"14px 32px",borderRadius:12,background:`linear-gradient(135deg,${t.bronze},#f5c06a)`,color:"#03020a",fontSize:11,letterSpacing:"0.18em",border:"none",cursor:"pointer",display:"block",margin:"0 auto"},children:"OPEN THE CHANNEL"})]}),e.jsx("div",{style:{height:1,background:"linear-gradient(90deg, transparent, rgba(200,134,10,0.3), transparent)",margin:"0 clamp(20px, 5vw, 80px) clamp(40px, 6vw, 80px)"}})]})}export{R as NowTimePage,R as default};