Showcase Your Work Beautifully

Build a portfolio for an independent architectural photographer. Organize projects by residential, hospitality and editorial work, with a project story, image captions and a commission enquiry form.

Include these capabilities:
- Project gallery with filtering and lightbox
- Animated page transitions and scroll effects
- About section with skills and experience timeline
- Contact form with email integration
- Dark mode support and responsive design

Build the complete working project with its routes, data model and interactions. For saved or private data, implement persistence, authentication and server-side permissions. Keep API credentials on the server. For external services, document the required setup and use test mode until real accounts are connected. Do not present a simulated integration as a completed live connection.

Make the interface responsive, with accessible labels, keyboard navigation and visible focus. Include loading, empty, validation and error states. Use clearly labelled sample data, never invented customer testimonials or results. Choose a visual direction suited to this project and keep typography, spacing and controls consistent. Explain how to run, test, export and deploy the source.

Verify this end-to-end flow:
Filter the gallery, open a project, navigate its images by keyboard and submit a commission enquiry from a phone-sized screen.