app/AI.tsx

@@ -1,6 +1,6 @@
 // AI.tsx
 import React from 'react';
-import InputOutputBackend from '../backend/InputOutputHandler';
+import InputOutputBackend from './InputOutputHandler';
 
 const AI: React.FC = () => {
   return (

app/InputBackend.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import InputFrontend from '../components/InputFrontend';
-import ConversationFrontend from '../components/ConversationFrontend';
+import InputFrontend from './InputFrontend';
+import ConversationFrontend from './ConversationFrontend';
 import { Mistral } from '@mistralai/mistralai';
 
 

app/InputOutputHandler.tsx

@@ -1,7 +1,7 @@
 "use client"
 import React, { useEffect, useRef, useState } from "react";
-import ConversationFrontend from "../components/ConversationFrontend";
-import InputFrontend from "../components/InputFrontend";
+import ConversationFrontend from "./ConversationFrontend";
+import InputFrontend from "./InputFrontend";
 
 const handleMicClick = () => {
   console.log('Mic clicked!');

app/layout.tsx

@@ -1,4 +1,4 @@
-import Header from "./components/Header";
+import Header from "./Header";
 
 
 export const metadata = {

app/page.tsx

@@ -1,11 +1,11 @@
 "use client";
 import React, { useState, useEffect, useRef } from 'react';
-import Header from './components/Header';
-import AI from './components/AI';
-import FAQ from './components/Faq'; // Ensure the import path is correct
-import Documentation from './components/Documentation'; // Ensure the import path is correct
-import History from './components/History';
-import Models from './components/Models';
+import Header from './Header';
+import AI from './AI';
+import FAQ from './Faq'; // Ensure the import path is correct
+import Documentation from './Documentation'; // Ensure the import path is correct
+import History from './History';
+import Models from './Models';
 import './styles/master.css';
 
 const LandingPage: React.FC = () => {

tailwind.config.ts

@@ -9,13 +9,11 @@ const config: Config = {
   theme: {
     extend: {
       colors: {
-        'history-background': 'var(--history-background-color)',
-        'text-color': 'var(--text-color)',
-        'input-button-hover-color': 'var(--input-button-hover-color)',
+        background: "var(--background)",
+        foreground: "var(--foreground)",
       },
     },
   },
   plugins: [],
 };
-
 export default config;