https://proudnotproud.com/assets/sample-year-BASp7ZZJ.js

1import{j as e,m as a,r as y,l as x}from"./vendor-motion-CWthwBHV.js";import{F as o}from"./session-card-DfDogMnt.js";import{A as h,a as u}from"./App-DucJjLMU.js";import{P as f}from"./page-footer-DgQVBoUK.js";import{a as g}from"./sentiment-selector-bNyisg3L.js";import{L as b,a as w,b as v}from"./longitudinal-cards-CIaOYdgO.js";import"./index-UQ4Qr5Bx.js";import"./vendor-radix-XKDS9LlS.js";import"./api-base-B8hCG6H6.js";import"./vendor-query-CIlvkMVG.js";import"./vendor-charts-DVgyNbFy.js";import"./clerk-preview-Xs8fmqyU.js";import"./zap-DKaaT3bk.js";import"./arrow-up-right-CfgPhSzT.js";function i(){const t=(s,r,n,l,d,c,m,p="normal")=>({position:"absolute",top:`${s}%`,left:`${r}%`,width:`${n}%`,height:`${l}%`,background:d,borderRadius:"50%",filter:`blur(${c}px)`,opacity:m,transform:"translate(-50%,-50%)",mixBlendMode:p});return e.jsxs("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"#4f5034",pointerEvents:"none",overflow:"hidden"},children:[e.jsx("div",{style:t(-5,82,90,80,"#E2A92E",160,.5)}),e.jsx("div",{style:t(15,88,100,120,"#74AD6E",180,.72)}),e.jsx("div",{style:t(30,76,80,80,"#D8DE56",180,.28,"multiply")}),e.jsx("div",{style:t(95,48,90,70,"#2E8B6E",170,.48)}),e.jsx("div",{style:t(88,15,70,60,"#E2A92E",160,.77,"overlay")}),e.jsx("div",{style:t(45,5,75,65,"#D8DE56",170,.3)}),e.jsx("div",{style:t(-8,22,65,55,"#473e1f",255,.31,"overlay")}),e.jsx("div",{style:t(10,18,90,70,"#fff2d7",160,.03,"screen")}),e.jsx("div",{style:t(68,5,65,55,"#fff2d7",150,.17,"screen")})]})}const j=`
2  .my-wrap > div {
3    min-height: 0 !important;
4    height: auto !important;
5    border-radius: 20px !important;
6    padding: 1.1rem 1.35rem !important;
7    gap: 0.7rem !important;
8  }
9  .my-day30 > div > div > div:nth-child(2) {
10    flex: 0 0 auto !important;
11    justify-content: flex-start !important;
12  }
13  .my-day90 > div > div > div:nth-child(2) {
14    flex: 0 0 auto !important;
15  }
16  .my-year > div > div > div:nth-child(2) {
17    flex: 0 0 auto !important;
18  }
19`,N={level:4,note:"Finished the brand voice doc today — the one I've been circling for three weeks. No meetings, just me and the brief. This is what good feels like.",byline:"Maya · today"};function k(){const t=y.useRef(null),s=x(t,{once:!0,margin:"-80px"});return e.jsxs("section",{ref:t,className:"py-20 md:py-28 relative overflow-hidden",children:[e.jsx(i,{}),e.jsxs("div",{className:"max-w-2xl mx-auto px-6 relative z-10",children:[e.jsxs(a.div,{initial:{opacity:0,y:16},animate:s?{opacity:1,y:0}:{},transition:{duration:.55},className:"mb-10 text-center",children:[e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] mb-4 block",style:{color:"rgba(255,242,215,0.45)"},children:"Day 1"}),e.jsx("h2",{className:"font-display mb-3 leading-[1.1]",style:{fontSize:"clamp(1.75rem, 4vw, 2.5rem)",color:"rgba(255,242,215,0.95)"},children:"Maya logs her first check-in."}),e.jsx("p",{className:"font-sans text-sm leading-relaxed mx-auto max-w-sm",style:{color:"rgba(255,220,160,0.5)"},children:"Ten seconds. One question. No HR system involved."})]}),s&&e.jsx(a.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.55,delay:.15},className:"max-w-sm mx-auto",style:{filter:"drop-shadow(0 8px 32px rgba(0,0,0,0.35))"},children:e.jsx(g,{demoMode:N})}),e.jsx(a.p,{initial:{opacity:0}

19,animate:s?{opacity:1}:{},transition:{duration:.5,delay:.4},className:"text-center font-sans text-[13px] mt-7",style:{color:"rgba(255,220,160,0.38)"},children:"Maya's first log was about a brief she finished alone."})]})]})}function $(){return e.jsxs("div",{className:"min-h-screen",style:{background:"#f6f1e3"},children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:j}}),e.jsx(h,{}),e.jsxs("section",{className:"relative overflow-hidden pt-24 pb-20 md:pt-32 md:pb-28",children:[e.jsx(i,{}),e.jsx("div",{className:"max-w-3xl mx-auto px-6 relative z-10 text-center",children:e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.6},children:[e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] mb-6 block",style:{color:"rgba(255,242,215,0.42)"},children:"Work mode · your data · your story"}),e.jsxs("h1",{className:"font-display mb-5 leading-[1.07]",style:{fontSize:"clamp(2.25rem, 6vw, 4rem)",color:"rgba(255,242,215,0.97)",textShadow:"0 2px 32px rgba(0,0,0,0.45)"},children:["Maya's year wasn't about her reviews."," ",e.jsx("em",{style:{fontStyle:"italic",color:"#E2A92E"},children:"It was about her work."})]}),e.jsx("p",{className:"font-sans text-base sm:text-lg leading-relaxed mx-auto max-w-xl",style:{color:"rgba(255,220,160,0.62)"},children:"Years go fast. Most days don't. This is the record she kept."})]})})]}),e.jsx("section",{className:"py-20 md:py-28",style:{background:"#f6f1e3"},children:e.jsx("div",{className:"max-w-2xl mx-auto px-6",children:e.jsxs(a.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.55},children:[e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] mb-4 block",style:{color:"rgba(58,28,0,0.35)"},children:"Meet Maya"}),e.jsxs("h2",{className:"font-display mb-3 leading-[1.1]",style:{fontSize:"clamp(1.75rem, 4vw, 2.75rem)",color:"rgba(58,28,0,0.92)"},children:["Five years in. Good at her job."," ",e.jsx("em",{style:{fontStyle:"italic",color:"#b87c2a"},children:"Unsure if the job is good for her."})]}),e.jsx("div",{className:"w-10 h-px mt-4 mb-6",style:{background:"rgba(58,28,0,0.18)"}}),e.jsx("p",{className:"font-sans text-base sm:text-[1.05rem] leading-relaxed",style:{color:"rgba(58,28,0,0.55)"},children:"Maya is a senior copywriter at a mid-size agency. She's respected, she delivers, and she keeps getting pulled into cross-functional meetings she doesn't need to be in. She knows something's off but can't name it — her performance reviews say nothing useful."}),e.jsx("p",{className:"font-sans text-base sm:text-[1.05rem] leading-relaxed mt-4",style:{color:"rgba(58,28,0,0.55)"},children:"So she starts tracking. Ten seconds, once a day."})]})})}),e.jsx(k,{}),e.jsx("section",{className:"py-20 md:py-28",style:{background:"#f6f1e3"},children:e.jsxs("div",{className:"max-w-2xl mx-auto px-6",children:[e.jsxs(a.div,{className:"mb-10",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.55},children:[e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] mb-4 block",style:{color:"rgba(58,28,0,0.35)"},children:"30 days later"}),e.jsx("h2",{className:"font-display mb-3 leading-[1.1]",style:{fontSize:"clamp(1.75rem, 4vw, 2.75rem)",color:"rgba(58,28,0,0.92)"},children:"The shape was already in her week."}),e.jsx("p",{className:"font-sans text-base leading-relaxed max-w-sm",style:{color:"rgba(58,28,0,0.52)"},children:"Solo briefs. No standups. She just hadn't seen it next to itself."})]}),e.jsx(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.6,delay:.1},className:"my-wrap my-day30 mx-auto",style:{maxWidth:400,transform:"rotate(-1deg)",filter:"drop-shadow(0 8px 28px rgba(58,28,0,0.13))"},children:e.jsx(b,{headline:"Maya is proudest on solo deep-work days.",subtext:"Collaborative days score 0.8 points lower on average.",badgeLabel:"Maya's first pattern",checkedDays:22,totalDays:30,mode:"work",staticDisplay:!0})})]})}),e.jsxs("section",{className:"py-24 md:py-36 relative overflow-hidden",children:[e.jsx(i,{}),e.jsxs("div",{className:"max-w-2xl mx-auto px-6 relative z-10",children:[e.jsx(a.p,{className:"font-mono text-[11px] uppercase tracking-[0.22em] mb-6",style:{color:"rgba(255,242,215,0.45)"},initial:{opacity:0}

19,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.5},children:"90 days in"}),e.jsxs(a.blockquote,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.65},className:"font-display leading-[1.12] mb-4",style:{fontSize:"clamp(1.9rem, 4.5vw, 3rem)",color:"rgba(255,242,215,0.94)"},children:[`"The work I'm`," ",e.jsx("em",{style:{fontStyle:"italic",color:"#E2A92E"},children:"most proud of"})," ",'happens when nobody schedules me."']}),e.jsx(a.p,{initial:{opacity:0},whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.5,delay:.2},className:"font-sans text-sm mb-12",style:{color:"rgba(255,220,160,0.48)"},children:"Maya · after 90 check-ins"}),e.jsx(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.6,delay:.15},className:"my-wrap my-day90 mx-auto",style:{maxWidth:400,transform:"rotate(0.8deg)",filter:"drop-shadow(0 10px 32px rgba(0,0,0,0.32))"},children:e.jsx(w,{badgeLabel:"Maya's work signature",footerLabel:"Maya · worth telling her manager",mode:"work",staticDisplay:!0})})]})]}),e.jsx("section",{className:"py-20 md:py-28",style:{background:"#f6f1e3"},children:e.jsxs("div",{className:"max-w-2xl mx-auto px-6",children:[e.jsxs(a.div,{className:"mb-10",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.55},children:[e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] mb-4 block",style:{color:"rgba(58,28,0,0.35)"},children:"End of year"}),e.jsx("h2",{className:"font-display mb-3 leading-[1.1]",style:{fontSize:"clamp(1.75rem, 4vw, 2.75rem)",color:"rgba(58,28,0,0.92)"},children:"247 proud days. One year theme."}),e.jsx("p",{className:"font-sans text-base leading-relaxed max-w-sm",style:{color:"rgba(58,28,0,0.52)"},children:"A pride poster — data Maya actually owns. Not a performance review. Hers."})]}),e.jsx(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.6,delay:.1},className:"my-wrap my-year mx-auto",style:{maxWidth:420,transform:"rotate(-0.5deg)",filter:"drop-shadow(0 8px 28px rgba(58,28,0,0.13))"},children:e.jsx(v,{proudDays:247,notProudDays:64,dateRange:"Maya · Jan – Dec",yearTheme:"Solo deep work.",badgeLabel:"Maya's pride poster",showActions:!1,mode:"work",staticDisplay:!0})})]})}),e.jsxs("section",{className:"py-32 text-center relative overflow-hidden",children:[e.jsx(i,{}),e.jsx("div",{className:"max-w-3xl mx-auto px-6 relative z-10",children:e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.6},children:[e.jsxs("h2",{className:"font-display mb-5 leading-[1.1]",style:{fontSize:"clamp(2rem, 5vw, 3.25rem)",color:"rgba(255,242,215,0.97)"},children:["Your year would look different —"," ",e.jsx("em",{style:{fontStyle:"italic",color:"#E2A92E"},children:"but it would be yours."})]}),e.jsx("p",{className:"font-sans text-base sm:text-lg leading-relaxed mb-10 mx-auto max-w-lg",style:{color:"rgba(255,220,160,0.58)"},children:"Maya's data is fiction. The patterns it reveals are real. Start your own year — ten seconds at a time."}),e.jsxs(o,{href:"/dashboard",className:"inline-flex items-center gap-2 px-8 py-4 rounded-full text-sm font-semibold transition-all hover:brightness-105 hover:shadow-lg group",style:{background:"#f6f1e3",color:"#3a1c00"},children:["Begin",e.jsx(u,{className:"w-4 h-4 group-hover:translate-x-1 transition-transform"})]}),e.jsx("div",{className:"mt-8",children:e.jsx(o,{href:"/sample/marcus",className:"font-mono text-[12px] uppercase tracking-[0.18em] transition-opacity hover:opacity-70",style:{color:"rgba(255,220,160,0.42)"},children:"See Marcus's year →"})})]})})]}),e.jsx(f,{})]})}export{$ as default};