Reforge is a split-screen landing page template built for container home builders, renovators, and ADU specialists. It opens with a live cost estimator, walks visitors through before-and-after project reveals, and funnels serious buyers into a stepped lead form. The design blends industrial warmth with precise, trust-building layouts tailored to real estate investors, homeowners, and land developers.
by Rocket studio
Loading preview…
Quick summary
Reforge is a single-page, split-screen landing page template designed for container home builders and renovation companies. It combines a live cost estimator, draggable before-and-after sliders, and a multi-step lead capture form into one structured, conversion-focused flow. The layout is bold, grounded, and built for buyers who want real numbers before they pick up the phone.
Who this template is for
This template is built for businesses that convert shipping containers into livable spaces. It speaks directly to the people closing those deals and the clients they serve.
Container home builders and renovation companies marketing to real estate investors
Homeowners researching accessory dwelling units, commonly called ADUs, for backyard placement
Land developers turning vacant lots into container micro-communities or rental unit clusters
What problem this template solves
Most container home companies lose leads because visitors can not picture the cost or timeline upfront. A generic page with contact forms does not close that gap. Reforge solves it by giving visitors a tool to explore their own project before asking them to commit.
Visitors leave without converting because price uncertainty feels too high to act
Real estate investors need ROI data, not just lifestyle photography, to move forward
Homeowners and developers need a clear, stepped path from curiosity to a real inquiry
What you get with this template
You get a fully structured, single-page layout with purpose-built sections for each stage of the buyer journey. Every block is designed to move a visitor from browsing to booking.
A header estimator with three interactive sliders for container size, finish level, and site preparation
Draggable before-and-after project reveal sliders with buy price, renovation cost, and return figures
A sticky bottom call-to-action bar and a three-step lead capture form for qualified inquiries
Theme
Executive Suite
Creative direction
Case Study Narrative
Color system
Midnight Blue
Style
Split Screen (50/50)
Direction
Click-Through
Page Sections
Live Cost Estimator with Sliders
Draggable Before-and-after Sliders
Project ROI Cards
Sticky Bottom Call to Action Bar
Three-step Lead Capture Form
Mid-page Email Capture Path
Related questions
Can I edit the slider values in the cost estimator?
Does the template include both a lead form and an email capture option?
How does the before-and-after project slider work?
Is this template suitable for a business that focuses on ADU builds?
What is the sticky call to action bar and when does it appear?
Feature list
This template ships with a focused set of components, each designed around a specific job in the sales funnel.
Live Cost Estimator with Three Sliders
The header section features a split viewport. The left side shows a raw, corroded 40-foot container. The right side displays a live estimator with sliders for container size (20-foot, 40-foot, or dual-stacked), finish level (shell-ready, turnkey studio, or full residential), and site preparation (flat pad, foundation, or utility hookup). Estimated project cost and timeline update as sliders move, with the container-orange accent pulsing on the total figure.
Draggable Before-and-After Project Sliders
Each completed project is presented as a draggable split-screen reveal. The left side shows the raw container as purchased, complete with rust streaks, dents, and faded shipping logos. The right side reveals the finished interior, including shiplap walls, butcher-block counters, and pendant lighting. Projects escalate in scope from a simple studio conversion to a stacked two-story unit to a full four-container compound.
Project ROI Cards with Orange Numerals
Each project card displays the buy price, renovation cost, and current rental income or appraised value. All financial figures are rendered in container-orange to draw immediate attention. These numbers give investors the context they need to evaluate a project without leaving the page.
Sticky Bottom Call-to-Action Bar
After the header scroll, a persistent call-to-action bar locks to the bottom of the viewport. It reads "Estimate My Build" and is styled in container-orange on foundation gray. This keeps the primary conversion action visible throughout the entire page scroll without interrupting the reading flow.
Three-Step Lead Capture Form
Clicking the primary call-to-action opens a stepped form. Step one collects project type: personal home, rental unit, ADU, or commercial. Step two asks for property zip code and lot condition. Step three captures budget range and preferred timeline. The stepped structure reduces friction by breaking the form into small, manageable decisions.
Mid-Page Email Capture Link
A secondary conversion path sits mid-page as a quieter text link that reads "Download Our Container Buying Checklist." This captures email addresses for nurture without interrupting the primary conversion flow. It serves visitors who are not yet ready to start a project but want to stay informed.
Page sections overview
Section
Purpose
Header Cost Estimator
Lets visitors estimate project cost and timeline with live sliders before reading further
Before/After Reveal
Showcases completed projects as draggable sliders with buy price, reno cost, and ROI figures
Studio Conversion Card
Introduces the entry-level project type with financial data and a before-and-after reveal
Two-Story Unit Card
Escalates scope and ROI to appeal to investors considering larger rental units
Four-Container Compound
Presents the most ambitious project tier, targeting land developers and multi-unit buyers
Stat Callout Bands
Poured-gray bands between projects display single-stat proof points like containers placed and average ROI
Email Capture Link
Mid-page text link offering a container buying checklist for email nurture
Sticky call to action Bar
Persistent bottom bar keeping the primary lead form accessible throughout the page
Three-Step Lead Form
Stepped inquiry form collecting project type, location, budget, and timeline from qualified leads
Design & branding system
The visual identity follows a Corporate Precision theme built on a Warm Stone color system. The palette feels like a construction site at golden hour, with raw materials that carry warmth rather than coldness.
Core colors include quarried sandstone (#C4A882), kiln-dried timber (#8B6F47), poured foundation gray (#3D3D3D), and container-orange (#D4652A) reserved for calls to action, sliders, and cost figures
Backgrounds alternate between foundation gray and a warm off-white (#F5F0E8) that reads like architectural drafting paper, with body text in deep charcoal (#1E1E1E)
The overall design tone is industrial bones made warm, precise enough to signal professionalism and tactile enough to feel like a real construction business
Mobile & speed optimization
The split-screen layout is structured to adapt across screen sizes without losing the before-and-after impact that drives engagement. Every interactive element is designed with touch interaction in mind.
The 50/50 split viewport stacks vertically on smaller screens, keeping both the estimator and the container image accessible without horizontal scrolling
Draggable before-and-after sliders are built to respond to touch swipe gestures on mobile devices
The sticky call-to-action bar remains anchored at the bottom of the viewport on mobile, keeping the lead form one tap away at all times
How this template helps you convert
The page is engineered around a single insight: visitors convert when they feel informed, not pressured. Every section moves a visitor one step closer to submitting their details.
The live estimator in the header creates immediate personal investment. By the time a visitor has adjusted sliders and seen their estimated project cost, the lead form feels like the logical next step rather than a cold ask.
The escalating before-and-after project reveals build credibility progressively. Each project shows harder numbers and a more ambitious transformation, turning skepticism into confidence as the visitor scrolls.
The three-step form reduces drop-off by breaking the inquiry into small decisions. Combined with the mid-page email capture link, the page offers two conversion paths suited to buyers at different stages of readiness.
Other information about this template
This template is designed to serve businesses operating in the container home real estate space, where the buyer journey often requires more education and proof than a standard real estate inquiry page.
The template layout supports a project portfolio that scales from entry-level ADU conversions up to multi-container community developments
The container-orange accent color is used consistently as a visual signal for financial figures, calls to action, and interactive controls, creating a clear visual language across the page
Stat callout bands between project cards display proof points such as containers placed, average return on investment, and permit-to-occupancy timelines, adding credibility without requiring testimonial copy
The secondary checklist download path is designed to capture leads who are in early research mode, giving the business a way to nurture prospects who are not yet ready to submit a full inquiry
This template is well-suited for container home appraisers, container home flippers, and renovation firms looking to present project data and build buyer trust on a single, focused page
