// SignInLanding.jsx
import React from 'react';
import { Link } from 'react-router-dom';

function SignInLanding({ user }) {
  return (
    <div className="max-w-2xl mx-auto p-4 bg-white shadow rounded">
      <h2 className="text-2xl font-semibold mb-4">
        Welcome to AptivaAI {user?.firstname}!
      </h2>
      <p className="mb-4">
        At AptivaAI, we aim to arm you with all the knowledge and guidance we wish we had when making our own career decisions. Today’s workplace is changing faster than ever, driven largely by AI—but our goal is to use that same technology to empower job seekers, not replace them.

We blend data-backed insights with human-centered design, giving you practical recommendations and real-world context so you stay in the driver’s seat of your career. Whether you’re planning your first step, enhancing your current role, or ready to pivot entirely, our platform keeps you in control—helping you adapt, grow, and thrive on your own terms.
      </p>
      <ul className="list-disc ml-6 mb-4">
        <li><strong>Planning:</strong> Just starting out?  Looking for a different career that is a better fit?  Explore options and figure out what careers match your interests and skills.</li>
        <li><strong>Preparing:</strong> Know what you want but just not how to get there?  Gain education, skills, or certifications required to start or transition.</li>
        <li><strong>Enhancing:</strong> You've got some experience in your field but want to know how to get to the next level?  Advance, seek promotions, or shift roles for an established professional.</li>
        <li><strong>Retirement:</strong> On your happy path and want to make sure you're financially ready when the time comes?  Prepare financially and strategically for retirement.</li>
      </ul>
      <p className="mb-4">
        Where would you like to go next?
      </p>
      <div className="space-x-2">
        <Link to="/planning" className="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
          Go to Planning
        </Link>
        <Link to="/preparing" className="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
          Go to Preparing
        </Link>
        <Link to="/enhancing" className="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
          Go to Enhancing
        </Link>
        <Link to="/retirement" className="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
          Go to Retirement
        </Link>
      </div>
    </div>
  );
}

export default SignInLanding;