https://teamfluencer.co/_next/static/chunks/8861.f890ee10d4258e56.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="dc9c5858-6190-4358-8d05-33062425ad44",e._sentryDebugIdIdentifier="sentry-dbid-dc9c5858-6190-4358-8d05-33062425ad44")}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8861],{78861:function(e,t,i){i.r(t),i.d(t,{default:function(){return y}});var a=i(57437),n=i(2265),s=i(32168),o=i(33133),d=i(78689);let r={type:"spring",stiffness:180,damping:22};function l(e){let{to:t,dur:i=1200,delay:s=0,suffix:o="",decimal:d=!1}=e,[r,l]=(0,n.useState)(0),[c,f]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=setTimeout(()=>f(!0),s);return()=>clearTimeout(e)},[s]),(0,n.useEffect)(()=>{if(!c)return;let e=performance.now(),a=n=>{let s=Math.min((n-e)/i,1),o=s*s*(3-2*s);l(d?+(o*t).toFixed(1):Math.round(o*t)),s<1&&requestAnimationFrame(a)};requestAnimationFrame(a)},[c,t,i,d]),(0,a.jsxs)(a.Fragment,{children:[r,o]})}function c(e){let{active:t}=e,i=(0,d.useTranslations)(),n=[{icon:"\uD83D\uDD0D",label:i("landing.heroanimations.dashboardmockup.sidebarDiscovery"),id:0},{icon:"\uD83D\uDCF1",label:i("landing.heroanimations.dashboardmockup.sidebarContent"),id:1},{icon:"\uD83D\uDCCA",label:i("landing.heroanimations.dashboardmockup.sidebarResults"),id:2}];return(0,a.jsxs)("div",{style:{width:44,background:"#f8fafc",borderRight:"1px solid #e2e8f0",display:"flex",flexDirection:"column",alignItems:"center",paddingTop:10,gap:2,flexShrink:0,borderRadius:"0 0 0 20px"},"data-sentry-component":"Sidebar","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsx)("div",{style:{width:22,height:22,borderRadius:6,background:"linear-gradient(135deg, #6366f1, #8b5cf6)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:10,color:"#fff",fontWeight:800,marginBottom:10},children:"T"}),n.map(e=>(0,a.jsxs)(s.E.div,{animate:{background:t===e.id?"#ede9fe":"transparent"},style:{width:34,height:30,borderRadius:7,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",gap:1},children:[(0,a.jsx)("span",{style:{fontSize:12},children:e.icon}),(0,a.jsx)("span",{style:{fontSize:6,fontWeight:t===e.id?700:400,color:t===e.id?"#6366f1":"#94a3b8"},children:e.label})]},e.id)),(0,a.jsx)("div",{style:{flex:1}}),(0,a.jsx)("div",{style:{width:20,height:20,borderRadius:"50%",background:"#e2e8f0",marginBottom:8,display:"flex",alignItems:"center",justifyContent:"center",fontSize:9},children:"\uD83D\uDC64"})]})}function f(e){let{color:t="#6366f1",delay:i=0}=e,n="0,28 12,22 24,26 36,14 48,18 60,8 72,12 84,4 96,10 108,2";return(0,a.jsxs)("svg",{width:"108",height:"30",viewBox:"0 0 108 30",style:{display:"block"},"data-sentry-element":"svg","data-sentry-component":"MiniChart","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsx)(s.E.polyline,{points:n,fill:"none",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:1},transition:{duration:1.2,ease:"easeOut",delay:i},"data-sentry-element":"motion.polyline","data-sentry-source-file":"DashboardMockup.jsx"}),(0,a.jsx)(s.E.polyline,{points:"0,30 ".concat(n," 108,30"),fill:"".concat(t,"10"),stroke:"none",initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:i+.6,duration:.4},"data-sentry-element":"motion.polyline","data-sentry-source-file":"DashboardMockup.jsx"})]})}let p=[function(){let e=(0,d.useTranslations)();return(0,a.jsxs)("div",{style:{padding:"10px 12px"},"data-sentry-component":"DashScene1","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[(0,a.jsx)("div",{style:{fontSize:12,fontWeight:700,color:"#0f172a"},children:e("landing.heroanimations.dashboardmockup.scene1Title")}),(0,a.jsx)(s.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.3},style:{fontSize:8,color:"#6366f1",fontWeight:600,background:"#ede9fe",borderRadius:4,padding:"2px 6px"},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:"AI Active"})]}),(0,a.jsxs)(s.E.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:r,style:{background:"#f8fafc",borderRadius:8,border:"1px solid #e2e8f0",padding:"6px 10px",marginBottom:8,display:"flex",alignItems:"center",gap:6},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#94a3b8",strokeWidth:"2","data-sentry-element":"svg","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsx)("circle",{cx:"11",cy:"11",r:"8","data-sentry-element":"circle","data-sentry-source-file":"DashboardMockup.jsx"}),(0,a.jsx)("path",{d:"m21 21-4.35-4.35",strokeLinecap:"round","data-sentry-element":"path","data-sentry-source-file":"DashboardMockup.jsx"})]}),(0,a.jsxs)("span",{style:{fontSize:10,color:"#94a3b8"},children:["Beauty, İstanbul, 18-35, ER ",">"," 5%"]})]}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 50px 40px 40px",gap:4,padding:"0 4px",marginBottom:4},children:[e("landing.heroanimations.dashboardmockup.tableHeaderName"),"Fit","Trend","ER"].map(e=>(0,a.jsx)("span",{style:{fontSize:7,fontWeight:600,color:"#94a3b8",textTransform:"uppercase",letterSpacing:.5},children:e},e))}),[{name:"Ayşe K.",cat:"Beauty",fit:96,trend:"+12%",c:"#ec4899"},{name:"Zeynep M.",cat:"Lifestyle",fit:91,trend:"+8%",c:"#6366f1"},{name:"Elif D.",cat:"Natural",fit:87,trend:"+15%",c:"#10b981"},{name:"Selin T.",cat:"Fashion",fit:84,trend:"+5%",c:"#f59e0b"}].map((e,t)=>(0,a.jsxs)(s.E.div,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:.4+.1*t,...r},whileHover:{background:"#f8fafc"},style:{display:"grid",gridTemplateColumns:"1fr 50px 40px 40px",gap:4,alignItems:"center",padding:"5px 4px",borderBottom:"1px solid #f1f5f9",cursor:"pointer"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:5},children:[(0,a.jsx)("div",{style:{width:22,height:22,borderRadius:6,background:"".concat(e.c,"12"),display:"flex",alignItems:"center",justifyContent:"center",fontSize:9,fontWeight:700,color:e.c},children:e.name[0]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{fontSize:10,fontWeight:600,color:"#1e293b"},children:e.name}),(0,a.jsx)("div",{style:{fontSize:7,color:"#94a3b8"},children:e.cat})]})]}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:3},children:[(0,a.jsx)("div",{style:{width:28,height:4,borderRadius:2,background:"#e2e8f0",overflow:"hidden"},children:(0,a.jsx)(s.E.div,{initial:{width:0},animate:{width:"".concat(e.fit,"%")},transition:{duration:.8,delay:.5+.1*t},style:{height:"100%",borderRadius:2,background:e.c}})}),(0,a.jsx)("span",{style:{fontSize:9,fontWeight:700,color:e.c},children:e.fit})]}),(0,a.jsx)("span",{style:{fontSize:9,color:"#10b981",fontWeight:600},children:e.trend}),(0,a.jsx)("span",{style:{fontSize:9,color:"#64748b",fontWeight:500},children:96===e.fit?"8.4%":91===e.fit?"7.2%":87===e.fit?"6.8%":"5.9%"})]},e.name))]})},function(){let e=(0,d.useTranslations)(),t=[{label:e("landing.heroanimations.dashboardmockup.statTotalContent"),val:48,c:"#6366f1"},{label:e("landing.heroanimations.dashboardmockup.statAvgViews"),val:"122K",c:"#ec4899"},{label:e("landing.heroanimations.dashboardmockup.statAvgER"),val:"8.2%",c:"#10b981"}];return(0,a.jsxs)("div",{style:{padding:"10px 12px"},"data-sentry-component":"DashScene2","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsx)("div",{style:{fontSize:12,fontWeight:700,color:"#0f172a",marginBottom:8},children:e("landing.heroanimations.dashboardmockup.scene2Title")}),(0,a.jsx)("div",{style:{display:"flex",gap:6,marginBottom:10},children:t.map((e,t)=>(0,a.jsxs)(s.E.div,{initial:{opacity:0,y:10}

