Add shahikitchen v1.0 website code from zip
This commit is contained in:
@@ -0,0 +1,85 @@
|
||||
import type { Config } from 'tailwindcss';
|
||||
|
||||
const config: Config = {
|
||||
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: {
|
||||
/* Burgundy — primary brand (from Kött Gård logo) */
|
||||
brand: {
|
||||
50: '#fdf5f5',
|
||||
100: '#fce8e8',
|
||||
200: '#f5cfcf',
|
||||
300: '#e8a8a8',
|
||||
400: '#d47070',
|
||||
500: '#c04040',
|
||||
600: '#a32b2b',
|
||||
700: '#8B1F1F',
|
||||
800: '#6E1818',
|
||||
900: '#521212',
|
||||
950: '#2D0A0A',
|
||||
},
|
||||
/* Warm cream — logo background tone */
|
||||
cream: {
|
||||
50: '#FDFAF8',
|
||||
100: '#FAF5F0',
|
||||
200: '#F5EDE4',
|
||||
300: '#EDE0D4',
|
||||
400: '#E0CFC0',
|
||||
},
|
||||
gold: {
|
||||
50: '#fffbeb',
|
||||
100: '#fef3c7',
|
||||
200: '#fde68a',
|
||||
300: '#fcd34d',
|
||||
400: '#f0c040',
|
||||
500: '#D4A843',
|
||||
600: '#B8892A',
|
||||
700: '#92700c',
|
||||
800: '#78590a',
|
||||
900: '#633f06',
|
||||
},
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['var(--font-inter)', 'system-ui', 'sans-serif'],
|
||||
display: ['var(--font-playfair)', 'Georgia', 'serif'],
|
||||
},
|
||||
boxShadow: {
|
||||
premium: '0 4px 24px -4px rgba(139, 31, 31, 0.12)',
|
||||
'premium-lg': '0 8px 40px -8px rgba(139, 31, 31, 0.18)',
|
||||
gold: '0 4px 20px -4px rgba(212, 168, 67, 0.35)',
|
||||
},
|
||||
animation: {
|
||||
'fade-in': 'fadeIn 0.5s ease-out',
|
||||
'slide-up': 'slideUp 0.5s ease-out',
|
||||
'trust-marquee': 'trustMarquee 28s linear infinite',
|
||||
'trust-marquee-rtl': 'trustMarqueeRtl 28s linear infinite',
|
||||
},
|
||||
keyframes: {
|
||||
fadeIn: {
|
||||
'0%': { opacity: '0' },
|
||||
'100%': { opacity: '1' },
|
||||
},
|
||||
slideUp: {
|
||||
'0%': { opacity: '0', transform: 'translateY(20px)' },
|
||||
'100%': { opacity: '1', transform: 'translateY(0)' },
|
||||
},
|
||||
trustMarquee: {
|
||||
'0%': { transform: 'translateX(0)' },
|
||||
'100%': { transform: 'translateX(-50%)' },
|
||||
},
|
||||
trustMarqueeRtl: {
|
||||
'0%': { transform: 'translateX(0)' },
|
||||
'100%': { transform: 'translateX(50%)' },
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
};
|
||||
|
||||
export default config;
|
||||
Reference in New Issue
Block a user