Legal AI template
A launch site for an AI platform for law firms, with cited research mockups, watercolor panels painted in code, and a calm off-white and charcoal palette.
Scroll inside the frames to see the whole page.
What's inside
- Every word, link, plan, and quote comes from one file, config/site.ts.
- A research card where each numbered citation brings its highlighted passage forward in the source document, above a hero dashboard mockup.
- Watercolor landscapes painted in SVG from seeded scenes, and product mockups built in HTML and CSS: a review table, a redline, and a precedent search.
- A floating pill header, a sticky how-it-works list, tabs for law firms, in-house teams, and small practices, customer stories that stack as you scroll, and pricing with a monthly and annual toggle.
- Light and dark mode, a mobile menu, corners set by one radius token, and reduced motion respected everywhere.
- Builds as a Next.js app or a static site for any host, with a share image, sitemap, and robots file.
Sections
- Hero
- Logo strip
- Stats
- Platform
- How it works
- Integrations
- Who it's for
- Testimonials
- Customer stories
- Pricing
- Security
- FAQ
- Call to action
- Footer
Built with
- Next.js 16
- React 19
- Tailwind CSS 4
- Motion
- TypeScript
Get started
- 1
Buy and unzip
Pay once and you get a zip with a cortexcn-legal-ai folder and the whole project inside.
- 2
Install and run it
Use pnpm, npm, or any package manager you like.
cd cortexcn-legal-aipnpm installpnpm dev - 3
Make it yours
Put your product name, copy, plans, and quotes in config/site.ts, swap the mark in components/logo.tsx, and change the colors and radius in app/globals.css.
- 4
Deploy
Push the folder to GitHub and import it on Vercel. No environment variables are needed.
$99 once, with updates. Use it for as many sites as you like, for yourself or your clients, and change anything. Please don't resell or share the template itself. Every template is also included in the Ultra plan ($449).