Section Nav Settings Layout

A settings page with a left-hand section nav (Profile, Account, Notifications, Billing) that swaps the visible form card without navigating away.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Section Nav Settings Layout to your project and fits it to your theme.

import SettingsBlock from "@/components/ui/settings-4";

export default function SettingsBlockDemo() {
  return <SettingsBlock />;
}