Passage is a split-screen landing page template built for immigration consultancy businesses. It pairs a commanding centered headline with an animated approved-cases counter, a scroll-driven expert panel, a three-step lead generation form, and a secondary document kit download. The design runs on a Corporate Precision visual system, deep slate authority balanced by open-sky blue confidence.
by Rocket studio
Loading preview…
Quick summary
Passage is a single-page template designed for immigration consultants who need to earn trust before asking for contact details. It opens with a bold headline and animated social proof, walks visitors through a scrolling expert panel, and closes with a progressive three-step assessment form. The Corporate Precision design system makes every section feel organized, credible, and purposeful.
Who this template is for
This template is built for immigration consulting practices that handle high-stakes cases and need to convert anxious visitors into qualified leads. It works equally well for solo senior consultants and established multi-specialist firms.
Immigration consultants serving software engineers applying through the H-1B lottery process
Firms handling spousal sponsorship cases for families separated across continents
Consultancies advising startup founders on investor petitions and time-sensitive in-country requirements
What problem this template solves
Visa applicants arrive with anxiety, not trust. A generic contact form does nothing to earn that trust. This template solves the credibility gap by building expertise panel by panel before ever asking for a name or email address.
Visitors leave too early when a page leads with a form instead of proof of expertise
Immigration consultants lose qualified leads because their site reads like a brochure, not a firm
High-stakes clients need to feel the depth of the operation before they commit to a consultation
What you get with this template
Every section is structured to move a skeptical visitor toward a confident decision. The layout is split-screen at fifty percent each side, desktop-first, with a persistent mobile call-to-action bar for smaller screens.
A hero section with a giant centered headline, animated approved-cases counter, and a split-screen first call to action
A scroll-driven expert panel presenting senior consultants with black-and-white portraits, specialty areas, landmark case stats, and direct quotes
Theme
Corporate Precision
Creative direction
Expert Panel
Color system
Slate & Sky
Style
Split Screen (50/50)
Direction
Lead Generation
Page Sections
Giant Headline Hero with Sky-blue Subhead
Animated Approved-cases Counter
Scroll-driven Expert Panel
Three-step Progressive Disclosure Form
Secondary Document Kit Download
Case Categories Bento Grid
Related questions
Can I use this template for a solo immigration consultant, not a firm?
Does the three-step form connect to a specific platform or backend?
Can I change the visa categories shown in the bento grid?
Is the animated case counter pulling live data?
Can the document kit download work as a standalone capture path?
A three-step progressive disclosure form covering visa type, current status, timeline urgency, and contact details, plus a secondary document kit download path
Feature list
This section covers what the template actively delivers, drawn directly from the design and functional brief.
Giant Centered Headline Hero
The hero opens with stark white serif type on deep slate, sized at roughly 120 pixels. A single sky-blue subhead names the three primary visa categories the firm wins most. A thin horizontal rule separates the headline from the split-screen intake area below it.
Animated Approved-Cases Counter
The left side of the hero split holds a quietly animated counter that ticks upward to show the total number of approved cases. This live social proof element is built with GSAP ScrollTrigger counter animation, giving visitors an immediate numerical anchor before they read a single line of body copy.
Scroll-Driven Expert Panel
Senior consultants are introduced one by one as the visitor scrolls. Each panel uses a split frame: a black-and-white portrait on the left and the consultant's specialty area, landmark case statistic, and direct strategy quote on the right. The sequence deliberately escalates from student visas to investor petitions to complex appeals.
Three-Step Progressive Disclosure Form
The lead generation form reveals itself in three steps. Step one collects visa type from a dropdown and country of citizenship. Step two asks about current immigration status and timeline urgency. Step three collects name, email address, and phone number. This structure reduces friction and increases form completion.
Secondary Document Kit Download
A parallel conversion path sits alongside the main form. Visitors can download a free document preparation checklist by providing only their email address. This secondary path captures leads who are not yet ready for a full case assessment.
Case Categories Bento Grid
A dedicated section presents the three core practice areas in a bento grid layout: H-1B petitions, spousal sponsorship, and investor petitions. Each cell includes a landmark statistic to anchor credibility before the visitor reaches the form.
Page sections overview
Section
Purpose
Hero Split Screen
Headline, counter, and first call to action
Expert Panel Scroll
Build consultant credibility with portrait and stats
Case Categories Grid
Showcase H-1B, spousal, and investor practice areas
Client Testimonials
Specific outcomes from engineers, families, and founders
Lead Gen Form
Three-step assessment form and document kit download
Footer Row
Single-row linear footer with essential links
Design & branding system
The visual identity follows a Corporate Precision theme. It balances the weight of a well-organized legal desk with the clarity of a single window letting in optimistic light. Typography uses Fraunces for authoritative serif headlines and DM Sans for body copy and interface elements.
Color palette: deep charcoal slate (#2D3436) for primary backgrounds, counsel gray (#636E72) for secondary text, open-sky blue (#74B9FF) for calls to action and progress indicators, and brief white (#F5F6FA) for content panels
Headline sizing reaches roughly 120 pixels in the hero, with the sky-blue subhead providing a tonal contrast that names the firm's three strongest visa categories
Negative space carries confidence throughout; no imagery competes with the headline in the hero zone
Mobile & speed optimization
The template is built desktop-first to honor the split-screen layout, and the mobile experience is handled through a persistent bottom bar call to action. Animations are scoped to components that need them, keeping the static content layer clean.
A persistent bottom bar on mobile surfaces the primary "Get Your Case Assessment" call to action at all scroll positions
GSAP ScrollTrigger powers counter animations, stagger reveals, and the expert panel scroll sequence without affecting the static content layer
Server Components handle static content sections while Client Components manage animations and the progressive form, separating rendering responsibilities
How this template helps you convert
Conversion is earned here, not demanded. The page builds expertise in a deliberate sequence, so visitors arrive at the form already convinced of the firm's depth.
The animated approved-cases counter and giant headline establish authority in the first viewport, giving visitors an immediate reason to keep scrolling rather than bouncing.
The expert panel scroll sequence escalates from introductory visa types to complex appeals, so by the time the visitor reaches the form, they have already built a mental picture of the firm's full capability.
The three-step progressive disclosure form reduces commitment anxiety by asking only one or two questions at a time, while the secondary document kit download captures email addresses from visitors who are not yet ready for a full assessment.
Other information about this template
This template is part of a broader set of professional services layouts designed for high-trust, high-stakes lead generation. A few additional details worth knowing before you choose or customize it:
The footer follows a linear single-row pattern, keeping the closing section clean and uncluttered
Testimonials are structured to feature specific outcomes and real timelines from engineers, families, and founders, making social proof concrete rather than generic
The template is localized for English-language, United States-focused practices with date formatting in MM/DD/YYYY and currency in USD
Animation complexity is set to high, using GSAP ScrollTrigger, marquee scrollers, and stagger reveals throughout the page
The design system translates naturally to firms serving international client bases while maintaining a United States regulatory context
