Modernise the marketing site: dark-gradient redesign, sticky scroll-spy header, SEO fixes - #22
Merged
Conversation
…y header Visual refresh of fundermaps.com inspired by the sister site funderconsult.com, applied across all 9 pages. Design system (app.scss / SCSS): - Layered navy-tinted shadow tokens; darker green-400 for button gradients. - New section band modifiers: section--feature (navy) / section--feature-blue (brand-blue gradient). - Buttons: gradient + hover-lift + active press; cards: resting shadow + hover translate; accessible focus-visible ring; brand text-selection. Layout / pages: - Dark blue-gradient hero on every page (white heading + pill eyebrow), unified to one blue across hero/services/references. - Homepage colour-band rhythm: tinted USP stat cards, feature band, light-blue app-preview, brand-blue Referenties card, light Partners band. - Removed the dead app.funderconsult.com form iframes (404s). Header: - Sticky white bar (slim, dark logo/nav, soft shadow); nav "Intro"→"Home"→/, order Home·Services·Voorbeeld·Referenties·Partners·Artikelen. - Scroll-spy (navScrollSpy.js): IntersectionObserver updates the active nav item as sections scroll past; scroll-padding offsets anchors below the header. Production build clean (9 HTML pages). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- media-library: remove the duplicate id="content" on the second section (invalid HTML, broke the #content anchor). - Add type="button" to all non-submit buttons (mobile menu toggles, Glide carousel arrows + bullets) — was defaulting to submit. - index hero image: Dutch, descriptive alt (was "Example of bad foundation"). - llms.txt: Home points to the canonical root URL, not /index.html. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Social/structured-data assets: og:image, twitter:image and JSON-LD logo pointed at /resources/images/… which 404s after Parcel hashes+flattens assets. Add og-image.jpg (1200×685) and logo.png as un-hashed static build/start entries; meta.html now references stable absolute URLs. - media-library: "Verschil zakking" and "Optrekkend vocht" no longer reuse the Negatieve-kleef text — accurate descriptions added (DRAFT, pending review). Mirrored into llms-full.txt. - llms-full.txt: rewrote the stale Home section to match the live homepage. - Valid nesting: <div>→<span> inside the mobile-menu toggle <button> and the "Top taken" link <span>s (the artikelen <summary> divs are left as-is — high churn, spec-only, browsers render fine). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Move hero-bg.svg from the now-dead page-level -z-10 layer (hidden behind the dark gradient) into the hero section as a subtle light texture (opacity-20) over the first blue background; content kept above it. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Rework the stat cards so the check badge and title sit on one row (flex head), with the description below — was a lone badge stacked above the title. Badge is now a real .usp__badge element instead of a ::before. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Replace the generic checkmark in all three stat badges with fitting icons: building (11 miljoen panden), clipboard-check (Herstelregister), live signal (Live data). New inline SVGs; badge centers the icon. Navy glyph on the light-yellow badge for contrast. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Visual modernisation of fundermaps.com (inspired by the sister site funderconsult.com), applied across all 9 pages, plus an SEO/HTML correctness pass.
Design
section--feature-blue) with white heading + pill eyebrow; the homepage hero carries thehero-bgpattern as a subtle texture.Header
/); order reordered to match scroll order (Home · Services · Voorbeeld · Referenties · Partners · Artikelen).navScrollSpy.js): the active nav item follows the section in view;scroll-paddingoffsets anchors below the sticky header.SEO / HTML correctness
og:image,twitter:imageand the JSON-LD logo pointed at/resources/images/…which 404s after Parcel hashes+flattens assets. Added un-hashedog-image.jpg(1200×685) +logo.pngas static build entries; meta now uses stable absolute URLs.id, addedtypeto all non-submit buttons, Dutch alt text, canonical Home URL inllms.txt, valid element nesting.app.funderconsult.comform iframes (404s) from the QuickScan / Herstelkosten / Herstelregister pages.llms-full.txtHome section to match the live homepage.🤖 Generated with Claude Code