back
B2B Landing

Catalyst B2B

Catalyst B2B is a partial clone of the Accredian Enterprise landing page, built as a Full Stack Developer intern assignment within a 48-hour window.

02

Project Overview

Catalyst B2B is a partial clone of the Accredian Enterprise landing page, built as a Full Stack Developer intern assignment within a 48-hour window. The goal was not pixel-perfect replication but demonstrating clean component architecture in the Next.js App Router, a responsive mobile-first UI, reusable composable sections, and a working lead-capture integration. The page is assembled from independent section components - navbar, hero, offerings, testimonials, CTA band, footer - composed in a single page file with smooth anchor-link navigation. A lead capture form runs client-side validation with React Hook Form and Zod, then posts to a Next.js API route backed by MongoDB via Mongoose. Full authentication, a CMS, and every sub-page of the reference site were explicitly out of scope.

03

Architecture

Catalyst B2B architecture diagram
04

Features

01

Responsive navigation with mobile menu and smooth anchor-link scrolling

02

Reusable, composable landing sections (hero, offerings, testimonials, CTA band, footer)

03

Lead capture form with React Hook Form + Zod client-side validation

04

Lead submissions wired to a Next.js API route with MongoDB/Mongoose storage

05

JWT + bcryptjs auth for admin endpoints

06

Mobile-first responsive layout built with Tailwind CSS