1,animate:{opacity:1,y:0},transition:{delay:.1*t,...r},style:{flex:1,background:"#f8fafc",borderRadius:8,padding:"8px 6px",textAlign:"center",border:"1px solid #f1f5f9"},children:[(0,a.jsx)("div",{style:{fontSize:14,fontWeight:700,color:e.c},children:"number"==typeof e.val?(0,a.jsx)(l,{to:e.val,dur:800}):e.val}),(0,a.jsx)("div",{style:{fontSize:7,color:"#94a3b8",marginTop:1},children:e.label})]},e.label))}),(0,a.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.3},style:{background:"#f8fafc",borderRadius:8,border:"1px solid #f1f5f9",padding:"8px 10px",marginBottom:8},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:6},children:[(0,a.jsx)("span",{style:{fontSize:9,fontWeight:600,color:"#1e293b"},children:e("landing.heroanimations.dashboardmockup.engagementTrend")}),(0,a.jsx)("span",{style:{fontSize:8,color:"#94a3b8"},children:e("landing.heroanimations.dashboardmockup.last30Days")})]}),(0,a.jsx)(f,{color:"#6366f1",delay:.5,"data-sentry-element":"MiniChart","data-sentry-source-file":"DashboardMockup.jsx"})]}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:6},children:[{type:"Reels",pct:42,c:"#ec4899"},{type:"Stories",pct:28,c:"#6366f1"},{type:"Videos",pct:18,c:"#10b981"},{type:"Posts",pct:12,c:"#f59e0b"}].map((e,t)=>(0,a.jsxs)(s.E.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{delay:.5+.08*t,...r},style:{display:"flex",alignItems:"center",gap:5,padding:"4px 6px"},children:[(0,a.jsx)("div",{style:{width:6,height:6,borderRadius:2,background:e.c,flexShrink:0}}),(0,a.jsx)("span",{style:{fontSize:9,color:"#64748b",flex:1},children:e.type}),(0,a.jsxs)("span",{style:{fontSize:9,fontWeight:700,color:"#1e293b"},children:[e.pct,"%"]})]},e.type))})]})},function(){let e=(0,d.useTranslations)();return(0,a.jsxs)("div",{style:{padding:"10px 12px"},"data-sentry-component":"DashScene3","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[(0,a.jsx)("div",{style:{fontSize:12,fontWeight:700,color:"#0f172a"},children:e("landing.heroanimations.dashboardmockup.scene3Title")}),(0,a.jsxs)(s.E.div,{initial:{scale:0},animate:{scale:1},transition:{delay:.2,type:"spring"},style:{fontSize:8,color:"#10b981",fontWeight:600,background:"#ecfdf5",borderRadius:4,padding:"2px 6px",display:"flex",alignItems:"center",gap:3},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsx)("div",{style:{width:4,height:4,borderRadius:"50%",background:"#10b981"}}),"Live"]})]}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:6,marginBottom:10},children:[{label:e("landing.heroanimations.dashboardmockup.kpiReach"),val:"1.2M",change:"+24%",c:"#6366f1"},{label:e("landing.heroanimations.dashboardmockup.kpiEngagement"),val:"7.8%",change:"+12%",c:"#10b981"},{label:"ROI",val:"3.4x",change:"+18%",c:"#f59e0b"}].map((e,t)=>(0,a.jsxs)(s.E.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.1*t,...r},style:{background:"#f8fafc",borderRadius:8,padding:"8px 6px",border:"1px solid #f1f5f9"},children:[(0,a.jsx)("div",{style:{fontSize:7,color:"#94a3b8",marginBottom:2},children:e.label}),(0,a.jsx)("div",{style:{fontSize:15,fontWeight:700,color:e.c},children:e.val}),(0,a.jsx)("div",{style:{fontSize:8,color:"#10b981",fontWeight:600},children:e.change})]},e.label))}),(0,a.jsxs)(s.E.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.3},style:{background:"#f8fafc",borderRadius:8,border:"1px solid #f1f5f9",padding:"8px 10px",marginBottom:8},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsx)("span",{style:{fontSize:9,fontWeight:600,color:"#1e293b"},children:e("landing.heroanimations.dashboardmockup.reachChart")}),(0,a.jsx)(f,{color:"#10b981",delay:.4,"data-sentry-element":"MiniChart","data-sentry-source-file":"DashboardMockup.jsx"})]}),(0,a.jsxs)("div",{style:{display:"flex",gap:6},children:[(0,a.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.6},style:{flex:1,background:"#f8fafc",borderRadius:8,padding:"8px 8px",border:"1px solid #f1f5f9"},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:4},children:[(0,a.jsx)("span",{style:{fontSize:8,fontWeight:600,color:"#1e293b"},children:e("landing.heroanimations.dashboardmockup.progress")}),(0,a.jsx)("span",{style:{fontSize:8,fontWeight:700,color:"#6366f1"},children:"85%"})]}),(0,a.jsx)("div",{style:{height:4,borderRadius:2,background:"#e2e8f0",overflow:"hidden"},children:(0,a.jsx)(s.E.div,{initial:{width:0},animate:{width:"85%"},transition:{duration:1,delay:.7},style:{height:"100%",borderRadius:2,background:"linear-gradient(90deg, #6366f1, #8b5cf6)"},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx"})})]}),(0,a.jsx)(s.E.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.7},style:{flex:1,background:"#f8fafc",borderRadius:8,padding:"8px 8px",border:"1px solid #f1f5f9"},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:[{l:e("landing.heroanimations.dashboardmockup.completed"),v:41,c:"#10b981"},{l:e("landing.heroanimations.dashboardmockup.inProgress"),v:7,c:"#6366f1"}].map(e=>(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4,marginBottom:2},children:[(0,a.jsx)("div",{style:{width:4,height:4,borderRadius:"50%",background:e.c}}),(0,a.jsx)("span",{style:{fontSize:8,color:"#64748b",flex:1},children:e.l}),(0,a.jsx)("span",{style:{fontSize:9,fontWeight:700,color:"#1e293b"},children:e.v})]},e.l))})]})]})}];function y(){let e=(0,d.useTranslations)(),t=[e("landing.heroanimations.dashboardmockup.tabDiscovery"),e("landing.heroanimations.dashboardmockup.tabAnalysis"),"Dashboard"],[i,r]=(0,n.useState)(0),[l,f]=(0,n.useState)(!0),y=(0,n.useRef)(null);(0,n.useEffect)(()=>{if(l)return y.current=setInterval(()=>r(e=>(e+1)%3),5e3),()=>clearInterval(y.current)},[l,i]);let h=e=>{f(!1),r(e),clearInterval(y.current),setTimeout(()=>f(!0),12e3)},u=p[i];return(0,a.jsxs)(s.E.div,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.5},style:{width:"100%",maxWidth:500,aspectRatio:"5/4",borderRadius:20,overflow:"hidden",background:"#ffffff",border:"1px solid #e2e8f0",fontFamily:"'Inter',-apple-system,BlinkMacSystemFont,sans-serif",display:"flex",flexDirection:"column",boxShadow:"0 20px 50px -12px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04)"},"data-sentry-element":"motion.div","data-sentry-component":"DashboardMockup","data-sentry-source-file":"DashboardMockup.jsx",children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 14px",borderBottom:"1px solid #f1f5f9",background:"#fafbfc"},children:[(0,a.jsx)("div",{style:{display:"flex",gap:5},children:["#fca5a5","#fde68a","#86efac"].map(e=>(0,a.jsx)("div",{style:{width:9,height:9,borderRadius:"50%",background:e}},e))}),(0,a.jsx)("div",{style:{display:"flex",gap:2},children:t.map((e,t)=>(0,a.jsx)(s.E.button,{onClick:()=>h(t),whileHover:{background:"#f1f5f9"},whileTap:{scale:.95},style:{fontSize:9,fontWeight:i===t?600:400,color:i===t?"#6366f1":"#94a3b8",background:i===t?"#ede9fe":"transparent",borderRadius:5,padding:"3px 8px",border:"none",cursor:"pointer"},children:e},e))}),(0,a.jsx)("div",{style:{width:50}})]}),(0,a.jsxs)("div",{style:{display:"flex",flex:1,minHeight:0},children:[(0,a.jsx)(c,{active:i,"data-sentry-element":"Sidebar","data-sentry-source-file":"DashboardMockup.jsx"}),(0,a.jsx)("div",{style:{flex:1,overflow:"hidden",position:"relative"},children:(0,a.jsx)(o.M,{mode:"wait","data-sentry-element":"AnimatePresence","data-sentry-source-file":"DashboardMockup.jsx",children:(0,a.jsx)(s.E.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},"data-sentry-element":"motion.div","data-sentry-source-file":"DashboardMockup.jsx",children:(0,a.jsx)(u,{"data-sentry-element":"Scene","data-sentry-source-file":"DashboardMockup.jsx"})},i)})})]}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"4px 14px",borderTop:"1px solid #f1f5f9",background:"#fafbfc"},children:[(0,a.jsx)("div",{style:{display:"flex",gap:4},children:t.map((e,t)=>(0,a.jsx)("div",{style:{flex:"0 0 24px",height:2,borderRadius:1,background:t<=i?"#6366f1":"#e2e8f0",transition:"background 0.3s"}},t))}),(0,a.jsx)("span",{style:{fontSize:7,color:"#94a3b8"},children:"Teamfluencer Platform v2.0"})]})]})}}}]);