asif
38764f2ed1
- Implemented React + Vite + Tailwind CSS setup - Created responsive landing page for Palhara SKUS Primary Agriculture Credit Society - Added hero carousel with 4 slides showcasing schemes - Built services section with 6 service cards - Implemented interactive revenue charts with dummy data - Added FAQ section with accordion functionality - Created complaint form UI - Built comprehensive footer with links and contacts - Configured custom theme colors (green, yellow, orange) - Added Framer Motion animations throughout - Implemented fully responsive design for mobile, tablet, and desktop
72 lines
1.9 KiB
JavaScript
72 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
poppins: ['Poppins', 'sans-serif'],
|
|
inter: ['Inter', 'sans-serif'],
|
|
playfair: ['Playfair Display', 'serif'],
|
|
},
|
|
colors: {
|
|
// Rural India inspired color palette
|
|
primary: {
|
|
50: '#f0faf1',
|
|
100: '#e1f5e2',
|
|
200: '#c3ebc5',
|
|
300: '#B1E1B3',
|
|
400: '#8fd591',
|
|
500: '#6dc96f',
|
|
600: '#4ab44d',
|
|
700: '#3a8f3c',
|
|
800: '#2d6e2e',
|
|
900: '#1e4a1f',
|
|
},
|
|
secondary: {
|
|
50: '#fffef0',
|
|
100: '#fefce1',
|
|
200: '#fdf9c3',
|
|
300: '#fcf5a5',
|
|
400: '#fbf087',
|
|
500: '#FADD48',
|
|
600: '#f5d10a',
|
|
700: '#c9a908',
|
|
800: '#9d8106',
|
|
900: '#715904',
|
|
},
|
|
tertiary: {
|
|
50: '#fef7f0',
|
|
100: '#feeee1',
|
|
200: '#fddec3',
|
|
300: '#fccda5',
|
|
400: '#fabb87',
|
|
500: '#F9A22E',
|
|
600: '#f58c0a',
|
|
700: '#c97008',
|
|
800: '#9d5706',
|
|
900: '#713e04',
|
|
},
|
|
accent: {
|
|
50: '#f0f9ff',
|
|
100: '#e0f2fe',
|
|
200: '#bae6fd',
|
|
300: '#7dd3fc',
|
|
400: '#38bdf8',
|
|
500: '#0ea5e9',
|
|
600: '#0284c7',
|
|
700: '#0369a1',
|
|
800: '#075985',
|
|
900: '#0c4a6e',
|
|
}
|
|
},
|
|
backgroundImage: {
|
|
'grain': "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|