Skip to main content

Service Landing Page

BlockServiceLanding Services

Full landing page for one package: price card, inclusions, ideal-for, process, FAQ and structured data.

Published · by Christopher Alberto

Live demo

Open full screen

At a glance

Component
BlockServiceLanding
Category
Services
Used as
Site-wide feature
Built with
PHP, Twig, SCSS
Platform
WordPress · Flynt theme · Timber/Twig · ACF Pro

About this component

Everything on an individual package page: a hero with a sticky-feeling price card and CTA, what’s included, who it’s for, the process, an FAQ and links to related packages.

Highlights

  • Outputs Service, Offer and FAQPage structured data so search engines can show price and FAQs.
  • Group colours: retainers use the season accent, builds use amber.

Options

This component isn't added as a page block, so it has no per-page fields — see "About this component" for where it is configured.

Under the hood

Components/BlockServiceLanding/

  • _style.scss Styles (SCSS) 308 lines
  • functions.php Fields & data (PHP) 104 lines
  • index.twig Markup (Twig) 128 lines

Share this component
Christopher Alberto

Built by

Christopher Alberto · Senior WordPress Engineer

Senior WordPress engineer with a decade-plus of builds across New Zealand, Australia, the UK, the US, Canada and Germany — FlyntWP, Roots/Sage, WooCommerce and custom platforms, built for speed and maintainability.

LinkedIn GitHub

Related components