File size: 1,795 Bytes
8e40013 e831a1d 02f749e 21800ce 8e40013 e831a1d 8e40013 e831a1d 8e40013 e831a1d 8e40013 baedf33 e831a1d dabd32e e831a1d dabd32e e831a1d dabd32e e831a1d 02f749e ba9b2e1 02f749e e831a1d 8e40013 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
import Head from "next/head";
import Link from "next/link";
import { useState } from "react";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
export default function Home() {
const [file,setFile] = useState(null);
const [result,setResult] = useState('');
const handleFileChange = (event:any) => {
setFile(event.target.files[0]);
}
return (
<>
<Head>
<title>Here.Chat</title>
<link rel="icon" href="/favicon.ico" />
<meta name="description" content="Semantic Search with Cohere 🗣️" />
</Head>
<div className="">
<div className=''>
<div className='flex justify-end m-10'>
<div className='bg-blue-500 text-sm rounded-xl text-white px-4 py-2'>
<Link href={'./Search'}>Search Document</Link>
</div>
</div>
<div className='flex flex-col gap-10 justify-center items-center pt-10 h-full mx-auto'>
<div className='flex flex-col'>
<h1 className='text-gray-400 text-5xl md:text-7xl font-bold'>Here <span className='text-blue-600 dark:text-blue-500'> .Chat</span></h1>
<h2 className="text-sm">Semantic Search your document in over 100 languages</h2>
</div>
<div className=''>
<div className="flex gap-2">
<div className="">
<Input type='file' onChange={handleFileChange}/>
<p className="mt-1 text-sm text-gray-500 dark:text-gray-300" id="file_input_help">TXT, DOCX, PPTX, JPG, PNG, HTML or PDF</p>
</div>
<Button className='border-2 border-blue-500 bg-white text-blue-500 font-bold hover:text-white hover:bg-blue-500'>Submit</Button>
</div>
</div>
</div>
</div>
</div>
</>
);
}
|