ecc5ab4898
This commit introduces the foundational user-facing chatbot interface. - Adds a new `ChatbotPage` component with a complete UI for displaying messages, user input, and a simulated bot response. - Implements a "typing" indicator for a better user experience. - Integrates `react-router-dom` to handle application routing, directing the root path to the new chatbot and moving the admin login to `/admin`. - Adds `react-icons` as a new dependency for UI elements. - Extends Tailwind CSS theme with new colors and adds custom CSS for the typing animation.
30 lines
803 B
JavaScript
30 lines
803 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'brand-green': '#4A5D23',
|
|
'brand-brown': '#8B4513',
|
|
'brand-light': '#F5F5DC',
|
|
'brand-gray': '#A9A9A9',
|
|
'brand-orange': '#D97706', // Adventure Orange
|
|
'chat-header': '#003C5A',
|
|
'chat-bg': '#0084A8',
|
|
'chat-input-bg': '#0A192F',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Poppins', 'sans-serif'],
|
|
},
|
|
backgroundImage: {
|
|
'login-bg': "url('https://images.unsplash.com/photo-1723067950251-af96d68b9c1e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D')",
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|