- Migrated from Express.js to Next.js 15 with TypeScript - Added Docker Compose v2 with multi-stage builds - Implemented Docker Bake support for improved builds - Created professional component structure with Tailwind CSS - Added enhanced visual design with glass morphism effects - Improved responsive layout and better UX flow - Updated all dependencies and configurations - Added proper TypeScript types and modern practices - Created development scripts for easy container management - Cleaned up excessive animations for better user experience
55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#f0f4ff',
|
|
100: '#e5edff',
|
|
200: '#cddbfe',
|
|
300: '#b4c6fc',
|
|
400: '#8da2fb',
|
|
500: '#6574cd',
|
|
600: '#5a67d8',
|
|
700: '#4c51bf',
|
|
800: '#434190',
|
|
900: '#3c366b',
|
|
},
|
|
secondary: {
|
|
50: '#fef7ff',
|
|
100: '#fdeeff',
|
|
200: '#fce5ff',
|
|
300: '#f9ccff',
|
|
400: '#f3a1ff',
|
|
500: '#ea70ff',
|
|
600: '#d946ef',
|
|
700: '#be23d3',
|
|
800: '#9f1ab1',
|
|
900: '#831b94',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
'heading': ['Fredoka One', 'cursive'],
|
|
'body': ['Open Sans', 'sans-serif'],
|
|
},
|
|
animation: {
|
|
'bounce-slow': 'bounce 2s infinite',
|
|
'pulse-slow': 'pulse 3s infinite',
|
|
'float': 'float 6s ease-in-out infinite',
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-20px)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|