What's in the box.
This camera & lighting hire landing page template is one HTML5 page with one goal. Gearloft is a clean, white one-page product landing page for camera hire, lighting rental and grip houses.
Every call to action leads to one goal – hiring the kit – a gear shelf priced for the days you choose (Friday to Monday counts as one, a weekly cap), ready kits priced below the sum of their parts, a hire bag with the hire period, a damage waiver, a coupon, VAT and the refundable deposit, and a checkout on the same page with collection or delivery and an order number. A lighting plan seen from above switches on key, fill and rim beside the portrait it lights.
Ink, white and one studio blue with tracked Poppins capitals and IBM Plex Mono figures keep it as plain as a freshly painted cove. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with a light and a dark theme, 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.
Camera & Lighting Hire Landing Page: One Page, Built To Convert
- Hero Slider: First, hire the kit by the day, with a gear search, the pick-up hours and the deposit rule.
- Categories: Then, camera bodies, lenses, lighting, modifiers and grip with their prices from.
- The Gear Shelf: Next, every line priced for the days you hire it, filtered by category, with add to bag and the bag total.
- Key, Fill, Rim: After that, a lighting plan from above beside the portrait it lights, the three lights switching on in turn.
- Pricing – Ready Kits: Also, portrait, product and interview kits with every item, the kit rate and the saving.
- Video Band: Then, a parallax photo band with a video popup.
- The Hire Bag: Next, the hire period, the gear and crew lines, paper drops, a coupon, the damage waiver and the hire summary.
- Checkout: In addition, your details, collection or delivery, payment or an account, and an order number.
- How Gear Hire Works: After that, pricing by the day, the weekend rule, the deposit and insurance, answered.
- Testimonials: Also, photographers and producers in a slider with the review score.
- Contact: Finally, a working contact form, the opening hours and a Google map.
Camera & Lighting Hire Landing Page Features
- One-page product landing with a single goal: hire the kit
- Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
- A light and a dark theme 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 that repaints every price
- WebGL layers tinted by the theme colours: a paper backdrop slowly changing colour and a camera lens in an RGB split in the footer
- Real hire logic: gear by the day with a weekend rule and a weekly cap, ready kits with their saving, a hire bag with a damage waiver, coupon, VAT and deposit, a checkout
- Hero slider, testimonial slider, parallax video band, priced gear and kits
- 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 rendered gear and line icons
- 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, three.js, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Poppins, IBM Plex Mono).
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 rendered gear, the icons, the lighting plan and the language flags are included.
Browse more Media & Video landing pages, or the multi-page Media & Video website templates.
Buyer’s guideDesign Studio Website Template: Complete Buyer’s Guide (2026) — see how Gearloft compares with the alternatives.
What's changed.
- Initial release.
- One-page HTML5 landing page, 11 sections
Need Gearloft installed or customized?
Fixed prices, done by the developers who built this template. Pick a service and we take it from there.
- Theme installation
- Color scheme customization
- Speed optimization
- 1-hour web development








Reviews
There are no reviews yet.