+ {/* Title + intro (centered, blue headline) */}
+
+ Enhancing Your Career
+
+
+ Build momentum in your current role and prepare for your next step.
+ Use Career Coach for guided milestones, and fine-tune your materials
+ with the Resume Optimizer.
+
- {/* π Current status */}
-
-
- π Your Current Status & Next Steps
-
-
- Evaluate where you are in your career and discover upcoming milestones with our AI recommendations.
-
-
-
-
-
-
-
-
-
- {/* π How do I get there */}
-
-
π How Do I Get There?
-
-
-
-
-
-
+ {/* Feature tiles (inside the main card) */}
+
+ {/* Career Coach */}
+
+
Career Coach
+
+ Guided milestones for networking, interview prep, and job search.
+
+
+
+
-
- All of these tools live inside the Career Coach. Open it any time using the button above.
-
-
+ {/* Resume Optimizer (separate tool) */}
+
+
Resume Optimizer
+
+ Improve wording, keywords, and formatting to match target roles.
+
+
+
+
+
+
+
+ {/* Divider + lower subsection to mirror the secondary blocks on other landings */}
+
+
+
Your Current Status & Next Steps
+
+ Evaluate where you are in your career and discover upcoming milestones
+ with our AI recommendations.
+
- 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.
-
+
+
+ {/* Header */}
+
+
+ Planning Your Career
+
+
+ Discover career options that match your interests, skills, and
+ potential. AptivaAI helps you explore ideal paths, understand
+ educational requirements, compare salaries, and analyze job market
+ trendsβall in one place.
+
+
-
-
-
-
-
- Identify your interests and discover careers aligned with your strengths.
+ {/* Options grid */}
+
+ {/* Interest Inventory */}
+
+
Interest Inventory
+
+ Identify your interests and discover careers aligned with your
+ strengths.
+
-
-
-
- Research detailed career profiles, job descriptions, salaries, and employment outlooks.
+ {/* Career Explorer */}
+
+
Career Explorer
+
+ Research career profiles, job descriptions, salaries, and
+ employment outlooks.
-
-
-
-
-
diff --git a/src/components/PreparingLanding.js b/src/components/PreparingLanding.js
index 4415f06..f2ebbba 100644
--- a/src/components/PreparingLanding.js
+++ b/src/components/PreparingLanding.js
@@ -1,27 +1,26 @@
-// src/components/PreparingLanding.js
+// src/components/PreparingLanding.js
import React, { useState, useCallback, useEffect, useContext } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
import { Button } from './ui/button.js';
import LoanRepaymentDrawer from './LoanRepaymentDrawer.js';
import { ProfileCtx } from '../App.js';
function PreparingLanding() {
const navigate = useNavigate();
-
+ const location = useLocation();
const { user } = useContext(ProfileCtx);
/* βββ Drawer visibility βββββββββββββββββββββββββββββββ */
const [showLoan, setShowLoan] = useState(false);
/* βββ Stub-school state lives here; Drawer mutates it β */
- const [schools, setSchools] = useState([]); // [] β quick-fill form
- const [cipCodes] = useState([]); // you may hold these at page level
- const [userZip] = useState('');
+ const [schools, setSchools] = useState([]); // [] β quick-fill form
+ const [cipCodes] = useState([]); // you may hold these at page level
+ const [userZip] = useState('');
const [loanResults, setLoanResults] = useState([]);
-
/* Esc -to-close convenience */
- const escHandler = useCallback(e => {
+ const escHandler = useCallback((e) => {
if (e.key === 'Escape') setShowLoan(false);
}, []);
useEffect(() => {
@@ -29,58 +28,83 @@ function PreparingLanding() {
return () => window.removeEventListener('keydown', escHandler);
}, [showLoan, escHandler]);
+ /* βββ Auto-open drawer when routed from nav βββββββββ */
+ useEffect(() => {
+ // support either query ?loan=1 or navigation state { openLoan: true }
+ try {
+ const qs = new URLSearchParams(location.search);
+ const viaQuery = qs.get('loan') === '1';
+ const viaState = location.state && location.state.openLoan === true;
+ if ((viaQuery || viaState) && !showLoan) {
+ setShowLoan(true);
+ }
+ } catch {}
+ }, [location.search, location.state, showLoan]);
+
return (
-
-
+
+
{/* βββββββββββββββββ TITLE / INTRO βββββββββββββββββ */}
-
- Preparing for Your (Next) Career
-
-
- Build the right skills and plan your education so you can confidently
- enterβor transition intoβyour new career.
-
+
+
+ Preparing for Your (Next) Career
+
+
+ Build the right skills and plan your education so you can confidently
+ enterβor transition intoβyour new career.
+
- We can help you identify whether a
- skills-based program (certifications, bootcamps) or a
- formal education route (two- or four-year college)
- is the best fit. Whichever path you choose, AptivaAI will help you map next stepsβfrom applying to graduating.
-
+ We can help you identify whether a skills-based program (certifications, bootcamps) or a{' '}
+ formal education route (two- or four-year college) is the best fit. Whichever path you choose,
+ AptivaAI will help you map next stepsβfrom applying to graduating.
-
-
-
+
+ {/* Education path card */}
+
+
Plan My Education Path
+
+ Compare degrees, certificates, and training paths for your target role.
+
+
+
+
+ {/* Loan/Cost card */}
+
+
Cost of Education & Loan Repayment
+
+ Estimate total costs and monthly payments with realistic assumptions.
+
- Already have an idea of where you want to enroll? Compare costs,
- estimate student-loan repayments, and map out work-study or part-time
- opportunities. Our integrated LoanRepayment tool shows
- realistic monthly payments so you can make confident choices.
-
- Want to revisit career possibilities? Retake our Interest Inventory to
- see other matching paths.
+ Want to revisit career possibilities? Retake our Interest Inventory to see other matching paths.
-
@@ -90,7 +114,11 @@ function PreparingLanding() {
{showLoan && (
setShowLoan(false)}
+ onClose={() => {
+ setShowLoan(false);
+ // clear nav flag so it doesnβt auto-reopen
+ navigate({ pathname: location.pathname }, { replace: true, state: {} });
+ }}
schools={schools}
setSchools={setSchools}
results={loanResults}
diff --git a/src/components/RetirementLanding.js b/src/components/RetirementLanding.js
index d554ef8..2b227a6 100644
--- a/src/components/RetirementLanding.js
+++ b/src/components/RetirementLanding.js
@@ -1,25 +1,39 @@
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
-import { Button } from './ui/button.js';
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import { Button } from "./ui/button.js";
-function RetirementLanding() {
+export default function RetirementLanding() {
const navigate = useNavigate();
return (
-
-
-
+
+
+ {/* Title + intro (centered, blue headline) */}
+
Retirement Planning
-
- Plan strategically and financially for retirement. AptivaAI provides you with clear financial projections, milestone tracking, and scenario analysis for a secure future.
+
+ Plan strategically and financially for retirement. Model scenarios,
+ understand trade-offs, and track the milestones that keep you on course.
-
-
+
+ {/* Feature tile(s) inside main card */}
+
+ {/* Retirement Planner */}
+
+
Retirement Planner
+
+ Compare scenarios, project savings and income, and get AI guidance to
+ fine-tune your plan.
+