Skip to main content
Back to Work
Private school · Elkins, WVshininglightca.org

Shining Light Christian Academy

A small K-5 Christian school that wanted families to be able to learn about it, and reach it, before they ever called.

Shining Light Christian Academy website homepage showing elegant burgundy and gold design with hero image of students

The school

Shining Light Christian Academy serves grades K-5 out of Elkins First Baptist Church in West Virginia.

Families had no easy way to learn about the curriculum, meet the staff, or find out how to enroll. The school wanted a site that felt warm and trustworthy, that staff could point parents to, and that kept costs manageable for a small nonprofit.

What I built

  • A staff directory with photos and bios for 12 staff members, easy to browse on any device
  • A photo gallery of student activities, field trips, and performances
  • Curriculum pages covering 8 subjects, and an admissions page with the steps to enroll, HOPE Scholarship information, and common questions
  • A contact form that filters out spam and sends parents a confirmation email
  • A shared Dropbox folder so staff can keep adding photos themselves

In their own words

… After I submitted our materials, he had a full website proof ready within just one week. … Throughout the entire process, Ryan was incredibly efficient and flexible … Even after the website launch, he has continued to provide excellent support, responding to updates within the business day. …
Nicole NewlonShining Light Christian AcademyElkins, WV

View the live siteSee more work

For the technical folks

The details your web developer or IT person might ask about. You don't need any of this to work with me.

  • Next.js 16 App Router: all 8 pages statically generated; only the contact form's API route is dynamic.
  • Strict TypeScript, with typed props and API responses.
  • Tailwind CSS v4 with a burgundy-and-gold palette as CSS variables; Playfair Display and Source Sans 3.
  • Resend for transactional email with branded HTML templates and reply-to routing.
  • Skip-to-content link, ARIA live regions for form errors, keyboard-navigable modals with focus trapping, semantic HTML.
  • EducationalOrganization and School structured data, plus FAQ data on the admissions page.
  • Stack: Next.js 16, React 19, TypeScript, Tailwind CSS v4, Resend, Vercel.

Next step

What can I help with?

Start with a free website & Google checkup. I'll look at your site and Google profile and tell you, in plain English, what's working and what isn't. No charge, no pressure.

Get a free checkup
Call (540) 324-8192