This commit introduces a complete user authentication system, replacing the previous placeholder login page. The new flow includes signup, login, and OTP verification, all integrated with backend webhooks. - Adds `AuthPage` to manage the view state between login, signup, and OTP forms. - Implements `LoginForm` with support for both email and WhatsApp credentials. - Implements `SignupForm` with password strength and confirmation validation. - Adds `OtpForm` for two-factor verification after a successful signup. - Integrates `axios` for making API calls to the backend webhooks. - Updates styling with a new background, custom brand colors, and the Poppins font. BREAKING CHANGE: The `LoginPage` component has been deleted and is replaced by the new `AuthPage` component. Any imports of `LoginPage` must be updated.
27 lines
703 B
JavaScript
27 lines
703 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
|
|
},
|
|
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: [],
|
|
}
|
|
|