🎨 MOCKUP ONLY — Option D v2: Summer nuance, all roles, tighter spacing. Resize browser narrow for mobile view.
Preview CTA as:
SUN Youth℠Louisiana

SUN Youth℠
Louisiana

Safe, legal gig work for students ages 12–17 across Louisiana — with guardian oversight, FLSA compliance, and real earnings deposited to a youth financial account.

1

Guardian Enrolls

A parent or guardian signs up, creates a youth profile, and approves every gig before it starts.

2
Summer-friendly

School Authorizes

During the school year, your teen's school signs off — and Title I schools can cover the seat cost with federal funds. In summer, guardian enrollment alone is enough to get started.

3

Teen Earns, Learns

Real gigs, real pay — lawn care, tutoring, pet sitting, and more. Financial literacy built right in.

⚖️FLSA Compliant
📱Guardian Alerts
💳Youth Account
🏫Title I Fundable
📜Work History
🔒Safe Jobs Only

What teens can do in Louisiana

🌿 Lawn & Yard Care🐾 Pet Sitting & Dog Walking📚 Tutoring & Homework Help🧹 House Cleaning🛒 Grocery Runs & Errands💻 Tech Support📸 Photography Helper🎉 Event Helper🚗 Car Washing📣 Social Media Help🍽️ Food Service Helper🏠 Office & Retail Helper

FLSA age-band filtered — teens only see what they're legally allowed to do.

📌 Changes in this mockup vs. Option D v1:

A) "School Authorizes" tile — summer nuance added:

Tile now reads: "During the school year, your teen's school signs off — and Title I schools can cover the seat cost with federal funds. In summer, guardian enrollment alone is enough to get started."

☀️ "Summer-friendly" pill appears on the tile to visually signal year-round availability.

B) CTA Panel — all 5 real production role states:

  • Guest — "I am a…" with 4 roles: Guardian, Buyer, School, Employer + Sign In
  • Premier (enrolled) — shows enrolled child card + Guardian Dashboard CTA
  • Premier (no youth) — Enroll My Teen Now CTA
  • Verified Buyer — Find Services + SYCB Badge
  • Free/logged-in — Upgrade prompt

Use the role switcher bar at the top of this mockup to preview each state.

C) Spacing + font size reductions:

  • Hero top padding: py-14 → py-10 on mobile
  • How It Works tile padding: p-5 → p-4; icon: w-7 → w-6; title: text-sm → text-xs
  • Benefits bar: py-4 → py-3; text-sm → text-xs; labels shortened ("100% FLSA Compliant" → "FLSA Compliant")
  • Job Types section: py-10 → py-5; section header text-lg → text-sm; mobile 2-col grid pills use text-xs
  • CTA panel: p-5 → p-4; button py-3 → py-2.5; w-72 → w-64
  • Desktop layout unchanged