Said Mansi
A portfolio website for an architect with four decades of projects. Architect Said Mansi's work in Germany, Egypt and Saudi Arabia, presented as a project archive with drawings and renders, an about page, certifications and a contact form.
- Role
- Front-end developer: the whole site, plus the email route behind its contact form.
- Engagement
- Freelance
- Surfaces
- Website, Contact form
The problem
An architect with decades of residential, commercial and planning work needed one place to show it, with a clear way for clients to get in touch.
What it does
- 01Visitors browse the projects archive, each project with its location, year and drawings.
- 02The about page covers his background, what he offers and his experience.
- 03Certifications and academic achievements have their own page with previews and downloads.
- 04The contact form sends enquiries by email.
What I did
- Built the site in Next.js with Tailwind CSS and shadcn/ui components, in light and dark themes.
- Built the image carousels for projects and certifications with Embla.
- Wired the contact form to email through Resend.
Screens
Inside the product.
Click any screen to view it full size.
Stack
Frontend
- Next.js (App Router)
- React
- Tailwind CSS
- shadcn/ui
- Embla Carousel
- next-themes
Services
- Resend email
- Vercel