rante.ai — Landing page

Marketing site for rante.ai, the AI receptionist that answers your business phone 24/7 — natural voice conversations, answers from your own knowledge, appointments booked into your calendar, and a warm handoff to a human when it matters.

Built with Next.js (App Router) + TypeScript + Tailwind CSS v4, with components from Radix UI (slot), Framer Motion (scroll reveals), lucide-react (icons) and class-variance-authority (variants). Light, attio-style visual language: Inter, hairline rails, bordered cards, dark "under the hood" band and a blue final CTA.

Getting started

npm install
npm run dev

Open http://localhost:3000.

Scripts

Command	Description
npm run dev	Start the dev server
npm run build	Production build
npm run start	Serve the production build
npm run lint	Run ESLint

Structure

src/
  app/
    layout.tsx        # Inter font + SEO metadata
    globals.css       # light/dark design tokens, rails, card-copy utilities
    page.tsx          # composes the sections
  components/
    ui/               # Button (cva variants incl. on-dark)
    primitives/       # Container, SectionShell (rail + cube), FeatureCard, Reveal
    site/             # Nav, Hero (+ table mockup), feature sections,
                      # security band, under-the-hood, more-grid,
                      # use-case wall, final CTA, footer
  lib/
    content.ts        # nav links, integration names, CTA URLs
    utils.ts          # cn() helper

Editing content

Nav links, integration names and CTA URLs live in src/lib/content.ts. Section copy and mockup data live inline in each components/site/* file. Color tokens (light theme, dark "ink" sections, brand blue, status tags) live in src/app/globals.css.

Notes

• CTAs point at #demo ("Book a demo") and https://app.rante.ai ("Get early access" / "Sign in") — wire these to the real destinations.
• No pricing/checkout is published (billing isn't built yet).
• scripts/shot.mjs is a dev-only Puppeteer helper for full-page screenshots.