All projects · Marketing & Lead-Gen
TrustDock — Section-Aware Landing Page
A polished dark-mode marketing landing page for a conversion/trust SaaS, whose sticky bottom bar rewrites its own CTA in real time to match…
A polished dark-mode marketing landing page for a conversion/trust SaaS, whose sticky bottom bar rewrites its own CTA in real time to match whichever section the visitor is reading. Scroll from hero to services to results to contact and the call-to-action copy, subline, button label, and icon fade-swap to stay contextually relevant.
- IntersectionObserver tracks the most-visible section and drives a data-mapped CTA that updates copy and icon on the fly
- Sticky top nav with active-link syncing plus a mobile hamburger menu
- Persistent bottom trust strip (rating, testimonial, guarantee) and smooth-scroll section navigation
- Refined glassmorphism aesthetic with gradient text, blur backdrops, and animated stat cards
Built with: HTML, CSS, Vanilla JavaScript, IntersectionObserver API, Google Fonts (Sora/Outfit), Inline SVG