Tutoring Website Prompt — Friendly, Trust-First Design with Tutor Profiles and Free Session CTA
A friendly tutoring website prompt with subject grid, tutor profile cards, before/after grade results, and a free trial session CTA. Works in Lovable, Bolt, and v0.
Build a friendly, trustworthy tutoring service website called "Bright Path Tutoring" in Boston, MA. Tech stack: React + Vite + TypeScript + Tailwind CSS + Framer Motion. Design: clean white background, warm royal blue primary (#2563EB), sunshine yellow accent (#FCD34D), mint green secondary (#34D399), light blue surface (#EFF6FF). Typography: friendly rounded bold Nunito-style headings, clean readable body 16px, uppercase blue labels. Sections: white navbar with yellow "Book Free Session" CTA, split hero (left: "Finally Understand It. Really." headline + 3 social proof badges + dual CTA; right: friendly student-and-tutor-at-desk illustration-style image), 8-subject icon grid (Math, Science, English, History, SAT/ACT Prep, Spanish, Computer Science, Elementary), 3-step process with mint green connector line (Tell Us Your Goals 2-min quiz > Get Matched With Your Tutor > Start Your First Session), 4 tutor profile cards (photo, name, university, hourly rate, 4.9-star rating, specialty), 3 before/after grade result cards (C to A format with subject and timeframe), 3-tier monthly pricing (Starter 4 sessions $189/mo, Standard 8 sessions $329/mo most popular yellow border, Unlimited 20 sessions $599/mo, each with session length + recordings + progress reports), 4 parent review cards, 5-question FAQ accordion, full-width blue "Your First Session Is On Us" CTA band ("No commitment. No credit card."), 3 study tips blog preview cards, warm footer. Animations: hero illustration gentle float 3s loop, stats count up on scroll, tutor card stagger. Mobile: stacked hero, 2-col subject grid, scrollable tutor row, full-width pricing stack.


