feat: Complete Pennyzo frontend with live waitlist tracking

- Live waitlist integration with backend API
- Real-time polling every 60 seconds
- Comprehensive API logging and error handling
- WaitlistContext for global state management
- Responsive UI with live data updates
- Registration form with automatic waitlist refresh
- Modern React/TypeScript architecture
- Tailwind CSS styling with luxury theme

tailwind.config.js

@@ -0,0 +1,61 @@
+/** @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: [],
+}