ai-chat-hero/
├── index.tsx                # Main entry point (AIChatHero)
├── components/
│   ├── ChatSidebar.tsx      # Icon-only desktop sidebar
│   ├── ChatInput.tsx        # Pill-shaped chat input bar & menus
│   └── SuggestionChips.tsx  # Dynamic suggestion chips row
├── hooks/
│   └── useChatInput.ts      # Stdin/textarea state controller hook
└── block.json               # Block metadata configuration

import AIChatHero from "@/components/blocks/ai-chat-hero";
 
export default function Page() {
  const handleSubmit = (value: string) => {
    console.log("Chat submitted:", value);
  };
 
  return (
    <AIChatHero
      headline="I'm Gwen, let's build our dreams together!"
      headlineAccent="Gwen"
      onSubmit={handleSubmit}
    />
  );
}