Update team page

pull/4546/head
Kamran Ahmed 1 year ago
parent 4b8f868b2b
commit 5fa669aec2
  1. BIN
      public/images/team-promo/hero-img.png
  2. BIN
      public/images/team-promo/update-progress.png
  3. 2
      src/components/TeamMarketing/TeamDemo.tsx
  4. 6
      src/components/TeamMarketing/TeamHeroBanner.tsx
  5. 2
      src/components/TeamMarketing/TeamPricing.tsx
  6. 23
      src/components/TeamMarketing/TeamTools.tsx

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 428 KiB

After

Width:  |  Height:  |  Size: 345 KiB

@ -23,7 +23,7 @@ const demoItems = [
{
title: 'Team Dashboard',
description:
'Keep an eye on the team progress through <span class="font-semibold">team dashboard</span>',
'Keep an eye on the team progress through <span class="font-semibold">team dashboards</span>',
image: '/images/team-promo/team-dashboard.png',
},
{

@ -1,9 +1,9 @@
import { CheckCircle, CheckCircle2, CheckIcon } from 'lucide-react';
const featureList = [
'Invite your team members',
'Create custom roadmaps for your teams',
'Create custom roadmaps for your team',
"Plan, track and document your team's skills and growth",
'Invite your team members',
"Get insights on your team's skills and growth",
];
@ -56,7 +56,7 @@ export function TeamHeroBanner() {
<img
alt={'team roadmaps'}
className="hidden h-64 md:block lg:h-80"
src="/images/team-promo/hero.png"
src="/images/team-promo/hero-img.png"
/>
</div>
</div>

@ -11,7 +11,7 @@ export function TeamPricing() {
<div className="container">
<h2 className="mb-1 sm:mb-1.5 md:mb-2 text-xl sm:text-2xl md:text-3xl font-bold">Beta Pricing</h2>
<p className="mb-4 sm:mb-8 text-base sm:text-lg text-gray-600">
We are currently in beta and are offering free access to all features.
We are currently in public beta and are offering free access to all features.
</p>
<div className="flex flex-col sm:flex-row gap-6 sm:gap-4">

@ -1,9 +1,4 @@
const toolsList = [
{
imageUrl: '/images/team-promo/skill-gap.png',
title: 'Skill gap analysis',
description: 'Understand the skills of your team and identify gaps.',
},
{
imageUrl: '/images/team-promo/growth-plans.png',
title: 'Growth plans',
@ -14,20 +9,25 @@ const toolsList = [
title: 'Progress tracking',
description: 'Track the and compare the progress of team members.',
},
{
imageUrl: '/images/team-promo/onboarding.png',
title: 'Onboarding',
description: 'Prepare onboarding plans for new team members.',
},
{
imageUrl: '/images/team-promo/team-insights.png',
title: 'Team insights',
description: 'Get insights about your team skills, progress and more.',
},
{
imageUrl: '/images/team-promo/onboarding.png',
title: 'Onboarding',
description: 'Prepare onboarding plans for new team members.',
imageUrl: '/images/team-promo/skill-gap.png',
title: 'Skill gap analysis',
description: 'Understand the skills of your team and identify gaps.',
},
{
imageUrl: '/images/team-promo/documentation.png',
title: 'Documentation',
description: 'Create and share visual team documentations.',
description: 'Create and share visual team documentation.',
},
];
@ -35,10 +35,9 @@ export function TeamTools() {
return (
<div className="py-4 sm:py-8 md:py-12 border-t">
<div className="container">
<h2 className="mb-1 sm:mb-1.5 md:mb-2 text-xl sm:text-2xl md:text-3xl font-bold">Tools to help you excel</h2>
<h2 className="mb-1 sm:mb-1.5 md:mb-2 text-xl sm:text-2xl md:text-3xl font-bold">Track and guide your teams knowledge</h2>
<p className='text-sm md:text-base'>
Skill gap analysis, growth plans, progress tracking, team insights and
more.
Individual and team level growth plans, progress tracking, skill gap analysis, team insights and more.
</p>
<div className="mt-3 sm:mt-5 md:mt-8 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2 sm:gap-4">

Loading…
Cancel
Save