Site Specs

richhudson.net - A live example

Screenshot of richhudson.net hero section

richhudson.net is my active portfolio, built to showcase the kind of fast, modern, high-performance website I can create for you.

This site is designed to load instantly, rank well on Google, and convert visitors into inquiries.

It uses modern tools that prioritize speed, SEO, and long-term maintainability over outdated or bloated platforms. It was built leveraging AI tools to generate some assets, like the landing page video, and to streamline development.

Tech Stack

  • Next.js 16 (App Router) with React and TypeScript
  • Tailwind CSS for responsive, utility-first styling
  • Framer Motion for subtle, performant animations
  • Sanity.io headless CMS for the blog
  • Web3Forms for secure, serverless contact handling
  • Deployed on Vercel for global edge delivery

Performance & SEO

  • Google PageSpeed scores consistently 90-100 (mobile & desktop)
  • Optimized images, lazy loading, and minimal JavaScript
  • Semantic HTML, proper metadata, and structured data
  • Instant navigation and smooth scrolling

Features

  • Full-screen AI-generated hero video background
  • Masonry testimonial grid with staggered reveal
  • Animated service cards and scroll-linked effects
  • Fully responsive — perfect on phones, tablets, and desktops
  • Local-focused content optimized for Wolfeboro & Lakes Region search