Services platform · Training, events & memberships

One digital home for services, training and member experiences.

The site brings discovery and customer workflows together, with dedicated destinations for each offering and a shared operational dashboard behind them.

A website and customer operations platform for Bear2Arm, connecting its training, webinars, events, memberships and service bookings. The public experience is backed by customer accounts and an admin for reservations, content and payments.

Built by the CrysoLabs team

Bear2Arm homepage — A branded introduction connects visitors with training, webinars and the outdoor range experience.

Category

Services & Membership Platform

Collaboration

CrysoLabs Team

Primary stack

Next.js, React, TypeScript

Business context

Bear2Arm combines several offerings, from services and courses to events and memberships. Customers need a clear way to discover them, while staff need tools to manage bookings, content and payments.

Client fit

Service businesses, training providers and membership organizations that need bookings, content and customer accounts alongside their public website.

What this proves

The concrete capabilities this build delivers, taken from the shipped product.

Dedicated course, webinar, event and membership pages
Service appointment and reservation routes
Customer profiles and account settings
Admin tools for services, reservations, contacts and payments
Square and Stripe payment integrations in the codebase

Key capabilities

Offer discovery

Separate catalogue and detail pages give services, training, events and memberships their own space within a consistent site.

Customer workflows

Account pages and appointment routes connect the public offer with customer profiles and reservation management.

Operations dashboard

Staff manage services, memberships, blog content, feedback, contacts, reservations and payment records from the admin.

Technology

Tools and architecture choices used to build and ship this project.

Next.js
React
TypeScript
Tailwind CSS
Prisma
MongoDB
NextAuth
Square
Stripe
Cloudflare R2

Architecture summary

Public and operational areas

Next.js, React and TypeScript serve the public website, authenticated customer pages and a protected administration area.

Data and payments

Prisma on MongoDB models the business, with Square and Stripe integrations for payment workflows.

Managed content and media

A Tiptap editor, Cloudflare R2 uploads and Resend email support the content and communication workflows.

Strategic thinking

Give each offering a clear discovery path.

Keep bookings and customer accounts connected.

Let staff manage everyday content and reservations in the admin.

Overview

A website and customer operations platform for Bear2Arm, connecting its training, webinars, events, memberships and service bookings. The public experience is backed by customer accounts and an admin for reservations, content and payments.

Showcase gallery

Key screens and system views from the build, each tied to what it does for the business.

Bear2Arm homepage — A branded introduction connects visitors with training, webinars and the outdoor range experience.

Bear2Arm homepage

A branded introduction connects visitors with training, webinars and the outdoor range experience.

Course discovery — The course catalogue gives visitors a dedicated place to explore available training.

Course discovery

The course catalogue gives visitors a dedicated place to explore available training.

Membership options — Membership information sits within the same experience as courses, events and customer accounts.

Membership options

Membership information sits within the same experience as courses, events and customer accounts.

Bear2Arm on mobile — Responsive navigation and clear content hierarchy make the public site accessible on smaller screens.

Bear2Arm on mobile

Responsive navigation and clear content hierarchy make the public site accessible on smaller screens.

Related work

Connect your services and customer experience

Bring bookings, training, memberships and operational tools together in a platform designed around your business.