Inference Landing Page
A dark landing page for Kestrel, an AI inference platform, with a dashboard hero, workflow canvas, network map, code demo, model catalog and pricing.
About Inference Landing Page
A full dark landing page for Kestrel, a platform that runs open AI models on GPUs close to every user. Every section uses the same tokens, type and buttons, so the page reads as one pitch. It works in any React framework.
The hero opens with a product dashboard that tilts up into view. Under it, a tabbed features section shows deploys, autoscaling, routing and billing on small cards.
The workflow section is a canvas you can play with. Drag cards around and pull cables from the inputs into the endpoint, and the outputs light up when all four are connected. On phones it turns into a tap-to-connect list.
Then a live dot map of the global network, a developer section with a code editor next to streamed responses and charts, and a model catalog with a tab for each model maker. Pricing has four plans, a monthly and annual switch, and a full comparison table. The page ends with a dithered photo CTA and a short footer.
One command installs the page at app/inference-landing-page/page.tsx and each section at components/inference-landing-page/, so you can reorder sections or swap the copy for your own product.
Sections in this page
Each section is written for this page and installs as its own component.
- 01Hero with dashboard
components/inference-landing-page/hero.tsx - 02Features
components/inference-landing-page/features.tsx - 03Workflow canvas
components/inference-landing-page/workflows.tsx - 04Global network
components/inference-landing-page/network.tsx - 05Developers
components/inference-landing-page/developers.tsx - 06Model catalog
components/inference-landing-page/catalog.tsx - 07Pricing
components/inference-landing-page/pricing.tsx - 08Call to action
components/inference-landing-page/cta.tsx - 09Footer
components/inference-landing-page/footer.tsx
Frequently asked questions
- How do I install the Inference Landing Page?
- Run npx shadcn@latest add @aceternity/inference-landing-page in your terminal. Before installing, add the Aceternity Pro registry to your components.json and set your API token as the ACETERNITY_PRO_TOKEN environment variable. The CLI installs the page file, all 9 section components, and their dependencies in one step.
- Can I change the sections in the Inference Landing Page?
- Yes. Every section is a separate component in components/inference-landing-page, and the page file only imports and orders them. All sections share one brand and one voice, so you can replace the copy in one pass. Reorder or remove sections by editing the page file.
- Is this page included with All-Access?
- Yes. Pages are included with the Aceternity UI All-Access plan. With All-Access you can preview the page, read every file, and install it with the shadcn CLI.
- What frameworks does this page work with?
- The page is built for Next.js with the App Router, React, TypeScript, Tailwind CSS v4, and Motion. The sections are plain React components, so they also work in any React-based framework, such as TanStack Start, Vite, React Router, Remix, or Astro with React, when Tailwind CSS and Motion are set up.
Install needs the Aceternity registry in your components.json. Set up the CLI · All pages
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
