Petition is a split-screen landing page template built for employment-based immigration attorneys. It presents attorney specializations, case outcomes, and client testimonials with a corner-office visual gravity. A persistent booking bar and a two-step consultation form with a live calendar guide visitors toward scheduling a case evaluation without friction.
by Rocket studio
Loading preview…
Quick summary
Petition is a single-page template designed for employment-based visa law practices. The layout uses a 50/50 split-screen structure and an Executive Suite visual identity to signal precision and authority. From the hero headline to the inline booking form, every section is built to convert visa-anxious clients into scheduled consultations.
Who this template is for
This template is built for immigration law professionals who handle employment-based visa categories at the partner level. It suits practices that want to project deep specialization, not generalist availability.
Employment-based immigration attorneys handling H-1B, EB-1A, PERM, or L-1A matters
Law firms targeting software engineers at funded startups, multinational executives, or hospital HR directors sponsoring physicians
Immigration practices ready to replace a generic contact form with a structured, credential-driven booking experience
What problem this template solves
Most immigration law websites feel like brochures. They list practice areas but fail to communicate why a specific attorney is the right choice for a specific visa category. Prospective clients facing urgent deadlines need more than a phone number.
Visitors with time-sensitive visa transfers or petition deadlines cannot quickly gauge whether a firm handles their exact category
Generic layouts dilute trust, making a specialized firm appear no different from a full-service general practice
Standard contact forms do not capture urgency signals like visa category, current status, or deadline proximity before a consultation
What you get with this template
This template delivers a fully structured, conversion-oriented landing page with distinct sections for credentials, outcomes, and booking. Every visual and functional element reinforces the message that this firm handles your category and only your category.
A 50/50 split-screen hero with a bold condensed serif headline on the left and a cinematic conference-table photograph on the right
Attorney dossier sections that pair portrait photography with case statistics and per-specialty focus areas
Theme
Executive Suite
Creative direction
Expert Panel
Color system
Monochrome Steel
Style
Split Screen (50/50)
Direction
Booking/Scheduling
Page Sections
Split-screen Hero with Booking Bar
Attorney Dossier Sections
Two-step Inline Booking Form
Case Outcomes Bento Grid
Deposition-style Testimonial Scroll
Secondary Email Capture Path
Related questions
What visa categories does this landing page template support?
Can I customize the attorney dossier sections for my firm?
How does the two-step booking form work?
Is this template suitable for a solo immigration attorney?
What happens to visitors who are not ready to book a consultation?
A two-step inline consultation form that collects visa category, current status, and deadline urgency before revealing a live calendar with available slots
Feature list
This section covers the core built-in capabilities that make Petition ready to use for a specialized immigration law practice.
Split-Screen Hero with Persistent Booking Bar
The hero divides the viewport equally. The left panel holds a high-contrast condensed serif headline set against deep charcoal. The right panel displays a muted, desaturated photograph of a conference table with visible immigration documents. A bottom booking bar fades in after the first scroll and stays anchored throughout the page, keeping the primary call to action always within reach.
Attorney Dossier Sections
Each attorney is presented as an alternating split-screen dossier. One side holds a portrait photograph; the other displays case statistics and a narrowly defined visa category specialization. This format reinforces the idea that each attorney handles one category with precision, building visitor confidence section by section.
Two-Step Inline Booking Form
The consultation form is built in two steps. Step one captures visa category selection (H-1B, L-1, EB-1, EB-2 National Interest Waiver, or Other), current immigration status, and urgency level based on deadline proximity. Step two reveals a live calendar integration showing available thirty-minute consultation slots, reducing friction between interest and commitment.
Case Outcomes Bento Grid
A bento-style grid section displays specific approval statistics, visa category outcomes, and case timelines. This section presents the firm's track record in a structured, scannable format rather than a wall of text.
Deposition-Style Testimonial Scroll
Client testimonials are presented as horizontal-scroll deposition-style video clips with visible client role and company type. The format treats social proof like evidence, matching the professional tone of the rest of the page.
Secondary Email Capture Path
A second conversion path offers a downloadable resource, presented as a green card timeline guide, in exchange for an email address. This captures prospects who are still in the research phase and not yet ready to book a call.
Page sections overview
Section
Purpose
Hero Split Screen
Headline, photo, persistent booking bar
Attorney Dossier Sections
Per-specialty credentials and case statistics
Case Outcomes Grid
Approval rates, categories, timelines
Testimonials Scroll
Deposition-style client video quotes
Consultation Booking Form
Two-step visa category and calendar intake
Footer
Single-row linear navigation and links
Design & branding system
The visual identity follows an Executive Suite theme built on a Monochrome Steel color system. The palette is restrained and authoritative, designed to feel like a senior law partner's office rather than a consumer-facing service page.
Colors: deep charcoal (#1C1F26) for primary backgrounds, brushed steel (#6B7280) for body text, pale platinum (#E8EAED) for alternating section backgrounds, and cold sapphire (#3B5998) reserved exclusively for interactive elements and active states
Typography: Fraunces condensed serif for headlines, delivering high visual weight and formality; DM Sans for body copy, keeping reading comfortable at all sizes
Layout logic: white space is used deliberately to separate sections and create visual breathing room; backgrounds alternate between charcoal and platinum to guide the eye through the scroll
Mobile & speed optimization
The template is designed desktop-first to preserve the corner-office visual gravity of the split-screen layout. A mobile fallback ensures the content remains functional and readable on smaller screens.
Server Components handle static content sections, reducing client-side load for sections that do not require interactivity
Interactive elements including the booking form, attorney profile hover states, and testimonial scroll are handled with Client Components
Scroll-linked animations and staggered dossier entry reveals use medium animation intensity to maintain visual polish without overwhelming the experience
How this template helps you convert
Petition earns the booking rather than asking for it. Each scroll depth adds a layer of evidence before the visitor reaches the form, so the decision to book feels like a conclusion, not a leap.
The attorney dossier format narrows expertise progressively, so visitors self-identify which specialist handles their category before they ever reach the form
The two-step booking form collects urgency and visa category context upfront, making each scheduled consultation more qualified and more likely to convert into a retained client
The secondary email capture path for the green card timeline resource keeps the firm present for prospects who are not yet ready to book, extending the relationship beyond the first visit
Other information about this template
Petition is built specifically for the employment-based immigration law niche. It is not a general legal services template. The design decisions, section order, and form logic all reflect the specific decision-making process of a foreign national or HR sponsor evaluating an immigration attorney under deadline pressure.
The template uses Fraunces and DM Sans as its type pairing, chosen for their contrast between editorial authority and functional readability
The footer follows Pattern 1, a single linear row layout, keeping the page exit clean and uncluttered
The localization defaults are set for a United States audience: English language, USD currency where applicable, and MM/DD/YYYY date formatting throughout
Animation intensity is set to medium: scroll-linked reveals and staggered section entries add motion without distracting from the content hierarchy
The template is categorized under Legal and Compliance, Immigration Law, with a primary niche focus on employment-based visa attorney services
