#!/bin/bash
# Image Placeholder Generator for UK Data Services
# This script creates SVG placeholder images

# Create images directory if it doesn't exist
mkdir -p assets/images

# Logo placeholder
cat > assets/images/logo.svg << 'EOF'
<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
    </linearGradient>
  </defs>
  <rect width="200" height="50" fill="url(#logoGrad)" rx="8"/>
  <text x="100" y="32" font-family="Inter, Arial, sans-serif" font-size="18" font-weight="600" fill="white" text-anchor="middle">UK Data Services</text>
</svg>
EOF

# White logo for footer
cat > assets/images/logo-white.svg << 'EOF'
<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
  <rect width="200" height="50" fill="white" rx="8"/>
  <text x="100" y="32" font-family="Inter, Arial, sans-serif" font-size="18" font-weight="600" fill="#1a1a1a" text-anchor="middle">UK Data Services</text>
</svg>
EOF

# Hero data analytics image
cat > assets/images/hero-data-analytics.svg << 'EOF'
<svg width="500" height="400" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#667eea;stop-opacity:0.8" />
      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:0.8" />
    </linearGradient>
  </defs>
  <!-- Dashboard background -->
  <rect x="50" y="50" width="400" height="300" fill="white" stroke="#e1e5e9" stroke-width="2" rx="16"/>
  
  <!-- Charts and graphs -->
  <rect x="80" y="80" width="150" height="100" fill="url(#heroGrad)" rx="8" opacity="0.3"/>
  <rect x="250" y="80" width="150" height="60" fill="url(#heroGrad)" rx="8" opacity="0.5"/>
  <rect x="250" y="160" width="150" height="60" fill="url(#heroGrad)" rx="8" opacity="0.4"/>
  
  <!-- Data points -->
  <circle cx="120" cy="130" r="4" fill="#667eea"/>
  <circle cx="160" cy="110" r="4" fill="#764ba2"/>
  <circle cx="200" cy="140" r="4" fill="#667eea"/>
  
  <!-- Lines connecting data points -->
  <line x1="120" y1="130" x2="160" y2="110" stroke="#667eea" stroke-width="2"/>
  <line x1="160" y1="110" x2="200" y2="140" stroke="#667eea" stroke-width="2"/>
  
  <!-- Title -->
  <text x="250" y="30" font-family="Inter, Arial, sans-serif" font-size="24" font-weight="600" fill="#1a1a1a" text-anchor="middle">Data Analytics</text>
</svg>
EOF

# Service icons
# Web Scraping Icon
cat > assets/images/icon-web-scraping.svg << 'EOF'
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
    </linearGradient>
  </defs>
  <rect x="10" y="15" width="40" height="30" fill="none" stroke="url(#grad1)" stroke-width="3" rx="4"/>
  <line x1="15" y1="25" x2="35" y2="25" stroke="url(#grad1)" stroke-width="2"/>
  <line x1="15" y1="30" x2="45" y2="30" stroke="url(#grad1)" stroke-width="2"/>
  <line x1="15" y1="35" x2="40" y2="35" stroke="url(#grad1)" stroke-width="2"/>
</svg>
EOF

# Business Intelligence Icon
cat > assets/images/icon-business-intelligence.svg << 'EOF'
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
    </linearGradient>
  </defs>
  <rect x="15" y="35" width="8" height="15" fill="url(#grad2)"/>
  <rect x="25" y="25" width="8" height="25" fill="url(#grad2)"/>
  <rect x="35" y="20" width="8" height="30" fill="url(#grad2)"/>
  <circle cx="30" cy="15" r="3" fill="url(#grad2)"/>
</svg>
EOF

# Data Processing Icon
cat > assets/images/icon-data-processing.svg << 'EOF'
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="20" cy="30" r="8" fill="none" stroke="url(#grad3)" stroke-width="3"/>
  <circle cx="40" cy="30" r="8" fill="none" stroke="url(#grad3)" stroke-width="3"/>
  <line x1="28" y1="30" x2="32" y2="30" stroke="url(#grad3)" stroke-width="3"/>
  <polygon points="35,25 40,30 35,35" fill="url(#grad3)"/>
</svg>
EOF

# Create additional service icons
for icon in automation compliance consulting accuracy speed security scalability support compliance-check phone email location linkedin twitter; do
cat > assets/images/icon-${icon}.svg << EOF
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="grad${icon}" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="30" cy="30" r="25" fill="url(#grad${icon})" opacity="0.1"/>
  <circle cx="30" cy="30" r="15" fill="url(#grad${icon})"/>
  <text x="30" y="35" font-family="Arial" font-size="10" fill="white" text-anchor="middle">${icon^^}</text>
</svg>
EOF
done

echo "SVG placeholder images created in assets/images/"
echo "Replace these with your actual professional images and icons."
