56 lines
1.9 KiB
JavaScript
56 lines
1.9 KiB
JavaScript
import React from 'react';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import { Button } from './ui/button.js';
|
|
|
|
function PlanningLanding() {
|
|
const navigate = useNavigate();
|
|
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center bg-gray-50 p-6">
|
|
<div className="max-w-2xl w-full bg-white shadow-lg rounded-lg p-8">
|
|
<h1 className="text-3xl font-bold mb-4 text-center">
|
|
Planning Your Career
|
|
</h1>
|
|
<p className="text-gray-600 mb-6 text-center">
|
|
Discover career options that match your interests, skills, and potential.
|
|
AptivaAI helps you find your ideal career path, provides insights into educational requirements,
|
|
expected salaries, job market trends, and more.
|
|
</p>
|
|
|
|
<div className="grid grid-cols-1 gap-6">
|
|
|
|
<div>
|
|
<Button className="w-full" onClick={() => navigate('/interest-inventory')}>
|
|
Take Interest Inventory
|
|
</Button>
|
|
<p className="mt-2 text-sm text-gray-500">
|
|
Identify your interests and discover careers aligned with your strengths.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<Button className="w-full" onClick={() => navigate('/career-explorer')}>
|
|
Explore Career Paths
|
|
</Button>
|
|
<p className="mt-2 text-sm text-gray-500">
|
|
Research detailed career profiles, job descriptions, salaries, and employment outlooks.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<Button className="w-full" onClick={() => navigate('/educational-programs')}>
|
|
Discover Educational Programs
|
|
</Button>
|
|
<p className="mt-2 text-sm text-gray-500">
|
|
Find the right educational programs, degrees, and certifications needed to pursue your chosen career.
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default PlanningLanding;
|