Petition - Case Management Landing page Template | Build Fully Functional Applications with Rocket
Petition - Case Management Landing page Template
Petition is a sidebar companion landing page built for immigration case management platforms. It follows a Hero's Journey narrative structure, pairing a scroll-linked sidebar with three story chapters that move from burnout to transformation. A stats dashboard opens the page, a two-step recruitment form closes it, and every section speaks directly to the people keeping immigration cases alive.
by Rocket studio
Loading preview…
Quick summary
Petition is a mission-driven recruitment landing page for immigration case management platforms. It uses a fixed sidebar companion, a three-chapter Hero's Journey narrative, and a live stats dashboard to connect with paralegals, case managers, and attorneys who are ready to work somewhere that treats the human cost of immigration delays as a real priority.
Who this template is for
This template is built for immigration firms and legal operations teams that need to recruit talent with purpose. It speaks to people who already understand the work and want proof the mission is genuine before they apply.
Mid-career immigration paralegals managing 200 or more active cases and burning out on manual status tracking
Operations directors at mid-size immigration firms who know good hires leave without better tools and clearer workflows
Bilingual case managers and immigration attorneys who want their next role to be inside a system that actually keeps pace with their caseload
What problem this template solves
Immigration firms often lose their best people not to salary but to chaos. Spreadsheet-based workflows, missed Request for Evidence (RFE) deadlines, and constant USCIS portal refreshes drain experienced staff before they have a chance to do their best work. A standard careers page does nothing to address that reality.
Recruitment pages that list job duties do not earn trust from professionals who have already lived the dysfunction
Generic job boards cannot show a paralegal that the firm has already fixed the tools problem before asking her to join
Firms with no narrative around their mission struggle to attract candidates who care about the outcome for families, not just the paycheck
What you get with this template
You get a fully structured, single-page recruitment experience designed to move a skeptical legal professional from scrolling to submitting. The layout is desktop-first and evidence-led, built around proof before ask.
A Hero's Journey narrative split into three chapters: The Overwhelm, The Turning Point, and Your New Monday Morning
Theme
Family First
Creative direction
Hero's Journey
Color system
Slate & Sky
Style
Sidebar Companion
Direction
Recruitment/Hiring
Page Sections
Scroll-linked Sidebar Companion
Live Stats Dashboard Header
Three-chapter Hero's Journey Narrative
Two-step Recruitment Form
Mission-led Social Proof Layer
Staggered Scroll Animations
Related questions
Who is this landing page built for?
Can I edit the three narrative chapters to match my firm's story?
What does the two-step recruitment form collect?
Is this template suitable for a firm without a case management platform yet?
Does the sidebar companion work on mobile devices?
A scroll-linked sidebar companion that stays fixed on the left and updates its label as the visitor moves through each chapter
A stats dashboard header with large-format metrics, including case volume, RFE response time improvement, and a family reunification counter
A two-step recruitment form that asks for role interest and years of experience in step one, then a single personal answer in step two
Feature list
This section describes the core built-in components and layout features included in the Petition template.
Scroll-Linked Sidebar Companion
The sidebar stays fixed on the left as the visitor scrolls the main narrative column. It shifts its active label through three states, "The Problem," "The Turning Point," and "Your New Monday Morning," giving the reader a constant sense of where they are in the story.
Live Stats Dashboard Header
The header opens with a bento-style metrics grid. It displays 1,247 cases managed in the current quarter, an RFE response time drop from 18 days to 6, and a family reunification counter that pulses with a gentle open-sky blue animation. Numbers are set in large white type against deep case-file charcoal.
Three-Chapter Hero's Journey Narrative
The main content column follows a deliberate emotional arc. Chapter one surfaces the overwhelm of missed deadlines and lost documents. Chapter two shows the turning point through the platform's capabilities. Chapter three delivers transformation through a paralegal's first early Friday and the relief that comes with it.
Two-Step Recruitment Form
The form opens on a primary call to action reading "Join a Team That Reunites Families." Step one collects role interest across four options (Paralegal, Case Manager, Attorney, Operations) and years in immigration law. Step two asks one short-answer question about a case that stayed with the applicant. No résumé upload is required on the first screen.
Staggered Animation and Scroll Reveals
Sections animate into view as the visitor scrolls. The dashboard counter pulses. Section entries use staggered reveals to keep the pace feeling deliberate rather than mechanical. Client components handle the interactive elements while static sections render efficiently.
Mission-Led Social Proof Layer
Chapter three anchors its emotional payoff in specific, prompt-backed evidence. Paralegal testimonials describe real operational change. The RFE metric (18 days to 6) appears as a visible, prominent figure rather than buried footnotes.
Page sections overview
Section
Purpose
Stats Dashboard Header
Opens with live-style case metrics and family counter to establish immediate credibility
Chapter One: The Overwhelm
Names the paralegal burnout experience and validates the reader's daily frustration
Chapter Two: The Turning Point
Showcases platform capabilities through the onboarding and first automation moments
Chapter Three: Transformation
Delivers emotional payoff with testimonials and the Friday-before-6 PM story
Join the Team call to action
Repeats primary call to action and opens the two-step recruitment form
Minimal Footer Row
Single-row footer using Pattern 8 for a clean, uncluttered close
Design & branding system
The visual identity follows a Family First theme using a Slate and Sky color system. The palette is built to feel like stepping out of a fluorescent government building into a clear afternoon. Weight lifts. The horizon opens. Paperwork suddenly has a purpose.
Colors: deep case-file charcoal (#2D3436) for backgrounds, courthouse slate (#636E72) for supporting text, open-sky blue (#74B9FF) for active states and pulsing counters, and warm approval green (#00B894) reserved for success states and call-to-action buttons
Typography: DM Sans for body text keeps reading fast and clean; Fraunces serif headings add institutional warmth without feeling cold or corporate
Visual style: evidence-first and emotionally resonant, no stock photography of handshakes, only data and narrative that prove the mission is real
Mobile & speed optimization
The template is designed desktop-first to serve legal operations professionals at their workstations. Full mobile support is included so the experience holds together on any screen size.
Static sections use server-side rendering for fast initial loads; interactive elements like the animated dashboard and recruitment form use client components
The sidebar companion collapses gracefully on smaller screens so the narrative flow remains readable without layout conflicts
How this template helps you convert
Petition earns the application before it asks for one. The page builds belief through evidence, story, and specificity so that clicking the form feels like a natural next step rather than a leap of faith.
The stats dashboard opens with numbers that cannot be dismissed, cutting through skepticism before the visitor reads a single word of copy
The three-chapter narrative mirrors the reader's own professional experience, making them feel seen before they are asked to do anything
The two-step form removes friction by delaying the résumé ask, leading instead with a question that respects the applicant's story and lowers the psychological cost of that first click
Other information about this template
Petition fits within the HR and Hiring category, specifically the Immigration and Global Mobility subcategory, with a niche focus on immigration case management recruitment. A few additional details worth knowing before you build with it.
The template is built in Next.js, using server components for static sections and client components for the animated dashboard and interactive form
The creative direction is Hero's Journey, intentionally chosen to match the emotional reality of immigration law work rather than a standard features-and-benefits layout
The landing page direction is Recruitment and Hiring, making it distinct from a product marketing page or a general firm website
The header concept is Stats and Metrics, using a bento grid freeze-frame rather than photography, illustration, or abstract hero imagery
The Intersection Match Score for this template against its category, subcategory, and niche combination is 13, reflecting a highly specific alignment with immigration case management hiring contexts
