dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Start on new sidebar (#456)

Browse source 
Co-authored-by: shadcn <m@shadcn.com>
This commit is contained in:
Jared Palmer 2024-10-24 16:35:51 -04:00 • committed by GitHub
parent 7faa5f1c9f
commit a68eb2a011
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
41 changed files with 2350 additions and 800 deletions
Download patch file Download diff file Expand all files Collapse all files

29
components/custom/overview.tsx
View file

@ -1,41 +1,40 @@
import { motion } from "framer-motion";
import Link from "next/link";
import { motion } from 'framer-motion';
import Link from 'next/link';
import { LogoOpenAI, MessageIcon, VercelIcon } from "./icons";
import { MessageIcon, VercelIcon } from './icons';
export const Overview = () => {
return (
<motion.div
key="overview"
className="max-w-[500px] mt-20 mx-4 md:mx-0"
className="max-w-3xl mx-auto md:mt-20"
initial={{ opacity: 0, scale: 0.98 }}
animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0, scale: 0.98 }}
transition={{ delay: 0.5 }}
>
<div className="border rounded-lg p-6 flex flex-col gap-4 text-zinc-500 text-sm dark:text-zinc-400 dark:border-zinc-700">
<p className="flex flex-row justify-center gap-4 items-center text-zinc-900 dark:text-zinc-50">
<VercelIcon />
<div className="rounded-xl p-6 flex flex-col gap-8 leading-relaxed text-center max-w-xl">
<p className="flex flex-row justify-center gap-4 items-center">
<VercelIcon size={32} />
<span>+</span>
<MessageIcon />
<MessageIcon size={32} />
</p>
<p>
This is an open source Chatbot template built with Next.js and the AI
SDK by Vercel. It uses the{" "}
<code className="rounded-md bg-muted px-1 py-0.5">streamText</code>{" "}
function in the server and the{" "}
SDK by Vercel. It uses the{' '}
<code className="rounded-md bg-muted px-1 py-0.5">streamText</code>{' '}
function in the server and the{' '}
<code className="rounded-md bg-muted px-1 py-0.5">useChat</code> hook
on the client to create a seamless chat experience.
</p>
<p>
{" "}
You can learn more about the AI SDK by visiting the{" "}
You can learn more about the AI SDK by visiting the{' '}
<Link
className="text-blue-500 dark:text-blue-400"
className="font-medium underline underline-offset-4"
href="https://sdk.vercel.ai/docs"
target="_blank"
>
Docs
docs
</Link>
.
</p>