Anglo: Architecture & Interior Design Next.js Template

About

Anglo is a Next.js template for architecture and interior design studios.

It covers the whole site in 15 page templates: two homepage layouts, services, portfolio, team and blog pages with detail views, FAQ, contact, and a coming-soon page with a countdown. The design follows the original Anglo HTML template, so projects and services stay the focus.

The code is Next.js 16 (App Router), React 19, TypeScript and Sass. All text and image references live in typed files in the data folder, so you can edit content without opening a component. Motion is CSS first, with a pause button and reduced-motion support. The contact form validates on the server and sends mail through Resend. The site needs a Node.js server, so it does not export as static files.

What's included

• 15 page templates, with detail pages for services, projects, posts and team
• Typed content files in the data folder
• Sitemap, robots.txt, manifest and JSON-LD
• README with setup, deployment and customization notes

Features

• Two homepage layouts, one studio showcase and one image-led
• 15 page templates with detail pages for services, projects, posts and team
• Contact form with server validation, spam trap and rate limits
• Email delivery through Resend using a Server Action
• Typed content files in data/ for all text and image references
• CSS-first scroll reveals with a pause button and reduced-motion support
• Sitemap, robots.txt, manifest, Open Graph tags and JSON-LD
• Security headers and self-hosted DM Sans and Syne fonts
• Accessibility work toward WCAG 2.2 AA, with skip link and visible focus
• Full-screen mobile menu with accordion submenus and a call-to-action button