AI startup landingPro

• Streaming chat hero with voice orb
• Animated data-flow diagram
• Features, pricing, FAQ
• Testimonials and footer

• Launching an AI assistant, copilot or knowledge product.

• Products where AI isn't the main story.

Import it from @/components/templates/ai-landing after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

// app/page.tsx
import { AiLanding } from "@/components/templates/ai-landing";

export default function Page() {
  return <AiLanding />;
}

• One h1; every section has a heading; diagram nodes are labelled images.
• Motion is reduced or removed under prefers-reduced-motion.

• The hero answer streams in while the orb speaks; beams pulse from your tools into the assistant.

• Every section stacks on phones; the header collapses into a menu below 768px.
• Tested from 320px to 1920px.

• Section animations start when they scroll into view and run once.
• No data fetching: copy and sample data live in the file.

• Installs with landing-kit.tsx (the shared header and section heading); edit the header links there or via props.
• Rename "Atlas" and replace the sample Q&A in AssistantPreview.