B2OF Learning Showcase

The B2OF Learning portfolio page, built with Next.js (App Router).

Run it

npm install        # first time only
npm run dev        # http://localhost:3000, reloads as you edit

Production build:

npm run build
npm start

Where things are

Path	What it holds
app/(b2of)/page.tsx	The main page: sections in order
app/(b2of)/layout.tsx	<head>: title, description, Google Fonts
app/(b2of)/globals.css	All styles for the main page
app/4pfamily/	The 4P Family showcase at /4pfamily, with its own layout and stylesheet
components/Hero.tsx	Banner: Nova (Hi, following eyes, blink) and the demo conversation
components/Features.tsx	The eleven features, lit one by one
components/Sections.tsx	Robot Hangar and the closing call to action
components/Journey.tsx	The six-step learning journey
components/Progress.tsx	Progress: the Mission Control dashboard
components/Benefits.tsx	Benefits for students, parents and educators
components/Compare.tsx	How B2OF differs from traditional LMS platforms
components/Nav.tsx	Top menu, mobile menu, current-section highlight
components/Icons.tsx	Icon sprite and <Icon name="…" />
components/RevealObserver.tsx	Fades sections in as they scroll into view
components/fourp/	Interactive parts of the 4P Family page
public/pages/	Standalone pages served at /learning-marketing, /how-ai-tutor-talk and /learning-technologies (see next.config.mjs)
public/assets/	Screenshots, Nova and Octa-Pod images, and each standalone page's images