Archivia – Architecture Photography Landing Page HTML5 Template

About This Item

This architecture photography landing page template is one HTML5 page with one goal. Archivia is a quiet, precise one-page lead landing page for architecture photographers and studios that keep a project archive and shoot for several practices at once.

Every call to action leads to one goal – estimating a shoot – in an estimate that takes the building, the packages, extras and delivery and the licence, and shares the fee between the architect, the builder and the developer, with the total and the deposit beside it; its Book This Shoot button hands the visitor to the contact form. The searchable archive, a plan explored room by room, one shoot shared, the practices, the process and the rate card make the numbers easy to trust.

White space, Montserrat capitals tracked wide over a Literata text face, one lemon accent and a plumb line for the I keep every vertical true. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark mode, right-to-left support, a currency switch and WebGL layers.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Architecture Photography Landing Page: One Page, Built To Convert

• Hero Slider: First, the project archive at night, searchable by architect, city or type.
• The Projects: Then, the archive filtered by residential, cultural, workplace, public realm, hospitality, interiors and infrastructure.
• Room By Room: Next, a floor plan whose rooms light up with their photographs.
• One Shoot, Shared: After that, how each practice pays its share of the licence.
• The Practices: Also, the architects with their projects and shared licences.
• From The Recce To The Files: Then, the six stages of a shoot.
• Testimonials: Next, the architects’ words in a slider, with the review score.
• Pricing: In addition, six packages on the rate card with their rates, images, time on site and extra images.
• Video Band: After that, add your building to the archive – a parallax photo band with the next free shoot days and a video popup.
• Estimate A Shoot: Also, the building, the packages, extras, the licence and the cost share, with the estimate live.
• Contact: Finally, the studio, bookings, email and the studio open now, a working contact form with today’s light and the next free shoot days, and a Google map.

Architecture Photography Landing Page Features

• One-page lead landing with a single goal: estimate a shoot
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• A currency switch (euros, pounds, dollars) that repaints every price on the page
• The light of the day from the solar equations: sunrise, sunset, the blue hour and the sun on a facade facing any way
• A WebGL brise-soleil shadow tinted by the theme colours, and a two-point perspective tower in the footer
• Real studio logic: the estimate with extras, travel, rush and licences, the cost share between practices, the archive filters and search
• A Plan to Elevation preloader, Keystone Correct reveals that straighten each photo’s verticals, word-rise titles and a plumb-line hover
• Hero slider, testimonial slider, parallax photo band, video popup, lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Montserrat, Literata).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, the line icons and the language flags are included.

Browse more Architecture landing pages, or the multi-page Architecture website templates.