Now let me read the AI SDK reference examples to build the chat correctly:

Now I have everything I need. Let me build the Kishhh AI website. I'll set up the task list and start building:

Let me start by updating the theme and adding dependencies:

Now let me add the custom sparkle animation CSS and update the layout:

Now update the layout with proper metadata and fonts:

Now update the tailwind config to use the new fonts:

The tailwind config doesn't exist as a separate file - it's defined inline in globals.css via the @theme directive. Let me update the font config there:

Now let me move to building the components. First, add the AI SDK packages:

Now let me create all the components. First, the sparkle components and chat UI:

Now let me create the suggestion chips component:

Now create the API routes:

Now let me build the main page:

Kishhh AI is now fully built. Here's what I created:

• Deep black theme with yellow/gold accent colors throughout, including twinkling star animations scattered across the background and a glowing yellow sparkle on the search bar.
• Gemini-inspired chat interface with a prominent search input featuring a sparkle icon, suggestion chips for quick questions (news, coding, general knowledge), and a real-time streaming AI chat powered by the Vercel AI SDK using GPT-5 Mini.
• Today's News section on the landing page that auto-fetches the latest headlines using AI-generated summaries, refreshing every 5 minutes via SWR.
• Responsive design with markdown rendering for AI responses, smooth animations, typing indicators, and a clean header/footer with the Kishhh branding (the "K" highlighted in yellow). The chat view transitions seamlessly from the welcome screen once you start asking questions.