The challenge
Flandria Rent serves very different customers with temporary structures. An event organiser comparing aluminium halls and double-decker tents approaches the offer differently from a private customer planning a celebration or a company looking for temporary storage. The website needed to explain both the products and the problems they solve, while making a request straightforward on any device.
David built a new web presence that combines this technical catalogue with a practical path from exploration to contact or quotation.
Structure around visitor intent
The information architecture provides two complementary routes through the offer. Product catalogue pages cover aluminium halls, double-decker structures, Miami tents and canopy or connecting tents. Solution pages regroup the same expertise around events, special constructions, private celebrations and logistical or industrial needs.
A shared navigation system exposes both routes from desktop and mobile menus. Breadcrumbs keep deeper catalogue pages connected to their parent sections, while overview cards let visitors compare categories before opening the detailed specifications and image collections.
A visual, responsive catalogue
The interface uses Next.js, React, TypeScript, NextUI and Tailwind CSS. Responsive grids adapt product cards, content sections and image galleries from mobile screens to wide layouts. Next.js image handling gives the photography explicit responsive sizes, and a reusable image viewer lets visitors enlarge construction and event examples without leaving the page.
Reusable headers, navigation, breadcrumbs and footer components keep the experience consistent across the catalogue, solution pages and forms. The visual language retains Flandria Rent’s established blue and red identity while giving long-form product information enough room to remain readable.
From interest to a complete request
The website includes separate contact and quotation journeys. The contact form captures a concise question, while the quotation form gathers the operational details needed to assess a tent installation: company and contact information, event and build dates, location, dimensions or visitor count, surface type, accessibility and finishing options.
Client-side schemas validate required input and provide immediate feedback. Next.js server actions then persist submissions in PostgreSQL through Prisma and send structured email notifications through Resend. Dedicated email templates turn the entered data into a usable request for the sales team instead of an unstructured message.
Discoverability and maintainability
Each important page defines its own search title and description. Generated sitemap and robots files expose the catalogue structure to search engines, while Plausible supplies website analytics. The codebase separates navigation data, reusable UI, server actions and database models so content pages can evolve without mixing presentation and form-processing responsibilities.
Later maintenance upgraded the application to Next.js 16, React 19 and Prisma 7, and moved form storage to PostgreSQL while preserving the public journeys.
Result
Flandria Rent gained a responsive website that works as both a visual portfolio and a lead-generation tool. Visitors can approach the offer by product or by practical need, inspect relevant structures and submit a detailed request. Behind that experience, typed forms, durable submission storage, templated email delivery and reusable page components provide a maintainable foundation for continued updates.