For the web designer
Page templates for Elementor
We need 3 reusable templates, not finished pages. Each template has a blank version (placeholder text and images) to build from, and a sample demo that shows how it looks once filled in.
Service page
One per service, e.g. /services/aircon-chemical-overhaul/
7 sections: Hero · About · Pricing · Reviews (reused) · FAQ · Other services · CTA
Troubleshooting topic page
One per problem, e.g. /troubleshooting/aircon-leaking-water/
7 sections: Hero · Short answer + table · Causes · DIY + when to call · FAQ · Other problems · CTA
Troubleshooting page
One page at /troubleshooting/
5 sections: Hero · Problem tiles · First checks · FAQ · CTA
How to build them
- Services page (/services/): no new design. Keep the current page as it is, including "Our Benefits". Just link each service block to its new service page (service title + a "View details" button).
- Build each layout once as an Elementor template, then duplicate it for every new page and just swap the content.
- Text in [brackets] and grey image boxes are placeholders. We will write the content ourselves.
- Header and footer are the existing site header and footer (theme builder). Add the Services dropdown and the Troubleshooting link.
- Reviews: reuse the existing homepage Testimonials widget (Global Widget / saved section). Do not rebuild it.
- Keep JL styles: Plus Jakarta Sans, blue #0056BA, light blue #D5E1F5, WhatsApp green #41A33A pill buttons, #F3F4F6 cards with 20px corners.
- SEO basics per page: one H1, editable meta title and description, FAQPage schema on FAQ blocks, breadcrumb, image alt text, mobile friendly.