Initial commit: project setup and all features implemented

2025-09-23 17:01:22 +05:30
commit ff0945389f
30 changed files with 6973 additions and 0 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,73 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // Legacy elegance
+        'deep-navy': '#0A192F',
+        'brass': '#D4AF37', 
+        'off-white': '#F8F8F8',
+        'light-gray': '#CCD6F6',
+        
+        // Luxury palette
+        'luxury-gold': '#C59D59',
+        'cream': '#F5F2E9',
+        'forest-green': '#0F4C3C',
+        'deep-forest': '#072C21',
+        'rich-brown': '#886D4C',
+        
+        // Sophistication accents
+        'champagne': '#F7E7CE',
+        'bronze': '#CD7F32',
+        'pearl': '#F8F6F3',
+        'charcoal': '#36454F',
+        'platinum': '#E5E4E2'
+      },
+      fontFamily: {
+        'playfair': ['Playfair Display', 'serif'],
+        'montserrat': ['Montserrat', 'sans-serif'],
+        // Legacy font names (keep for backward compatibility)
+        'luxury-serif': ['Playfair Display', 'Cormorant Garamond', 'serif'],
+        'elegant-sans': ['Montserrat', 'Lato', 'sans-serif']
+      },
+      backgroundImage: {
+        'luxury-texture': "url('data:image/svg+xml,%3Csvg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg fill=\"%23C59D59\" fill-opacity=\"0.05\"%3E%3Ccircle cx=\"7\" cy=\"7\" r=\"7\"/%3E%3Ccircle cx=\"53\" cy=\"7\" r=\"7\"/%3E%3Ccircle cx=\"7\" cy=\"53\" r=\"7\"/%3E%3Ccircle cx=\"53\" cy=\"53\" r=\"7\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')",
+        'pennyzo': "url('/src/assets/bg pennyzo.png')",
+      },
+      boxShadow: {
+        'luxury': '0 25px 50px -12px rgba(197, 157, 89, 0.25)',
+        'luxury-lg': '0 35px 60px -15px rgba(197, 157, 89, 0.35)',
+        'luxury-xl': '0 40px 80px -20px rgba(197, 157, 89, 0.4)',
+        'luxury-inner': 'inset 0 2px 4px 0 rgba(197, 157, 89, 0.1)'
+      },
+      backdropBlur: {
+        '3xl': '64px',
+        '4xl': '128px'
+      },
+      animation: {
+        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+        'float': 'float 6s ease-in-out infinite',
+        'gradient-shift': 'gradient-shift 8s ease-in-out infinite',
+      },
+      keyframes: {
+        float: {
+          '0%, 100%': { transform: 'translateY(0px)' },
+          '50%': { transform: 'translateY(-20px)' }
+        },
+        'gradient-shift': {
+          '0%, 100%': { 
+            background: 'linear-gradient(45deg, #C59D59, #D4AF37, #CD7F32)' 
+          },
+          '50%': { 
+            background: 'linear-gradient(45deg, #CD7F32, #C59D59, #D4AF37)' 
+          }
+        }
+      }
+    },
+  },
+  plugins: [],
+}