Football tactical-education marketing site

BestVersion1

Elite football coaching marketing site for Best Version 1—coach pages, program catalog, video-analysis sales, and CTAs into the existing BV1 portal and commerce properties.

BestVersion1 project preview

Background & Context

Best Version 1 is an elite football (soccer) tactical-education brand associated with former FC Barcelona / La Masia coach Jordi Roura and collaborator Nico Cuevas. The bestversion1 repository is a Next.js 14 App Router marketing website: dark-themed landings, coach profiles, a video-analysis sales page, legal pages, and a client-side checkout UI. Canonical metadata targets https://bestversion1.com.

Course login and paid fulfillment do not live in this repo. Login CTAs point to portal.bestversion1.com; program and masterclass paths hand off to bv1pro.com. Offer pricing on checkout comes from a static TypeScript catalog (src/config/programs.ts: video analysis $600, training program $450, coaching session $300). The checkout form only console.logs on submit—it does not charge cards or call a payment API.

A single generic brochure would not differentiate coaches or support long-form methodology storytelling. BV1 needed international-grade polish, dedicated coach surfaces, and clear CTAs into the existing portal/commerce stack without rebuilding the LMS inside the marketing site.

The Challenge

A premium coaching brand needed elite credentials presentation, coach-specific pages, program marketing, and conversion into an existing portal/commerce stack—beyond a single shallow landing page. Without a coherent football tactical-education marketing site foundation, BestVersion1 stakeholders faced fragmented tools, slow handoffs, and limited visibility—classic failure modes Tekvers designs against.

The Solution

BestVersion1: Elite football coaching marketing site for Best Version 1—coach pages, program catalog, video-analysis sales, and CTAs into the existing BV1 portal and commerce properties. International-facing coaching brand presence rooted in La Masia methodology storytelling. Tekvers delivered a maintainable football tactical-education marketing site system for BestVersion1 using Next.js 14, React 18, TypeScript, Tailwind CSS, with phased rollout, operator workflows, and documentation suited to long-term ownership.

Our Approach

  1. Brand hierarchy and long-form composition

    Home sections cover hero, features, coach intro, training, programs, methodology, team, testimonials, press, FAQ, and CTA—so institutional credibility and personal coach discovery coexist on one dark-themed surface.

  2. Coach and offer systems

    Dedicated `/jordi` and `/nico` routes plus `/video-analysis` sales CTAs to bv1pro order pages. `programs.ts` + `/checkout?course=` wire typed program selection without pretending this repo is the payment processor.

  3. Clear boundary with portal/commerce

    Header Login → portal.bestversion1.com; masterclass/program CTAs → bv1pro.com. Auth, LMS, and payment completion stay on existing BV1 properties; this repo stays the public marketing and offer narrative layer.

What We Delivered

  • Next.js 14 App Router site for bestversion1.com (React 18, TypeScript, Tailwind CSS 3.3)
  • Marketing home with multi-section long-form composition
  • Coach profile pages for Jordi Roura and Nico Cuevas
  • About, video-analysis sales, privacy, and terms routes
  • Static programs catalog (video analysis, training program, coaching session)
  • Client checkout UI driven by `?course=` query selection
  • External Login and commerce CTAs to portal.bestversion1.com and bv1pro.com
  • Social links (Instagram, TikTok, LinkedIn) and Open Graph / Twitter metadata

Outcomes & Impact

  • International-facing coaching brand presence rooted in La Masia methodology storytelling
  • Distinct coach landing pages without fragmenting the BV1 brand
  • Typed program catalog ready for checkout handoff to existing commerce
  • Honest scope: marketing + offer UI shipped; LMS/payment remain on external domains

Best Version 1 now presents like an international tactical-education brand—coach stories, program clarity, and dark polished UX—while Tekvers kept the marketing repo cleanly separated from portal login and paid fulfillment.

Technology Stack

  • Next.js 14
  • React 18
  • TypeScript
  • Tailwind CSS

Services Delivered

Guides & articles from this niche

Planning a similar platform? Share your scope and we will map architecture, delivery phases, and a realistic timeline.