andrewwallacespeckle
ba1331ee40
* Remove check for admin in workspace page * Remove from promo banner --------- Co-authored-by: Mike Tasset <mike.tasset@gmail.com>
88 lines
2.7 KiB
Vue
88 lines
2.7 KiB
Vue
<template>
|
|
<div class="flex flex-col gap-12">
|
|
<WorkspacesPromoBanner @create="openWorkspaceCreateDialog" />
|
|
|
|
<section>
|
|
<div class="flex justify-between mb-2">
|
|
<h4 class="text-foreground-2 text-heading-sm">In a nutshell</h4>
|
|
<FormButton @click="openWorkspaceCreateDialog">Create workspace</FormButton>
|
|
</div>
|
|
|
|
<div class="mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
|
|
<CommonCard
|
|
title="A space for your entire team"
|
|
description="Safely collaborate with your entire team and manage guests: workspaces are the perfect home for departments and companies."
|
|
>
|
|
<template #icon>
|
|
<UserGroupIcon class="size-6 text-foreground-2 ml-1" />
|
|
</template>
|
|
</CommonCard>
|
|
|
|
<CommonCard
|
|
title="Domain security & discoverability"
|
|
description="Manage your team and allow them to join your workspace automatically based on email domain policies."
|
|
>
|
|
<template #icon>
|
|
<LockClosedIcon class="size-6 text-foreground-2 ml-1" />
|
|
</template>
|
|
</CommonCard>
|
|
|
|
<CommonCard
|
|
title="SSO"
|
|
badge="Coming soon"
|
|
description="Ensure compliance and security with workspace based SSO."
|
|
>
|
|
<template #icon>
|
|
<KeyIcon class="size-6 text-foreground-2 ml-1" />
|
|
</template>
|
|
</CommonCard>
|
|
|
|
<CommonCard
|
|
title="Sovereign Data Regions"
|
|
badge="Coming soon"
|
|
description="Store each project's data in the geographical location that you need, with granular precision going beyond continents."
|
|
>
|
|
<template #icon>
|
|
<GlobeAltIcon class="size-6 text-foreground-2 ml-1" />
|
|
</template>
|
|
</CommonCard>
|
|
|
|
<CommonCard
|
|
title="... and more!"
|
|
description="We will be rolling out new features, like advanced permissions, audit logs, bigger uploads and more over the coming months."
|
|
>
|
|
<template #icon>
|
|
<PlusIcon class="size-6 text-foreground-2 ml-1" />
|
|
</template>
|
|
</CommonCard>
|
|
</div>
|
|
</section>
|
|
<WorkspaceCreateDialog
|
|
v-model:open="showWorkspaceCreateDialog"
|
|
navigate-on-success
|
|
event-source="promo-page"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { useMixpanel } from '~~/lib/core/composables/mp'
|
|
import {
|
|
UserGroupIcon,
|
|
LockClosedIcon,
|
|
KeyIcon,
|
|
GlobeAltIcon,
|
|
PlusIcon
|
|
} from '@heroicons/vue/24/outline'
|
|
|
|
const showWorkspaceCreateDialog = ref(false)
|
|
|
|
const mixpanel = useMixpanel()
|
|
|
|
const openWorkspaceCreateDialog = () => {
|
|
showWorkspaceCreateDialog.value = true
|
|
mixpanel.track('Create Workspace Button Clicked', {
|
|
source: 'promo-page'
|
|
})
|
|
}
|
|
</script>
|