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', title: 'Team Dashboard',
description: 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', image: '/images/team-promo/team-dashboard.png',
}, },
{ {

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

@ -11,7 +11,7 @@ export function TeamPricing() {
<div className="container"> <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> <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"> <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> </p>
<div className="flex flex-col sm:flex-row gap-6 sm:gap-4"> <div className="flex flex-col sm:flex-row gap-6 sm:gap-4">

@ -1,9 +1,4 @@
const toolsList = [ 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', imageUrl: '/images/team-promo/growth-plans.png',
title: 'Growth plans', title: 'Growth plans',
@ -14,20 +9,25 @@ const toolsList = [
title: 'Progress tracking', title: 'Progress tracking',
description: 'Track the and compare the progress of team members.', 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', imageUrl: '/images/team-promo/team-insights.png',
title: 'Team insights', title: 'Team insights',
description: 'Get insights about your team skills, progress and more.', description: 'Get insights about your team skills, progress and more.',
}, },
{ {
imageUrl: '/images/team-promo/onboarding.png', imageUrl: '/images/team-promo/skill-gap.png',
title: 'Onboarding', title: 'Skill gap analysis',
description: 'Prepare onboarding plans for new team members.', description: 'Understand the skills of your team and identify gaps.',
}, },
{ {
imageUrl: '/images/team-promo/documentation.png', imageUrl: '/images/team-promo/documentation.png',
title: 'Documentation', title: 'Documentation',
description: 'Create and share visual team documentations.', description: 'Create and share visual team documentation.',
}, },
]; ];
@ -35,10 +35,9 @@ export function TeamTools() {
return ( return (
<div className="py-4 sm:py-8 md:py-12 border-t"> <div className="py-4 sm:py-8 md:py-12 border-t">
<div className="container"> <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'> <p className='text-sm md:text-base'>
Skill gap analysis, growth plans, progress tracking, team insights and Individual and team level growth plans, progress tracking, skill gap analysis, team insights and more.
more.
</p> </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"> <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