"use client"; import React, { useState } from "react"; import { Send, Bot } from "lucide-react"; import { motion, AnimatePresence } from "framer-motion"; export function AIChatInterface() { const [messages, setMessages] = useState([ { role: "assistant", content: "Hello! I'm your AI assistant. How can I help you today?" } ]); const [input, setInput] = useState(""); const handleSend = () => { if (!input.trim()) return; setMessages([...messages, { role: "user", content: input }]); setInput(""); setTimeout(() => { setMessages(prev => [...prev, { role: "assistant", content: "I am a simulated response. Buy the full boilerplate for the real LLM integration!" }]); }, 1000); }; return (

CodeDough AI

Online

{messages.map((msg, i) => (

{msg.content}

))}

setInput(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && handleSend()} placeholder="Message CodeDough AI..." className="w-full bg-zinc-950 border border-zinc-700 text-white rounded-full py-3 pl-4 pr-12 focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all text-sm" />

); }