Act as an expert frontend developer and UX/UI designer. I want to build a React application called "Allot.ai".

Product Concept:Allot.ai is an automated distribution layer that sits between direct deposit and a user's checking account. It slices incoming paychecks into specific buckets (taxes, bills, savings, investments, and spendable money) before the funds hit their standard checking account.

Tech Stack:

• React (Functional components, Hooks)
• Tailwind CSS (for all styling)
• Framer Motion (for micro-animations like the slicing simulation)
• Lucide React (for icons)
• TypeScript

Design System & Aesthetic ("Elegant Dark" Theme): The app must feature a high-end, sleek, "fintech dark mode" aesthetic with structural, bento-box layouts.

• Backgrounds: The main app background must be bg-[#0C0D0E]. Cards and surface panels must be bg-[#141517] with border border-slate-800.
• Typography: Use font-sans (Inter) for standard text and font-mono for data, numbers, account tags, and small labels. Section headers should be text-xs font-bold uppercase tracking-widest text-slate-500.
• Text Colors: Primary text text-slate-200, secondary text-slate-400, muted/labels text-slate-500.
• Accents: Use a glowing Emerald (#10b981) as the primary brand accent (used for the logo block, toggles, and primary tags).
• Bucket/Allocation Colors:
  • Taxes: Slate (#94a3b8)
  • Bills: Orange (#fb923c)
  • Savings: Purple (#a855f7)
  • Investments: Blue (#3b82f6)
  • Profit (Founder Mode): Emerald (#10b981)
  • Spendable (Checking): White (#ffffff)
• Logo: A simple w-8 h-8 rounded-sm bg-emerald-500 flex items-center justify-center font-bold text-black with an 'A' inside, next to italic text-white text reading "ALLOT.AI".
• Primary Buttons: High contrast: bg-white text-black uppercase tracking-widest text-xs font-bold rounded.

Page 1: Landing Page

• A minimal navigation bar at the top containing the logo, links (Rules, Accounts, Dashboard), and a "Try Demo" button.
• A hero section centered on the screen with the headline: "Never see a dollar you shouldn't spend." (text-white, text-6xl, tight tracking).
• A subheadline explaining the product concept.