Landing Page & Positioning
At a glance
The petanque.life landing page is the platform's primary first impression — a high-conversion entry point that segments visitors by audience the moment they arrive and tells the platform story through hero, animated showcase, social proof and live activity in 43 languages, statically generated and served from the nearest CDN edge with sub-second time-to-first-byte everywhere.
How it works
When a visitor lands on petanque.life, the Astro-rendered homepage opens with a value-led hero pinned to a single proposition: one platform that runs the entire petanque ecosystem from FIPJP down to a Tuesday-night club night. The hero CTA splits immediately into three audience cards — 'I'm a Player', 'I'm a Club', 'I'm a Federation' — each routed to a tailored downstream funnel so messaging never gets diluted. Below the fold, an animated feature showcase scrolls visitors through scoring, draws, streaming and CMS in motion rather than static screenshots, anchoring abstract claims with concrete UI.
A live stats ticker pulls numbers from the production API every few minutes (matches in progress, players online, competitions today) so the platform feels alive rather than aspirational. Social proof — federation logos, country count, player count, testimonials — is layered against the activity ticker to convert curiosity into trust. A short product video and demo reel sit in a dedicated band for visitors who prefer watching to scrolling.
The whole page is statically generated per locale (FR, EN, ES, SV at minimum, with the full 43-language matrix available), so visitors get sub-second TTFB from the nearest CDN edge and content in their own language. SEO meta, Open Graph cards and JSON-LD ship with every locale variant. Conversion-tracking events fire from the CTAs into Plausible so the marketing team can see, in real time, which audience segment is responding to which iteration of the page.
Key capabilities
- Audience-segmented hero with three CTA cards routing to player/club/federation funnels
- Animated feature showcase that walks visitors through the platform in motion
- Live activity ticker (matches, players, competitions) pulled from production API
- Social proof band with federation logos, testimonials and live community counters
- Embedded product video and demo reel for high-intent visitors
- 43-language localisation with full SEO meta, Open Graph and JSON-LD per locale
- Static-generated for sub-second loads from the nearest CDN edge
In practice
A regional federation president clicks a LinkedIn ad in French and lands on the FR homepage. The hero immediately frames Petanque Life as a federation operating system rather than a scoring app. She picks 'Je suis une fédération'.
The animated showcase scrolls past licensing, draws and finance — all the things she currently solves with three different vendors. The live ticker shows 1 200 matches in play right now, which makes the platform feel established. She watches the 90-second demo reel, scrolls past four federation logos she recognises, and clicks 'Demander une démo'.
The page deposits her into the federation onboarding flow with her language and audience already pre-set, and Plausible records a high-intent conversion against the LinkedIn UTM.
Features in this subsystem
7| ID | Status | Features |
|---|---|---|
| F19.01.01 | Shipped | Hero section with value proposition and CTA targeting players, clubs, and federations ✅ PL-F1901a · app/ GuestHome editorial premium-hero (PL-T304) |
| F19.01.02 | Shipped | Audience-segmented entry points with "I'm a Player", "I'm a Club", "I'm a Federation" cards ✅ PL-F1901a |
| F19.01.03 | Shipped | Animated feature showcase providing a visual walkthrough of key platform capabilities ✅ PL-F1901a |
| F19.01.04 | Shipped | Social proof section with federation logos, player count, country count, and testimonials ✅ PL-F1901a · app/ ambassador-rail + featured-tävlingsticker (PL-T304) |
| F19.01.05 | Shipped | Live stats ticker showing matches being played now, players online, and competitions today ✅ PL-F1901b · app/ desktop hero side-ticker (PL-T304) |
| F19.01.06 | Shipped | Video intro and product demo reel embedded on the landing page ✅ PL-F1901b |
| F19.01.07 | Shipped | Multi-language landing page with at minimum FR, EN, ES, and SV translations ✅ PL-F1901b · app/ landing.* namespace i 5 språk (PL-T304) |