№ 07 / 10
Webinar & Masterclass template
The event registration page with a countdown that fills your virtual rooms.
- For
- Online trainers, info product creators, B2B marketing teams
- Mood
- Event urgency — deep black, coral gradient, white
- Typefaces
- Anton + Manrope
- Language
- Written in French — fully translatable in minutes
Secure payment by Stripe · Apple Pay · Google Pay · One-time payment · Instant download
You pay → instant access + email → findable at any time (Find my purchases) · Questions: admin@tech-bharat.com
Need several pages? All 10 templates in one bundle: €229 (€890 bought one by one). See the bundle →
Real screenshot of the demo (fictional content): open full screen
Real preview
The page exactly as delivered
Screenshots of the live demo, taken on 22 September 2026 on desktop (1280 px) and mobile (390 px). The “Vendre avec LinkedIn” brand, copy, figures, reviews and testimonials are fictional: they are the placeholders you replace with your own. The template copy is in French.
See the full page (full-height screenshot)
Deliverable
Exactly what you get
The zip contains 21 files (1,140 lines in total, 22 KB compressed). The list is generated from the folder that is sold — nothing is added by hand.
| File | Lines |
|---|---|
| webinaire-masterclass/README.md | 69 |
| webinaire-masterclass/app/globals.css | 2 |
| webinaire-masterclass/app/layout.tsx | 16 |
| webinaire-masterclass/app/page.tsx | 4 |
| webinaire-masterclass/components/Audience.tsx | 99 |
| webinaire-masterclass/components/Bonus.tsx | 104 |
| webinaire-masterclass/components/Countdown.tsx | 85 |
| webinaire-masterclass/components/CtaFinal.tsx | 40 |
| webinaire-masterclass/components/Decouvrir.tsx | 102 |
| webinaire-masterclass/components/Faq.tsx | 62 |
| webinaire-masterclass/components/Footer.tsx | 37 |
| webinaire-masterclass/components/Formateur.tsx | 92 |
| webinaire-masterclass/components/Hero.tsx | 84 |
| webinaire-masterclass/components/Inscription.tsx | 107 |
| webinaire-masterclass/components/Page.tsx | 64 |
| webinaire-masterclass/components/Preuves.tsx | 75 |
| webinaire-masterclass/components/Programme.tsx | 68 |
| webinaire-masterclass/next.config.mjs | 3 |
| webinaire-masterclass/package.json | 13 |
| webinaire-masterclass/postcss.config.mjs | 2 |
| webinaire-masterclass/tsconfig.json | 12 |
- Tech stack
- next ^15.3.3 · react ^19.1.0 · tailwindcss ^4.1.8 · typescript ^5.8.3
- Fonts (Google Fonts)
- Anton · Manrope
Honesty
Limitations to know before buying
- The form shows a confirmation state but does not send anything: you connect it to your own tool (Brevo, Formspree, a CRM…). The README shows exactly where.
- 4 “#” links to replace with your own URLs (commented in the code).
- No CMS or admin panel: copy is edited directly in the .tsx files.
- Copy is in French only, with no translation system.
- No photos included: visuals are drawn in CSS/SVG. Add your own images if your business needs them.
- Fonts load from Google Fonts; self-host them if you want to avoid that third-party request (GDPR).
- No analytics or cookie banner: add them if you need them.
- Requires Node.js 18.18 or later (a Next.js 15 requirement).
- Reviews, counters and figures in the demo are examples: publishing them as-is would mislead your visitors.
Contents
What the page contains
A complete landing page (9 sections), ordered along the psychology of the buying decision — demo under the fictional brand “Vendre avec LinkedIn”.
- 01Hero with date, time and a live countdown (React)
- 02Registration form: first name + email
- 03What you will discover
- 04Who the masterclass is for
- 05Speaker bio with figures
- 06Timed agenda of the session
- 07Social proof from previous editions
- 08Bonuses for attendees (replay, workbook)
- 09FAQ + final CTA repeating the countdown
Fit
This template is for you if…
- Info product creators launching a sales webinar
- Trainers running regular free masterclasses
- B2B marketers who need credible event pages
Delivery
You receive
- The complete Next.js 15 project (App Router, Tailwind CSS v4, TypeScript)
- Every React component of the page, commented and clearly marked
- Customisation README: colours, copy, forms, Vercel deployment in 5 min
- Multi-project licence (your projects and your clients')
- Template updates included
Secure payment by Stripe · Apple Pay · Google Pay · One-time payment · Instant download
You pay → instant access + email → findable at any time (Find my purchases) · Questions: admin@tech-bharat.com
FAQ
Questions about this template
Does the countdown actually work?
Yes, it is a shipped React component: it computes the time left to the target date and updates every second. You change the date in one place.
How do I collect registrations?
The form shows a “seat reserved” state client-side and a comment marks where to plug in your tool (Brevo, ActiveCampaign, Zoom/Livestorm via Zapier…).
Can I reuse the page for every edition?
It is designed for that: date, agenda and figures are grouped as constants at the top of the components. A new edition is a 10-minute update.
Does the design work for a non-marketing topic?
Yes — urgency + agenda + proof is universal for an online event. Change the copy and the palette (6 CSS variables).
Related guides
Read before you buy
- Webinar landing page: the structure that fills your live sessions
A webinar does not fill up because of its content: it fills up because of its registration page. Here is the structure that turns visitors into people who actually show up live, not just email addresses on a list.
- Landing page pricing in 2026: how much does it really cost?
From €89 to €10,000, the price gap for a landing page is dizzying. A comparison table of the 4 options — freelancer, agency, page builder, template — and the factors that drive the bill up or down.
Need several pages?
The full bundle brings together all 10 templates for €229 (€890 if bought one by one) — ideal for agencies and freelancers.