mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-08-07 01:36:29 +02:00
Update team page
This commit is contained in:
BIN
public/images/team-promo/hero-img.png
Normal file
BIN
public/images/team-promo/hero-img.png
Normal file
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/team-insights.png',
|
|
||||||
title: 'Team insights',
|
|
||||||
description: 'Get insights about your team skills, progress and more.',
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageUrl: '/images/team-promo/onboarding.png',
|
imageUrl: '/images/team-promo/onboarding.png',
|
||||||
title: 'Onboarding',
|
title: 'Onboarding',
|
||||||
description: 'Prepare onboarding plans for new team members.',
|
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/skill-gap.png',
|
||||||
|
title: 'Skill gap analysis',
|
||||||
|
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 team’s 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">
|
||||||
|
Reference in New Issue
Block a user