Learning Heroes Website

Overview Built Learning Heroes' public-facing marketing website from the ground up using Nuxt 3 with server-side rendering. The site serves as the company's primary acquisition channel, handling everything from landing pages to blog content and lead capture.

What I Built Server-side rendered marketing site built with Nuxt 3 and TypeScript for SEO-optimized page delivery and fast load times Scroll-driven animations and page transitions using GSAP, bringing the brand to life without sacrificing performance Responsive design system built with Tailwind CSS, ensuring consistency across all screen sizes HubSpot integration for forms, tracking, and CRM syncing so the marketing team can capture and nurture leads directly Custom internal CMS that gives the marketing team full control over page content, blog posts, and landing pages without needing developer involvement

Tech Stack Nuxt 3 for the framework with SSR, TypeScript for type safety, Tailwind CSS for styling, GSAP for animations, and HubSpot for marketing automation and CRM.

Result A fast, SEO-friendly marketing site that replaced the previous Webflow/Memberstack setup, eliminating third-party platform dependencies. Lighthouse score improved from 40 to 93 through image optimization, code splitting, and SSR tuning.