🏠 Overview › 🧩 Components ›🧩 Landing Page

Landing Page

Component Detail

User Interface medium complexity frontend
3
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

The primary marketing entry point for the Meander platform, presenting the value proposition, key capabilities, social proof, and a clear call-to-action directing prospective organizations toward demo booking or deeper evaluation.

Feature: Product Landing Page

landing-page

Responsibilities

  • Render hero section with value proposition headline and primary CTA in Norwegian
  • Display feature highlights showcasing core platform capabilities
  • Show organization logos and social proof to establish credibility
  • Provide fully accessible, WCAG 2.2 AA compliant layout with semantic HTML and keyboard navigation
  • Integrate analytics event tracking for CTA clicks and conversion measurement

Interfaces

renderHeroSection(headline, subheadline, ctaLabel, ctaHref)
renderFeatureHighlights(features[])
renderSocialProof(logos[], testimonials[])
renderBenefitSummary(benefits[])
renderCallToAction(label, href)

Relationships

Dependencies (3)

Components this component depends on

infrastructure SEO Metadata Configuration infrastructure Static Site Generation Config service Analytics Service

Sub-Components (3)

Hero Section Widget
component low

Full-width hero component with the primary value proposition headline, supporting subheadline, and a prominent CTA button linking to the customer validation flow or demo booking.

  • Display headline and subheadline copy with sufficient contrast (WCAG 2.2 AA 4.5:1)
  • Render accessible CTA button with visible focus indicator and minimum 24x24px touch target
  • Support responsive layout from mobile to desktop viewport widths
Feature Highlights Section
component low

Card or grid-based section presenting the core capabilities of the Meander platform with icons, short descriptions, and structured semantic markup for accessibility and SEO.

  • Render feature cards with accessible icons (alt text or aria-label) and concise descriptions
  • Maintain readable card layout at all breakpoints
Social Proof Section
component low

Section displaying logos of current customer organizations (NHF, Blindeforbundet, HLF) and optional testimonials to build trust with prospective buyers before they engage with the sales team.

  • Render partner logos with descriptive alt text meeting WCAG 2.2 AA requirements
  • Display testimonial quotes with proper attribution markup