ectasy663
ee87f004ed
- Added React TypeScript frontend with Vite build system - Implemented luxury-themed UI with custom Tailwind colors - Created comprehensive waitlist form with conditional logic: * Personal information (name, email) * Company details (name, type, GST registration) * Conditional CIN/PAN fields based on company type and GST status * Industry selection and goals questionnaire - Added form validation and error handling - Integrated waitlist form with hero section and live counter - Implemented responsive design with elegant animations - Added proper gitignore for frontend project
61 lines
1.8 KiB
JavaScript
61 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./src/**/*.{js,jsx,ts,tsx}",
|
|
"./index.html"
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Legacy colors (keeping for backward compatibility)
|
|
'deep-navy': '#0A192F',
|
|
'brass': '#D4AF37',
|
|
'off-white': '#F8F8F8',
|
|
'light-gray': '#CCD6F6',
|
|
// Enhanced luxury color palette
|
|
'luxury-gold': '#C59D59',
|
|
'cream': '#F5F2E9',
|
|
'forest-green': '#0F4C3C',
|
|
'deep-forest': '#072C21',
|
|
'rich-brown': '#886D4C',
|
|
// Additional sophisticated colors
|
|
'champagne': '#F7E7CE',
|
|
'bronze': '#CD7F32',
|
|
'pearl': '#F8F6F3',
|
|
'charcoal': '#36454F',
|
|
'platinum': '#E5E4E2'
|
|
},
|
|
fontFamily: {
|
|
'luxury-serif': ['Playfair Display', 'Cormorant Garamond', 'serif'],
|
|
'elegant-sans': ['Montserrat', 'Lato', 'sans-serif']
|
|
},
|
|
backgroundImage: {
|
|
'luxury-texture': "url('/assets/bg pennyzo.png')",
|
|
'gradient-luxury': 'linear-gradient(135deg, #C59D59 0%, #F5F2E9 50%, #072C21 100%)',
|
|
'gradient-gold': 'linear-gradient(45deg, #C59D59 0%, #F7E7CE 100%)',
|
|
'gradient-forest': 'linear-gradient(180deg, #072C21 0%, #0F4C3C 100%)'
|
|
},
|
|
boxShadow: {
|
|
'luxury': '0 20px 25px -5px rgba(197, 157, 89, 0.1), 0 10px 10px -5px rgba(197, 157, 89, 0.04)',
|
|
'gold': '0 10px 15px -3px rgba(197, 157, 89, 0.3), 0 4px 6px -2px rgba(197, 157, 89, 0.05)',
|
|
'3xl': '0 35px 60px -12px rgba(0, 0, 0, 0.25)'
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'88': '22rem',
|
|
'128': '32rem'
|
|
},
|
|
fontSize: {
|
|
'10xl': '10rem',
|
|
'11xl': '12rem'
|
|
},
|
|
letterSpacing: {
|
|
'ultra-wide': '0.3em'
|
|
},
|
|
backdropBlur: {
|
|
'3xl': '64px'
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |