/* ============================================================ Page sections for the App hub landing page. Each reads tweaks via props. Exposed on window. ============================================================ */ const LINKS = { courseMember: "https://members.thescholarshipsystem.com/", courseApple: "https://apps.apple.com/us/app/the-scholarship-system/id6764689963", coursePlay: "https://play.google.com/store/apps/details?id=com.thescholarshipsystem.members&hl=en", trackerApple: "https://apps.apple.com/us/app/scholarship-tracker-by-tss/id1102967717", trackerPlay: "https://play.google.com/store/apps/details?id=com.www.thescholarshipsystem&hl=en", trackerChrome:"https://chromewebstore.google.com/detail/the-scholarship-system/kdhfhegimikbpmpnmkcdbmeijhgifodc?hl=en-US&pli=1", trackerWeb: "https://app.thescholarshipsystem.com/", webinar: "https://thescholarshipsystem.com/webclass?utm_source=app-page&utm_medium=button&utm_campaign=organic", }; /* ----------------------------- NAV ----------------------------- */ const NAV_ITEMS = [ ["#apps", "The two apps"], ["#tracker-how-to", "Using the Tracker"], ["#course-app", "Course app"], ["#webinar", "Free webinar"], ]; function Nav() { const [scrolled, setScrolled] = React.useState(false); const [menuOpen, setMenuOpen] = React.useState(false); React.useEffect(() => { const on = () => setScrolled(window.scrollY > 8); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); React.useEffect(() => { setMenuOpen(false); }, []); return (
The Scholarship System
Member login Free webinar
{menuOpen && (
Member login Free webinar
)}
); } /* ------------------------ HERO HELPERS ------------------------ */ function ComingBadge({ style }) { return (
Just launched
); } function HeroPhones({ big = false }) { const w = big ? 244 : 224; return (
{/* accent halo */} ); } /* ----------------------------- HERO ----------------------------- */ function Hero({ t }) { const vibe = t.vibe; const dark = vibe === "pine"; const bg = vibe === "pine" ? "linear-gradient(158deg, #20392b 0%, #0c1611 86%)" : vibe === "warm" ? "var(--tss-sand-50)" : "radial-gradient(125% 95% at 82% -6%, var(--tss-sand-100) 0%, #ffffff 56%)"; const ink = dark ? "#fff" : "var(--tss-pine)"; const bodyInk = dark ? "rgba(255,255,255,0.84)" : "var(--tss-fg)"; const accentInk = dark ? "var(--tss-sand)" : t.accent; const eyebrowInk = dark ? "var(--tss-sand)" : "var(--tss-forest)"; const centered = t.heroLayout === "centered"; const copy = (
New · The member app is here

The Scholarship System app is{" "} here.

Our new member course app is now available.

Members can download the new course app and keep using the Scholarship Tracker app and course portal below. New families can learn the system through our free webinar.

Access the course Open Scholarship Tracker Watch free webinar
★★★★★ 4.9 / 5 • 10,000+ families enrolled • Since 2014
); return (
{centered ? (
{copy}
) : (
{copy}
)}
); } /* ----------------------- WHICH APP — cards ----------------------- */ function AppCard({ kind }) { const isCourse = kind === "course"; const accent = isCourse ? "var(--tss-forest)" : "var(--tss-pine)"; const phoneId = isCourse ? "whichapp-course" : "whichapp-tracker"; return (
{/* header band */}
{isCourse ? "The Scholarship System" : "Scholarship Tracker"}
{isCourse ? "Member course app" : "By TSS · the toolkit"}
{isCourse ? "New · Available now" : "Available now"}
{/* body */}
Best for
{(isCourse ? ["Course lessons", "Scholarship training", "Member resources", "Progress tracking"] : ["Tracking scholarships", "Managing deadlines", "Organizing applications", "Monitoring progress"] ).map((x) => {x})}
{/* footer actions */}
{isCourse ? ( <> Member login
Now live on the App Store and Google Play — or sign in to the member portal.
) : ( <>
Also on the Chrome Web Store )}
); } function SplitPane({ kind }) { const isCourse = kind === "course"; return (
{isCourse ? "New · Available now" : "Available now"}
{isCourse ? "The Scholarship System" : "Scholarship Tracker"}

{isCourse ? "The member course app — lessons, training, and resources for families who've joined the system." : "The free toolkit members and students use to track scholarships, deadlines, and applications."}

{(isCourse ? ["Course lessons", "Scholarship training", "Member resources", "Progress tracking"] : ["Tracking scholarships", "Managing deadlines", "Organizing applications", "Monitoring progress"] ).map((x) => {x})}
{isCourse ? ( Member login ) : (
)}
); } function WhichApp({ t }) { return (
Which app do you need?

Two apps, two different jobs

One teaches you the system. One keeps you organized while you work it. Here's how to tell them apart at a glance.

{t.whichAppStyle === "split" ? (
) : (
)}
); } /* ------------------ HOW TO USE THE TRACKER ------------------ */ function StepCard({ n, title, body, children }) { return (
{n}

{title}

{body}

{children &&
{children}
}
); } function TrackerHowTo({ t }) { return (
{/* intro + video */}
Using the Scholarship Tracker

Find. Track. Win.

The free toolkit that keeps your whole scholarship search in one organized place.

You'll be able to:

{/* how-to video card */} {t.showHowToVideo !== false && (

Watch the walkthrough to see exactly how to save, track, and manage scholarships — step by step.

)}
{/* get started steps */}
Get started now

Set up the Tracker in 4 steps

One-time setup Get the extension app.thescholarshipsystem.com
Questions or feedback? Reach the team anytime — they're happy to help you get set up.
); } /* --------------------- COMING JULY — showcase --------------------- */ function Showcase() { return (
Now available

The whole course, now in your pocket

Everything members love about the program — designed for the way real families learn.

Free for members — download it today.
{/* phone cluster */}
); } /* ------------------------- WEBINAR CTA ------------------------- */ function WebinarCTA({ t }) { return (
); } /* ---------------------------- FOOTER ---------------------------- */ function Footer() { const cols = [ { title: "The apps", links: [["Course app — member login", LINKS.courseMember], ["Course App — App Store", LINKS.courseApple], ["Course App — Google Play", LINKS.coursePlay], ["Tracker — App Store", LINKS.trackerApple], ["Tracker — Google Play", LINKS.trackerPlay], ["Tracker — Chrome extension", LINKS.trackerChrome]] }, { title: "Get started", links: [["Free webinar", LINKS.webinar], ["The two apps", "#apps"], ["The course app", "#course-app"]] }, ]; return ( ); } Object.assign(window, { LINKS, Nav, Hero, WhichApp, TrackerHowTo, Showcase, WebinarCTA, Footer });