/**
 * Global constants for animations, styling, and configuration
 */

export const ANIMATION = {
  // Timing
  STAGGER_DELAY: 0.1,
  FAST_DURATION: 0.3,
  DEFAULT_DURATION: 0.5,
  SLOW_DURATION: 0.8,

  // Common animation variants
  FADE_IN_DURATION: 0.6,
  SLIDE_IN_DURATION: 0.5,

  // Scroll thresholds
  HEADER_STICKY_THRESHOLD: 80,

  // Hover effects
  HOVER_SCALE: 1.05,
  HOVER_SCALE_SMALL: 1.02,
  HOVER_SCALE_LARGE: 1.1,
  TAP_SCALE: 0.95
} as const;

export const BREAKPOINTS = {
  xs: 450,
  sm: 575,
  md: 768,
  lg: 992,
  xl: 1200,
  '2xl': 1400
} as const;

export const DECORATION = {
  // Blur decoration sizes
  BLUR_SIZES: {
    sm: 'w-72 h-72',
    md: 'w-96 h-96',
    lg: 'w-[600px] h-[600px]'
  },
  BLUR_INTENSITY: 'blur-3xl',

  // Gradient backgrounds
  GRADIENTS: {
    primary: 'from-red-500 to-red-600',
    secondary: 'from-red-500 to-orange-500',
    accent: 'from-yellow-400 to-yellow-500',
    hero: 'from-red-600 via-red-500 to-orange-500'
  }
} as const;

export const STATS = {
  projects: "500+",
  clients: "300+",
  experience: "5+",
  satisfaction: "100%"
} as const;

export const API_CONFIG = {
  // Move sensitive URLs to environment variables
  GOOGLE_SHEETS_URL: process.env.NEXT_PUBLIC_SHEETS_URL || '',
  TIMEOUT: 10000, // 10 seconds
  RETRY_ATTEMPTS: 3,
  RETRY_DELAY: 1000 // 1 second
} as const;
