jcoakley/dev1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed EnhancingLanding

Browse Source
This commit is contained in:
Josh 2025-06-16 21:17:10 +00:00
parent 0bad162d52
commit 9d00ac337c
1 changed files with 35 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/EnhancingLanding.js
View File

@ -1,12 +1,24 @@
import React from 'react'; import React from "react";
import { useNavigate } from 'react-router-dom'; import { useNavigate } from "react-router-dom";
import { Button } from './ui/button.js'; import { Button } from "./ui/button.js";
import EconomicProjections from "./EconomicProjections.js";
import EconomicProjections from './EconomicProjections.js'; /* simple pill-style label */
const Chip = ({ label }) => (
<span
className="
inline-flex items-center text-sm px-3 py-1
rounded-full bg-gray-100 text-gray-700
border border-gray-300
"
>
{label}
<span className="ml-1 text-xs text-green-600">✓ in Career Coach</span>
</span>
);
function EnhancingLanding({ userProfile }) { export default function EnhancingLanding({ userProfile }) {
const navigate = useNavigate(); const navigate = useNavigate();
const socCode = userProfile?.socCode; const socCode = userProfile?.socCode;
const stateName = userProfile?.state; const stateName = userProfile?.state;
@ -14,52 +26,41 @@ function EnhancingLanding({ userProfile }) {
<div className="min-h-screen bg-gray-50 py-8 px-4"> <div className="min-h-screen bg-gray-50 py-8 px-4">
<div className="max-w-4xl mx-auto space-y-10"> <div className="max-w-4xl mx-auto space-y-10">
{/* Combined Section: Current Status & Next Steps */} {/* 📌 Current status */}
<section className="bg-white shadow rounded-lg p-6"> <section className="bg-white shadow rounded-lg p-6">
<h2 className="text-2xl font-semibold mb-4"> <h2 className="text-2xl font-semibold mb-4">
📌 Your Current Status & Next Steps 📌 Your Current Status &amp; Next Steps
</h2> </h2>
<p className="text-gray-600 mb-4"> <p className="text-gray-600 mb-4">
Evaluate where you are in your career and discover your upcoming Evaluate where you are in your career and discover upcoming milestones with our AI&nbsp;recommendations.
milestones with our AI-driven recommendations.
</p> </p>
{/* Show user’s current career data (if any) */}
<EconomicProjections socCode={socCode} stateName={stateName} /> <EconomicProjections socCode={socCode} stateName={stateName} />
{/* Single button to go to "Career Roadmap" (formerly Milestone Tracker) */}
<div className="mt-4"> <div className="mt-4">
<Button onClick={() => navigate('/career-roadmap')}> <Button onClick={() => navigate("/career-roadmap")}>
Go to Career Roadmap Open Career Coach
</Button> </Button>
</div> </div>
</section> </section>
{/* Section: How Do I Get There? */} {/* 🚀 How do I get there */}
<section className="bg-white shadow rounded-lg p-6"> <section className="bg-white shadow rounded-lg p-6">
<h2 className="text-2xl font-semibold mb-4">🚀 How Do I Get There?</h2> <h2 className="text-2xl font-semibold mb-4">🚀 How Do I Get There?</h2>
<p className="text-gray-600 mb-4">
Accelerate your career growth with the right tools: <div className="flex flex-wrap gap-3">
</p> <Chip label="Resume Optimizer" />
<div className="flex flex-col sm:flex-row gap-4"> <Chip label="Networking" />
<Button onClick={() => navigate('/resume-optimizer')}> <Chip label="Interview Help" />
Optimize Resume <Chip label="Job Search" />
</Button>
<Button onClick={() => navigate('/networking')}>
Networking
</Button>
<Button onClick={() => navigate('/interview-help')}>
Interview Help
</Button>
<Button onClick={() => navigate('/job-search')}>
Job Search
</Button>
</div> </div>
<p className="text-sm text-gray-500 mt-3">
All of these tools live inside the <strong>Career Coach</strong>. Open it any time using the button above.
</p>
</section> </section>
</div> </div>
</div> </div>
); );
} }
export default EnhancingLanding;