@@ -24,8 +24,6 @@ import {
2424 Globe ,
2525 CheckCircle2 ,
2626 Search ,
27- Users ,
28- Building2 ,
2927 Check ,
3028 Database ,
3129 Github ,
@@ -692,75 +690,6 @@ export default function Page() {
692690 </ div >
693691 </ Link >
694692 </ motion . div >
695-
696- { /* T4 — Teams & Workspaces (full-width, NEW) */ }
697- < motion . div
698- variants = { fadeUp }
699- transition = { { duration : 0.55 , delay : 0.25 } }
700- className = "md:col-span-3"
701- >
702- < Link
703- href = "/download"
704- className = "group relative flex flex-col gap-6 overflow-hidden rounded-2xl glass-overlay p-6 transition-all duration-300 hover:scale-[1.01] hover:shadow-2xl dark:hover:shadow-black/40 md:flex-row md:items-center md:p-8"
705- >
706- < div className = "absolute inset-0 opacity-0 group-hover:opacity-[0.06] transition-opacity duration-500 bg-gradient-to-br from-indigo-500 to-indigo-400" />
707-
708- < div className = "relative z-10 flex-1" >
709- < div className = "mb-4 flex items-center gap-2" >
710- < div className = "w-9 h-9 rounded-lg bg-gradient-to-br from-indigo-500 to-indigo-400 p-px shadow-md" >
711- < div className = "flex h-full w-full items-center justify-center rounded-[7px] bg-card dark:bg-[hsl(var(--surface-2))]" >
712- < Users className = "h-4 w-4 text-foreground" />
713- </ div >
714- </ div >
715- < span className = "text-[11px] font-mono uppercase tracking-wider text-muted-foreground" >
716- Workspaces
717- </ span >
718- < span className = "mdt-pill text-[10px]" > NEW</ span >
719- </ div >
720- < h3 className = "relative z-10 mb-3 text-2xl font-semibold" >
721- A workspace for every project
722- </ h3 >
723- < p className = "max-w-lg text-sm leading-relaxed text-muted-foreground md:text-base" >
724- Keep each project in its own workspace — separate tools, notes, snippets,
725- and vaults — and switch between them in a click. Everything stays local on
726- your device. Shared team workspaces & collaboration are on the roadmap.
727- </ p >
728- < div className = "mt-4 inline-flex items-center gap-1.5 text-sm font-medium text-foreground/80 transition-colors group-hover:text-foreground" >
729- < span > Get the app</ span >
730- < ArrowRight className = "h-4 w-4 transition-transform group-hover:translate-x-0.5" />
731- </ div >
732- </ div >
733-
734- { /* Workspace + roles preview */ }
735- < div className = "relative z-10 w-full shrink-0 md:w-[340px]" >
736- < div className = "overflow-hidden rounded-xl border border-border/40 bg-background font-mono text-xs dark:border-white/5" >
737- < div className = "flex items-center gap-2 border-b border-border/40 bg-muted/40 px-3 py-2" >
738- < Building2 className = "h-3.5 w-3.5 text-muted-foreground" />
739- < span className = "font-semibold" > Workspaces</ span >
740- < span className = "ml-auto rounded bg-indigo-500/15 px-1.5 py-0.5 text-[10px] font-semibold text-indigo-600 dark:text-indigo-400" >
741- On your device
742- </ span >
743- </ div >
744- < div className = "divide-y divide-border/30 dark:divide-white/5" >
745- { [
746- { name : "Personal" , role : "Active" } ,
747- { name : "Client — Acme" , role : "Project" } ,
748- { name : "Side project" , role : "Project" } ,
749- { name : "Team collaboration" , role : "Soon" } ,
750- ] . map ( ( m ) => (
751- < div key = { m . name } className = "flex items-center gap-2 px-3 py-2" >
752- < Check className = "h-3 w-3 shrink-0 text-indigo-500" />
753- < span className = "truncate text-muted-foreground" > { m . name } </ span >
754- < span className = "ml-auto rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/70" >
755- { m . role }
756- </ span >
757- </ div >
758- ) ) }
759- </ div >
760- </ div >
761- </ div >
762- </ Link >
763- </ motion . div >
764693 </ div >
765694 </ Section >
766695 </ div >
0 commit comments