Sunnyside

Sunnyside is a warm, modern website template for pediatric practices, family clinics and telehealth providers. It pairs a friendly look — sunny yellow, calm teal and real family photography — with the details a clinic actually needs: same‑day booking, an interactive symptom guide, transparent pricing, provider profiles, two clinic locations with live opening hours, and a parent journal powered by the CMS.

Pages

- Home, with 14 ready-made sections

- Journal, a CMS article list with a featured story

- Article, a CMS detail page with author card, previous/next and related articles

- Legal, with privacy policy, notice of privacy practices, terms and accessibility statement

- Custom 404 page

Highlights

- Interactive symptom helper: seven symptoms, each with guidance and "go to the ER if" advice

- Scroll-driven "How a visit works" timeline that draws itself as you scroll

- Cost comparison with count-up prices and growing bars

- Telehealth chat mockup with typing and "online now" indicators

- Live clinic status that shows open or closed in each clinic's own time zone

- Auto-rotating testimonials, a one-open FAQ accordion and a sticky navbar with a mobile drawer

- Purposeful motion: word-by-word headings, zoom-in photo reveals and hover states on every card, with reduced-motion support

Built to edit

- Fully responsive desktop, tablet and phone layouts

- Articles CMS: title, excerpt, category and tag colours, read time, date, cover image, author and rich-text body

- Reusable components: Button (5 styles), Navbar, Article Card, Provider Card, Symptom Helper, Quote Rotator and FAQ Accordion

- Colour and text styles throughout, set in Outfit and Nunito Sans (Google Fonts)

- SEO-ready, with page titles and descriptions, a social image, a favicon and alt text on every image

Good to know

- Three code files: CountUp (animated prices), ClinicStatus (set each clinic's time zone and hours in its properties) and Motion (card hovers and the scroll-linked steps).