https://madaaar.com/assets/HubsPage-Bbj7JX41.js

1import{j as e}from"./vendor-radix-CTQKjRGE.js";import{r as p}from"./vendor-sentry-C3qPfpoq.js";import{L as b}from"./vendor-react-Dz2YwYWU.js";import{B as u}from"./index-lvk7mDSE.js";import{C as a,c as l}from"./card-D6ixSlDY.js";import{N as j}from"./Navbar-Bh9jnDcC.js";import{F as g}from"./Footer-ChdOfLvT.js";import{F as f,I as N}from"./FeatureBreadcrumb-9tRrXqdc.js";import{u as v}from"./vendor-i18n-CZjvFGLj.js";import{m as t}from"./vendor-motion-DnLGruwi.js";import{B as i}from"./briefcase-BsC0eXYB.js";import{B as o}from"./building-2-BHppid_n.js";import{H as n}from"./house-Ap0qwz4o.js";import{L as c}from"./lock-CaVNV7CS.js";import{S as d}from"./shield-B6ykavaI.js";import{C as w}from"./crown-BgNXXfID.js";import{U as y}from"./user-B84ht6QP.js";import{E as T}from"./eye-BgH5sKic.js";import{U as x}from"./users-C0Wwg5E4.js";import{L as C}from"./library-BsNcEN18.js";import{U as H}from"./user-plus-Cji97vPt.js";import{C as m}from"./chart-column-CJFFAIoN.js";import{G as k}from"./globe-Dv5YU4zo.js";import{F as I}from"./panels-top-left-D1pU-PXU.js";import"./vendor-supabase-Bu4LV4Af.js";import"./vendor-charts-DiH06M1A.js";import"./vendor-editor-Do1bG4z7.js";import"./vendor-query-Cg6-uIzu.js";import"./LanguageSwitcher-CMiGnVZW.js";import"./dropdown-menu-CbaB_Xiu.js";import"./chevron-right-DE4BQ2Vq.js";import"./check-1Yz78YdS.js";import"./circle-DQQaAQua.js";import"./menu-UvMBnXtM.js";import"./mail-jCN-TJ78.js";import"./instagram-BpqV-YPu.js";import"./linkedin-CY3VdM0s.js";import"./heart-BTU-bOa7.js";import"./features-data-CRd1tsLF.js";import"./timer-kflVQ9G1.js";import"./calendar-DdLzLYwf.js";import"./file-text-tSMproeJ.js";import"./bell-Die-RXzl.js";import"./sparkles-DnG8kyaR.js";import"./arrow-right-F3kTBqkE.js";const h={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.15,delayChildren:.2}}},r={hidden:{opacity:0,y:30},visible:{opacity:1,y:0,transition:{duration:.6,ease:[.25,.4,.25,1]}}};function Ne(){const{t:s}=v("features");return p.useEffect(()=>{document.title=s("hubs.docTitle")},[s]),e.jsxs("div",{className:"min-h-screen bg-slate-950",children:[e.jsx(j,{}),e.jsx(f,{currentPage:s("hubs.breadcrumb")}),e.jsxs("main",{children:[e.jsxs("section",{className:"relative overflow-hidden py-24 px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"max-w-5xl mx-auto text-center",children:[e.jsxs(t.h1,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,ease:"easeOut"},className:"text-4xl sm:text-5xl lg:text-6xl font-bold text-white mb-6 tracking-tight",children:[s("hubs.heroTitleA")," ",e.jsx("span",{className:"text-teal-400",children:s("hubs.heroTitleB")})]}),e.jsx(t.p,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,delay:.15,ease:"easeOut"},className:"text-lg sm:text-xl text-slate-400 max-w-3xl mx-auto leading-relaxed mb-10",children:s("hubs.heroSub")}),e.jsx(t.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.3},children:e.jsx(u,{size:"lg",className:"bg-teal-500 hover:bg-teal-600 text-slate-950 font-semibold px-8 py-6 text-lg rounded-xl shadow-lg shadow-teal-500/20 hover:shadow-teal-500/40 transition-all duration-300",asChild:!0,children:e.jsx(b,{to:"/signup",children:s("hubs.cta")})})})]}),e.jsx(t.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:1.2,delay:.5},className:"absolute inset-0 -z-10",style:{background:"radial-gradient(ellipse at 50% 0%, rgba(20, 184, 166, 0.12) 0%, transparent 60%)"}})]}),e.jsx("section",{className:"py-20 px-4 sm:px-6 lg:px-8",children:e.jsx("div",{className:"max-w-7xl mx-auto",children:e.jsxs(t.div,{variants:h,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},className:"grid grid-cols-1 lg:grid-cols-3 gap-8",children:[e.jsx(t.div,{variants:r,children:e.jsxs(a,{className:"h-full bg-slate-900/40 border-slate-800 hover:border-teal-500/30 transition-all duration-500 group overflow-hidden relative",children:[e.jsx("div",{className:"absolute top-0 right-0 rtl:right-auto rtl:left-0 w-32 h-32 bg-teal-500/10 rounded-full blur-3xl group-hover:bg-teal-500/20 transition-all duration-700"}),e.jsxs(l,{className:"p-8 relative",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsxs("div",{className:"flex -space-x-3 rtl:space-x-reverse",children:[e.jsx(t.div,{className:"w-12 h-12 rounded-full bg-teal-500/20 border-2 border-teal-500/50 flex items-center justify-center z-30",whileHover:{scale:1.1,x:-5},transition:{type:"spring",stiffness:300},children:e.jsx(i,{className:"w-5 h-5 text-teal-400"})}),e.jsx(t.div,{className:"w-12 h-12 rounded-full bg-indigo-500/20 border-2 border-indigo-500/50 flex items-center justify-center z-20",whileHover:{scale:1.1},transition:{type:"spring",stiffness:300},children:e.jsx(o,{className:"w-5 h-5 text-indigo-400"})}),e.jsx(t.div,{className:"w-12 h-12 rounded-full bg-purple-500/20 border-2 border-purple-500/50 flex items-center justify-center z-10",whileHover:{scale:1.1,x:5},transition:{type:"spring",stiffness:300},children:e.jsx(n,{className:"w-5 h-5 text-purple-400"})})]}),e.jsx(c,{className:"w-6 h-6 text-slate-500"})]}),e.jsx("h3",{className:"text-xl font-bold text-white mb-3",children:s("hubs.pillar1Title")}),e.jsx("p",{className:"text-slate-400 leading-relaxed",children:s("hubs.pillar1Desc")})]})]})}),e.jsx(t.div,{variants:r,children:e.jsx(a,{className:"h-full bg-slate-900/40 border-slate-800 hover:border-teal-500/30 transition-all duration-500 group overflow-hidden",children:e.jsxs(l,{className:"p-8",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-gradient-to-br from-teal-500/20 to-teal-600/10 border border-teal-500/30 flex items-center justify-center group-hover:shadow-[0_0_30px_rgba(20,184,166,0.2)] transition-all duration-500",children:e.jsx(d,{className:"w-8 h-8 text-teal-400"})}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(w,{className:"w-4 h-4 text-amber-400"}),e.jsx("span",{className:"text-xs text-slate-400",children:s("hubs.roleOwner")})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(c,{className:"w-4 h-4 text-teal-400"}),e.jsx("span",{className:"text-xs text-slate-400",children:s("hubs.roleAdmin")})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(y,{className:"w-4 h-4 text-indigo-400"}),e.jsx("span",{className:"text-xs text-slate-400",children:s("hubs.roleEditor")})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(T,{className:"w-4 h-4 text-slate-400"}),e.jsx("span",{className:"text-xs text-slate-400",children:s("hubs.roleViewer")})]})]})]}),e.jsx("h3",{className:"text-xl font-bold text-white mb-3",children:s("hubs.pillar2Title")}),e.jsx("p",{className:"text-slate-400 leading-relaxed",children:s("hubs.pillar2Desc")})]})})}),e.jsx(t.div,{variants:r,children:e.jsx(a,{className:"h-full bg-slate-900/40 border-slate-800 hover:border-teal-500/30 transition-all duration-500 group overflow-hidden",children:e.jsxs(l,{className:"p-8",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-indigo-500/10 flex items-center justify-center",children:e.jsx(x,{className:"w-8 h-8 text-indigo-400"})}),e.jsxs("svg",{className:"absolute -inset-1 w-[72px] h-[72px] -rotate-90",children:[e.jsx("circle",{cx:"36",cy:"36",r:"34",fill:"none",stroke:"#1e293b",strokeWidth:"2"}),e.jsx(t.circle,{cx:"36",cy:"36",r:"34",fill:"none",stroke:"#14b8a6",strokeWidth:"2",strokeDasharray:"213",strokeDashoffset:"53",initial:{strokeDashoffset:213},whileInView:{strokeDashoffset:53},viewport:{once:!0},transition:{duration:1.5,ease:"easeOut"}})]})]}),e.jsxs("div",{className:"text-right rtl:text-left",children:[e.jsx("p",{className:"text-2xl font-bold text-teal-400",dir:"ltr",children:"75%"}),e.jsx("p",{className:"text-xs text-slate-500",children:s("hubs.teamProgress")})]})]}),e.jsx("h3",{className:"text-xl font-bold text-white mb-3",children:s("hubs.pillar3Title")}),e.jsx("p",{className:"text-slate-400 leading-relaxed",children:s("hubs.pillar3Desc")})]})})})]})})}),e.jsx("section",{className:"py-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-slate-950 to-slate-900/30",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs(t.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"text-center mb-12",children:[e.jsxs("h2",{className:"text-2xl sm:text-3xl lg:text-4xl font-bold text-white mb-4",children:[s("hubs.collabTitleA")," ",e.jsx("span",{className:"text-teal-400",children:s("hubs.collabTitleB")})," ",s("hubs.collabTitleC")]}),e.jsx("p",{className:"text-slate-400 text-lg",children:s("hubs.collabSub")})]}

1),e.jsxs(t.div,{variants:h,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[e.jsx(t.div,{variants:r,children:e.jsx(a,{className:"h-full bg-slate-900/30 border-slate-700 hover:border-teal-500/30 transition-all duration-500",children:e.jsxs(l,{className:"p-6",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-teal-500/10 flex items-center justify-center mb-4 group-hover:bg-teal-500/20 transition-colors",children:e.jsx(C,{className:"w-6 h-6 text-teal-400"})}),e.jsx("h3",{className:"text-lg font-bold text-white mb-2",children:s("hubs.collab1Title")}),e.jsx("p",{className:"text-slate-400 text-sm leading-relaxed",children:s("hubs.collab1Desc")})]})})}),e.jsx(t.div,{variants:r,children:e.jsx(a,{className:"h-full bg-slate-900/30 border-slate-700 hover:border-teal-500/30 transition-all duration-500",children:e.jsxs(l,{className:"p-6",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-indigo-500/10 flex items-center justify-center mb-4",children:e.jsx(H,{className:"w-6 h-6 text-indigo-400"})}),e.jsx("h3",{className:"text-lg font-bold text-white mb-2",children:s("hubs.collab2Title")}),e.jsx("p",{className:"text-slate-400 text-sm leading-relaxed",children:s("hubs.collab2Desc")})]})})}),e.jsx(t.div,{variants:r,children:e.jsx(a,{className:"h-full bg-slate-900/30 border-slate-700 hover:border-teal-500/30 transition-all duration-500",children:e.jsxs(l,{className:"p-6",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-purple-500/10 flex items-center justify-center mb-4",children:e.jsx(m,{className:"w-6 h-6 text-purple-400"})}),e.jsx("h3",{className:"text-lg font-bold text-white mb-2",children:s("hubs.collab3Title")}),e.jsx("p",{className:"text-slate-400 text-sm leading-relaxed",children:s("hubs.collab3Desc")})]})})})]})]})}),e.jsx("section",{className:"py-16 px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs(t.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,ease:"easeOut"},className:"text-center mb-12",children:[e.jsx("h2",{className:"text-2xl sm:text-3xl font-bold text-white mb-3",children:s("hubs.visualTitle")}),e.jsx("p",{className:"text-slate-400",children:s("hubs.visualSub")})]}),e.jsx(t.div,{initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{duration:.7,ease:"easeOut"},whileHover:{scale:1.02},className:"relative rounded-2xl overflow-hidden border border-slate-800 bg-slate-900/50 cursor-pointer transition-shadow duration-500 hover:shadow-2xl hover:shadow-teal-500/20",children:e.jsxs("div",{className:"flex",children:[e.jsxs("div",{className:"w-20 bg-slate-900 border-r rtl:border-r-0 rtl:border-l border-slate-800 py-6 flex flex-col items-center gap-4",children:[e.jsxs(t.div,{className:"relative w-12 h-12 rounded-xl bg-teal-500/20 border-2 border-teal-500 flex items-center justify-center cursor-pointer",whileHover:{scale:1.05},animate:{boxShadow:["0 0 0px rgba(20,184,166,0.5)","0 0 20px rgba(20,184,166,0.4)","0 0 0px rgba(20,184,166,0.5)"]},transition:{boxShadow:{duration:2,repeat:1/0,ease:"easeInOut"},scale:{type:"spring",stiffness:400}},children:[e.jsx(i,{className:"w-6 h-6 text-teal-400"}),e.jsx("div",{className:"absolute -right-3 rtl:-right-auto rtl:-left-3 top-1/2 -translate-y-1/2 w-1 h-8 bg-teal-500 rounded-l rtl:rounded-l-none rtl:rounded-r"})]}),e.jsx(t.div,{className:"w-12 h-12 rounded-xl bg-slate-800 border border-slate-700 flex items-center justify-center cursor-pointer hover:bg-slate-700 transition-colors",whileHover:{scale:1.05},whileTap:{scale:.95},children:e.jsx(o,{className:"w-6 h-6 text-slate-400"})}),e.jsx(t.div,{className:"w-12 h-12 rounded-xl bg-slate-800 border border-slate-700 flex items-center justify-center cursor-pointer hover:bg-slate-700 transition-colors",whileHover:{scale:1.05},whileTap:{scale:.95},children:e.jsx(n,{className:"w-6 h-6 text-slate-400"})}),e.jsx(t.div,{className:"w-12 h-12 rounded-xl bg-slate-800 border border-slate-700 flex items-center justify-center cursor-pointer hover:bg-slate-700 transition-colors",whileHover:{scale:1.05},whileTap:{scale:.95},children:e.jsx(k,{className:"w-6 h-6 text-slate-400"})}),e.jsx(t.div,{className:"w-12 h-12 rounded-xl border-2 border-dashed border-slate-700 flex items-center justify-center cursor-pointer hover:border-teal-500/50 transition-colors mt-auto",whileHover:{scale:1.05},whileTap:{scale:.95},children:e.jsx("span",{className:"text-slate-500 text-xl",children:"+"})})]}),e.jsxs("div",{className:"flex-1 p-8",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-teal-500/20 flex items-center justify-center",children:e.jsx(i,{className:"w-5 h-5 text-teal-400"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold",children:s("hubs.demoActiveHub")}),e.jsx("p",{className:"text-slate-500 text-sm",children:s("hubs.demoActiveLabel")})]}),e.jsxs("div",{className:"ms-auto flex items-center gap-2",children:[e.jsx(d,{className:"w-4 h-4 text-teal-400"}),e.jsx("span",{className:"text-xs text-teal-400",children:s("hubs.demoPrivate")})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsxs("div",{className:"bg-slate-800/50 rounded-lg p-4 border border-slate-700",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(x,{className:"w-4 h-4 text-slate-500"}),e.jsx("span",{className:"text-slate-400 text-sm",children:s("hubs.demoMembers")})]}),e.jsx("p",{className:"text-2xl font-bold text-white",dir:"ltr",children:"12"})]}),e.jsxs("div",{className:"bg-slate-800/50 rounded-lg p-4 border border-slate-700",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(I,{className:"w-4 h-4 text-slate-500"}),e.jsx("span",{className:"text-slate-400 text-sm",children:s("hubs.demoProjects")})]}),e.jsx("p",{className:"text-2xl font-bold text-white",dir:"ltr",children:"8"})]}),e.jsxs("div",{className:"bg-slate-800/50 rounded-lg p-4 border border-slate-700",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(m,{className:"w-4 h-4 text-slate-500"}),e.jsx("span",{className:"text-slate-400 text-sm",children:s("hubs.demoProgress")})]}),e.jsx("p",{className:"text-2xl font-bold text-teal-400",dir:"ltr",children:"68%"})]})]})]})]})})]})})]}),e.jsx(N,{currentFeatureId:"hubs"}),e.jsx(g,{})]})}

1export{Ne as default};