Work / Website · 2026
ValueFilter landing page components
A set of Lightning Web Components for ValueFilter's gutter-protection landing page on a Salesforce Experience Cloud site: a hero with a modal Typeform estimate form, a ZIP-code coverage finder, a comparison table, and financing, reviews and trust sections. Each section exposes its copy, images and button text as Experience Builder properties, so marketers can assemble and edit the page without touching code. Jest tests cover three of the components.
- client work
- website
- archived
- Type
- Website · Marketing site: Salesforce Experience Cloud components
- Built with
- Salesforce Lightning Web Components, Salesforce Experience Cloud, JavaScript, HTML/CSS, Typeform, Jest
- Also uses
- Salesforce DX CLI
- Last active
- 2026
What it does
- Hero section with a modal Typeform estimate form.
- Banner and inline Typeform lead-capture embeds.
- ZIP-code location finder and coverage map.
- Comparison table, value score, financing, benefits, promise, feature and trust sections.
- Reviews carousel and testimonial band.
How it is built
- A Salesforce DX project containing only Lightning Web Components. Each landing-page section is self-contained and exposes its copy, images and button text as @api properties, so the page is assembled and edited in Experience Builder.
Decisions
- Expose section content as Experience Builder properties instead of hard-coding it.
- Use an embedded Typeform for estimate requests rather than a custom form.
Skills
- Salesforce LWC / Experience Cloud development
- Configurable component design for non-developers
- Lead-capture integration (Typeform)