Skip to documentation content

Generic TOFU Landing Page

All complete examples

Demonstrate Generic TOFU Landing Page.

What this example teaches

  • Compose Generic TOFU Landing Page from reusable section and theme templates
  • Keep the page template thin by including shared partials
  • Thin page shell that composes header, the TOFU landing section stack, and footer.
  • Keep custom fields on the template that owns them

View this pattern on the live demo site

Files

Home landing: composes banner, services, proof, events, and FAQs via includes.

Liquid
{% comment %}
	Top-of-funnel generic landing page (awareness stage).
	Visually rich layout with hero, value props, resource links, social proof, FAQs, and a focused CTA.
{% endcomment -%}
{%- include "/_header.liquid" no_header_title:true -%}
{%- include "/sections/_home_banner.liquid" min_height:"600px" -%}
{%- include "/sections/_breadcrumbs.liquid" -%}
{%- include "/sections/_service_cards.liquid" section_class:'py-5 text-bg-light' services_limit:4 show_all_services_link:true -%}
{%- include "/sections/_why_us.liquid" section_class:'py-5' -%}
{%- include "/sections/_simple_cta.liquid" -%}
{%- include "/sections/_testimonials_slider.liquid" section_class:'py-5 text-bg-secondary' -%}
{%- include "/sections/_explore_links.liquid" section_class:'py-5 text-bg-light' -%}
{%- include "/sections/_upcoming_events.liquid" section_class:'py-5 text-bg-light' -%}
{%- include "/sections/_faqs.liquid" section_class:'py-5' -%}
{%- include "/sections/_cta_snippet.liquid" section_class:'py-5' -%}
{%- include "/_footer.liquid" -%}