FEAT: Replace with actual text closes #17

fastapi/.env-example

@@ -1,2 +1 @@
-MISTRAL_API_KEY=
 connection=

web/.env-example

@@ -1,4 +1,5 @@
 DATABASE_URL
 AUTH_SECRET
 AUTH_GOOGLE_ID
-AUTH_GOOGLE_SECRET
+AUTH_GOOGLE_SECRET
+AI_BACKEND_URL

web/src/app/components/Home/Description.tsx

@@ -1,13 +1,19 @@
 export default function Description() {
   return (
     <div className="flex justify-center w-full text-white">
-      <div className=" text-center">
-        <div className="text-4xl md:text-6xl font-bold pb-4">
-          Our <span className="text-[#27219C]">Community</span>
+      <div className="text-center">
+        <div className="text-3xl md:text-5xl md:pb-10 font-bold pb-4">
+          <div className="md:flex md:justify-center md:gap-3">
+            <div>Efficient Search </div>
+            <div className="text-[#27219C]"> & Confidential</div>
+          </div>
+          <div className="text-[#27219C]">Storage</div>
         </div>
         <div className="md:text-xl w-2/3 mx-auto">
-          Lorem Ipsum is simply dummy text of the printing and typesetting
-          industry. Lorem Ipsum has been the industry standard dummy text ever
+          Users can save time by uploading Files and directly asking questions
+          about the content without manually browsing each page. Privacy is a
+          priority, ensuring all stored Files are securely managed in a protected
+          database.
         </div>
       </div>
     </div>

web/src/app/components/Home/Hero.tsx

@@ -4,7 +4,7 @@ import { BackgroundLines } from "@/components/ui/background-lines";
 export default function Hero() {
   return (
     <BackgroundLines className="flex items-center justify-center w-full flex-col px-4">
-      <h2 className="bg-clip-text text-transparent text-center bg-gradient-to-b from-slate-200 to-slate-50 dark:from-neutral-600 dark:to-white text-2xl md:text-4xl lg:text-7xl font-sans py-2 md:py-10 relative z-20 font-bold tracking-tight">
+      <h2 className="bg-clip-text text-transparent text-center bg-gradient-to-b from-slate-200 to-slate-50 dark:from-neutral-600 dark:to-white text-5xl md:text-7xl lg:text-8xl font-sans py-2 md:py-10 relative z-20 font-bold tracking-tight">
         dchat <br /> Let&apos;s chat.
       </h2>
       <p className="max-w-xl mx-auto text-sm md:text-lg text-gray-200 dark:text-neutral-400 text-center">

web/src/app/components/Home/SliderPic.tsx

@@ -11,7 +11,7 @@ import {
 import Autoplay from "embla-carousel-autoplay"
 
 export default function SliderPic() {
-  const message = "Welcome_To_dchat";
+  const message = "Welcome-To-dchat";
   const characters = Array.from(message); // Convert string to an array of characters
 
   return (

web/src/app/components/Home/ThreeD.tsx

@@ -3,7 +3,6 @@
 import Image from "next/image";
 import React from "react";
 import { CardBody, CardContainer, CardItem } from "@/components/ui/3d-card";
-import Link from "next/link";
 import cardImg from "../../../../public/cardImg.jpg"
 import { signIn } from "next-auth/react"
 
@@ -15,14 +14,14 @@ export function ThreeD() {
           translateZ="50"
           className="text-xl font-bold text-white dark:text-white"
         >
-          Make things float in air
+          Chat History & File Storage
         </CardItem>
         <CardItem
           as="p"
           translateZ="60"
           className="text-white text-sm max-w-sm mt-2 dark:text-neutral-300"
         >
-          Hover over this card to unleash the power of CSS perspective
+          Users can access past chat interactions and view previously uploaded Files anytime.
         </CardItem>
         <CardItem translateZ="100" className="w-full mt-4">
           <Image
@@ -36,9 +35,6 @@ export function ThreeD() {
         <div className="flex justify-between items-center mt-20">
           <CardItem
             translateZ={20}
-            as={Link}
-            href="https://github.com/blockx3/dchat"
-            target="__blank"
             className="px-4 py-2 rounded-xl text-xs font-normal text-white"
           >
             Try now →

web/src/app/components/InputBox.tsx

@@ -5,7 +5,8 @@ import { create } from "../../../actions/user";
 import { Loader2, Pause } from "lucide-react";
 import { JsonValue } from "@prisma/client/runtime/library";
 import Image from "next/image";
-import logo from "../../../public/logo.png";
+import logo2 from "../../../public/d.png"
+import logo from "../../../public/logo.png"
 import arrow from "../../../public/arrow.png";
 
 interface History {
@@ -81,7 +82,7 @@ export default function InputBox(props: Conversation) {
               </div>
 
               <div className="flex items-start gap-2">
-                <Image src={logo} alt="logo" height={41} width={41} />
+                <Image src={logo2} className="rounded-full" alt="logo" height={41} width={41} />
                 <div className="border border-white p-3 rounded-[15px] max-w-[75%]">
                   {/* @ts-expect-error answer */}
                   {item.conversationObject?.answer}
@@ -99,7 +100,7 @@ export default function InputBox(props: Conversation) {
               </div>
               {/* Display loading spinner or the answer */}
               <div className="flex items-start gap-2">
-                <Image src={logo} alt="logo" height={41} width={41} />
+                <Image src={logo2} className="rounded-full" alt="logo" height={41} width={41} />
                 <div className="border border-white p-3 rounded-[15px] max-w-[75%]">
                   {item.answer === null ? (
                     <Loader2 className="h-4 w-4 animate-spin" />

web/src/app/components/SignIn.tsx

@@ -4,7 +4,7 @@ import { Button } from "@/components/ui/button"
 import { signIn } from "next-auth/react"
 
 export default function SignIn() {
-  return <Button className="hover:bg-blue-500 bg-blue-700 text-xl p-2 rounded-xl" onClick={() => signIn(undefined,{
+  return <Button className="hover:bg-blue-500 bg-[#27219C] text-xl p-2 rounded-xl" onClick={() => signIn(undefined,{
     callbackUrl:"/upload"
   })}>Sign up</Button>
 }