Frank Meeuwsen
06ecb5157c
- Hero met twee-kolommen layout en afbeelding placeholder - Workshop details prominent met datum, tijd, locatie - React Router met Privacy en Voorwaarden pagina's - Alle secties: PainPoints, Benefits, Program, ForWho, Trainer, Pricing, FAQ, Testimonials - Footer met contact en juridische links - Tailwind CSS styling met custom warm/coral/teal kleuren Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
69 lines
1.6 KiB
JavaScript
69 lines
1.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: 'class',
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
coral: {
|
|
50: '#FFF5F3',
|
|
100: '#FFE8E3',
|
|
200: '#FFD0C7',
|
|
300: '#FFA99A',
|
|
400: '#FF7D66',
|
|
500: '#F25C3D',
|
|
600: '#D94425',
|
|
700: '#B5351A',
|
|
800: '#912B16',
|
|
900: '#6B2213',
|
|
},
|
|
teal: {
|
|
50: '#F0FDFA',
|
|
100: '#CCFBF1',
|
|
200: '#99F6E4',
|
|
300: '#5EEAD4',
|
|
400: '#2DD4BF',
|
|
500: '#14B8A6',
|
|
600: '#0D9488',
|
|
700: '#0F766E',
|
|
800: '#115E59',
|
|
900: '#134E4A',
|
|
},
|
|
warm: {
|
|
50: '#FDFCFB',
|
|
100: '#F9F7F5',
|
|
200: '#F0EDEA',
|
|
300: '#E0DBD5',
|
|
400: '#C4BBB2',
|
|
500: '#A39990',
|
|
600: '#7A7067',
|
|
700: '#5C544C',
|
|
800: '#3D3833',
|
|
900: '#1F1C19',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
display: ['Bricolage Grotesque', 'system-ui', 'sans-serif'],
|
|
},
|
|
fontSize: {
|
|
'hero': ['3rem', { lineHeight: '1.1', letterSpacing: '-0.02em' }],
|
|
},
|
|
boxShadow: {
|
|
'coral': '0 10px 15px -3px rgb(242 92 61 / 0.25)',
|
|
'coral-lg': '0 20px 25px -5px rgb(242 92 61 / 0.3)',
|
|
},
|
|
borderRadius: {
|
|
'4xl': '2rem',
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'22': '5.5rem',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|