// 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 as much information as possible to make informed 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, enhanced -not driven by- AI. 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, advancing 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>
       {/* Mobile: stacked full-width; Desktop: original inline buttons with spacing */}
      <div className="flex flex-col gap-2 md:block md:space-x-2">
        <Link to="/planning" className="w-full md:w-auto h-12 md:h-auto inline-flex items-center justify-center md:inline-block px-4 bg-blue-600 text-white rounded hover:bg-blue-700">
          Go to Exploring
        </Link>
        <Link to="/preparing" className="w-full md:w-auto h-12 md:h-auto inline-flex items-center justify-center md:inline-block px-4 bg-blue-600 text-white rounded hover:bg-blue-700">
          Go to Preparing
        </Link>
        <Link to="/enhancing" className="w-full md:w-auto h-12 md:h-auto inline-flex items-center justify-center md:inline-block px-4 bg-green-600 text-white rounded hover:bg-green-700">
          Go to Enhancing
        </Link>
        <Link to="/retirement" className="w-full md:w-auto h-12 md:h-auto inline-flex items-center justify-center md:inline-block px-4 bg-green-600 text-white rounded hover:bg-green-700">
          Go to Retirement
        </Link>
      </div>
    </div>
  );
}

export default SignInLanding;