dev1/src/components/EnhancingLanding.js

27 lines
1003 B
JavaScript

import React from 'react';
import { useNavigate } from 'react-router-dom';
import { Button } from './ui/button.js';
function EnhancingLanding() {
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">
Enhancing Your Career
</h1>
<p className="text-gray-600 mb-6 text-center">
AptivaAI helps you advance your career. Plan career milestones, enhance your skill set, optimize your resume, and prepare for promotions or transitions.
</p>
<div className="grid grid-cols-1 gap-4">
<Button onClick={() => navigate('/resume-optimizer')}>Optimize Resume</Button>
<Button onClick={() => navigate('/milestone-tracker')}>Set Career Milestones</Button>
</div>
</div>
</div>
);
}
export default EnhancingLanding;