Web & Full-Stack

Grid Design Website

Next.js agency site with dedicated Home/About/Services/Contact pages, JSON-driven content blocks, and reusable sections for testimonials, services, and contact forms.

Next.jsTypeScriptTailwind CSSFramer Motion
A modular web presence — conceptual system illustration
A modular web presence
How it works
A modular web presence: Content data → Reusable sections → Page composition → Service inquiries

Content data → Reusable sections → Page composition → Service inquiries

Overview

Production website for Team Grid Design built with Next.js App Router and TypeScript. The codebase organizes content into page-specific component folders, with JSON files in public/data powering services, about cards, contact info, and homepage highlights. The site includes testimonials, service inquiry forms, map/contact sections, custom assets, and motion-enhanced UI elements.

Highlights

  • Modular page structure for Home, About, Services, and Contact with reusable UI components.
  • JSON-driven content in public/data for rapid edits to services and page copy.
  • Contact and service inquiry forms plus map/contact info blocks.
  • Custom assets, fonts, and a loading experience for polished branding.
  • Deployed and live at teamgridesign.com.