================================================================================
IRON CAPITAL ASSET MANAGEMENT - PRODUCTION DEPLOYMENT PACKAGE
================================================================================

Package Date: August 2, 2026
Status: READY FOR CPANEL DEPLOYMENT
Domain: assetmanagement.iron.africa

================================================================================
DEPLOYMENT INSTRUCTIONS (cPanel)
================================================================================

1. LOGIN TO cPanel
   - URL: https://assetmanagement.iron.africa:2083
   - Username: [Your cPanel username]
   - Password: [Your cPanel password]

2. FILE MANAGER UPLOAD
   - Navigate to: public_html (or your public web root)
   - Upload all files from this 'dist' folder
   - Maintain folder structure:
     * Root level: *.html, *.xml, *.txt, *.md, .htaccess
     * /assets - images (img, team, awards folders)
     * /css - stylesheets
     * /js - JavaScript files

3. SET FILE PERMISSIONS
   - All files: 644 (rw-r--r--)
   - All directories: 755 (rwxr-xr-x)
   - .htaccess: 644

4. VERIFY DEPLOYMENT
   - Homepage: https://assetmanagement.iron.africa/
   - SSL: Should show 🔒 (HTTPS enabled)
   - Favicon: Should display in browser tab
   - All pages load without errors

================================================================================
PACKAGE CONTENTS
================================================================================

HTML PAGES (6 pages, SEO-optimized):
  ✓ index.html - Homepage with hero, awards, stats
  ✓ about.html - Company story, mission, values
  ✓ services.html - Service offerings with cards
  ✓ team.html - Board of Directors + Execution Team
  ✓ group.html - IRON Group overview
  ✓ contact.html - Contact form + location info

SITEMAPS & ROBOTS:
  ✓ sitemap.xml - 6 pages with priorities
  ✓ image-sitemap.xml - 12 critical images
  ✓ robots.txt - Crawler directives, sitemap refs

CONFIGURATION:
  ✓ .htaccess - Security headers, caching, compression
  ✓ browserconfig.xml - Windows tile configuration
  ✓ site.webmanifest - PWA configuration (referenced in <head>)

ASSETS:
  ✓ /assets/img/ - All hero, team, award images
  ✓ /css/style.css - Main stylesheet (v4 with cache-busting)
  ✓ /js/main.js - Interactive components

SECURITY & PERFORMANCE:
  ✓ 404.html - Custom error page
  ✓ offline.html - Service worker fallback
  ✓ SEO-IMPLEMENTATION-SUMMARY.md - Complete audit

FAVICON SET (Multi-resolution):
  ✓ favicon.ico - Multi-size (16-256px)
  ✓ favicon-16x16.png
  ✓ favicon-32x32.png
  ✓ favicon-48x48.png
  ✓ favicon-96x96.png
  ✓ favicon-192x192.png
  ✓ apple-touch-icon.png (180x180)

================================================================================
CRITICAL SEO CONFIGURATION
================================================================================

Before going live, update these in cPanel:

1. GOOGLE SEARCH CONSOLE
   □ Go to: https://search.google.com/search-console/
   □ Add property: assetmanagement.iron.africa
   □ Verify via HTML tag or DNS record
   □ Submit sitemaps:
     - https://assetmanagement.iron.africa/sitemap.xml
     - https://assetmanagement.iron.africa/image-sitemap.xml

2. GOOGLE ANALYTICS 4
   □ Create GA4 property
   □ Get your GA4 ID (format: G-XXXXXXXXXX)
   □ Update in HTML files: Replace "G-XXXXXXXXXX" with your ID
   □ File: index.html (line ~95)

3. BING WEBMASTER TOOLS
   □ Go to: https://www.bing.com/webmasters/
   □ Add site: assetmanagement.iron.africa
   □ Verify ownership
   □ Submit sitemaps

4. MICROSOFT CLARITY
   □ Go to: https://clarity.microsoft.com/
   □ Create project for assetmanagement.iron.africa
   □ Get Clarity ID
   □ Update in HTML files: Replace "XXXXXXXXXX" with your ID
   □ File: index.html (line ~103)

================================================================================
SECURITY HEADERS CONFIGURED (.htaccess)
================================================================================

✓ HTTPS Redirect (HTTP → HTTPS)
✓ www → non-www redirect
✓ Strict-Transport-Security (HSTS) - 2 years
✓ Content-Security-Policy (CSP)
✓ X-Content-Type-Options: nosniff
✓ X-Frame-Options: SAMEORIGIN
✓ Referrer-Policy: strict-origin-when-cross-origin
✓ Permissions-Policy (device restrictions)
✓ GZIP compression (HTML, CSS, JS, images)
✓ Browser caching (Smart expiry rules)
✓ ETag validation
✓ Directory listing disabled

================================================================================
PERFORMANCE OPTIMIZATIONS
================================================================================

✓ All images have width/height attributes (prevents CLS)
✓ CSS/JS cached for 1 year (query params for cache-busting)
✓ HTML always fresh (revalidated on every visit)
✓ Images cached long-term (1 year)
✓ GZIP compression reduces file sizes 60-80%
✓ Preload critical resources (CSS, fonts)
✓ DNS prefetch for analytics
✓ Lazy loading ready (add loading="lazy" as needed)

================================================================================
SEARCH ENGINE OPTIMIZATION (SEO)
================================================================================

✓ XML Sitemaps (6 pages + 12 images)
✓ robots.txt properly configured
✓ Canonical URLs on every page
✓ Meta descriptions unique per page
✓ Open Graph tags (WhatsApp, Facebook, LinkedIn)
✓ Twitter Cards (@IRONCapital handles)
✓ Schema.org structured data:
  - FinancialService
  - Corporation
  - LocalBusiness
  - BreadcrumbList
  - WebSite SearchAction
✓ Mobile-responsive design
✓ 0 console errors
✓ 11/12 critical SEO tags verified

================================================================================
SOCIAL MEDIA SHARING OPTIMIZED
================================================================================

When links are shared on:
✓ WhatsApp - Shows title, description, 1200x630 image
✓ Facebook - Shows full OG card with branding
✓ LinkedIn - Shows professional card with logo
✓ X/Twitter - Shows large image card with @handles
✓ Instagram - Shows optimized image preview
✓ TikTok - Shows meta description with branding

================================================================================
ANALYTICS INTEGRATION (Update Required)
================================================================================

Current status: Placeholder tags ready

After deployment, configure:
1. Google Analytics 4
   - Add your GA4 ID to all HTML pages
   - Start tracking visitor behavior, bounce rates, conversions

2. Microsoft Clarity
   - Add your Clarity ID to all HTML pages
   - Enable session recording, heatmaps, rage clicks

3. Google Search Console
   - Verify ownership
   - Monitor search impressions, clicks, rankings
   - Fix crawl errors, mobile usability issues

4. Bing Webmaster Tools
   - Verify ownership
   - Check indexing status
   - Monitor keyword rankings

================================================================================
MOBILE OPTIMIZATION VERIFIED
================================================================================

✓ Responsive breakpoints: 375px | 768px | 1280px
✓ Form inputs 16px minimum (prevents iOS auto-zoom)
✓ Touch targets 48px minimum (iOS/Android standard)
✓ Hamburger menu navigation
✓ Single-column layout on mobile
✓ Award cards stack vertically
✓ Team cards responsive grid
✓ Service cards single column on mobile
✓ Viewport meta tag configured
✓ Apple mobile meta tags (status bar, app title)

================================================================================
ACCESSIBILITY (WCAG 2.2 AA)
================================================================================

✓ Skip-link for keyboard navigation
✓ ARIA labels on interactive elements
✓ Semantic HTML (header, nav, main, footer)
✓ Proper heading hierarchy
✓ All images have alt text
✓ Color contrast verified
✓ Keyboard-navigable forms
✓ Focus indicators visible
✓ Touch-friendly spacing

================================================================================
TESTING CHECKLIST (Post-Deployment)
================================================================================

Immediately after uploading:

□ Visit homepage: https://assetmanagement.iron.africa/
□ Check all links work (internal nav, footer)
□ Test mobile version (375px viewport)
□ Verify favicon appears in browser tab
□ Check all 6 pages load without errors
□ Test contact form submission
□ Verify HTTPS certificate active (🔒 icon)
□ Check robots.txt: /robots.txt
□ Check sitemaps load: /sitemap.xml, /image-sitemap.xml

Performance Testing:
□ Run Lighthouse audit (https://developers.google.com/web/tools/lighthouse)
□ Check Core Web Vitals in GSC (after 24-48 hours)
□ Test on mobile device (real phone, not just browser)
□ Verify images load quickly
□ Check no 404 errors in browser console

SEO Testing:
□ Submit sitemaps to Google Search Console
□ Verify site in Bing Webmaster Tools
□ Check structured data: https://schema.org/validate/
□ Test rich snippets: https://search.google.com/test/rich-results
□ Verify mobile-friendly: https://search.google.com/test/mobile-friendly

Social Media Testing:
□ Share homepage on WhatsApp - verify preview
□ Share on Facebook - verify OG card
□ Share on LinkedIn - verify professional card
□ Share on Twitter - verify Twitter Card
□ Verify logo/image displays correctly

================================================================================
TROUBLESHOOTING
================================================================================

If CSS not loading:
→ Clear browser cache (Ctrl+F5)
→ Check .htaccess for rewrite issues
→ Verify CSS file exists in /css/style.css

If images not showing:
→ Check /assets/img/ folder uploaded correctly
→ Verify image permissions (644)
→ Check image file names (case-sensitive on Linux)

If contact form not working:
→ Check form action URL in contact.html
→ Verify mail() function enabled in PHP
→ Check cPanel email accounts configured

If mobile looks broken:
→ Test in Chrome DevTools responsive mode
→ Check viewport meta tag in <head>
→ Verify CSS media queries loading

If SSL/HTTPS not working:
→ Check cPanel SSL Certificate installed
→ Verify HTTPS redirect in .htaccess enabled
→ Clear browser cache and retry

================================================================================
SUPPORT & MAINTENANCE
================================================================================

Ongoing:
- Monitor Google Search Console for crawl errors
- Check Core Web Vitals monthly
- Review analytics for traffic patterns
- Update content as needed (news, awards, team changes)
- Monitor domain reputation (blacklist checks)

Security:
- Keep software updated
- Monitor .htaccess for intrusion attempts
- Review access logs monthly
- Enable two-factor authentication on cPanel

Performance:
- Run Lighthouse audit quarterly
- Check image sizes (consider WebP/AVIF)
- Monitor page load times
- Review caching effectiveness

SEO:
- Add new content regularly (blog/news)
- Monitor keyword rankings
- Build backlinks to site
- Maintain mobile optimization
- Update structured data as services evolve

================================================================================
DEPLOYMENT COMPLETE
Status: Ready for production launch
Date: August 2, 2026
Version: 4.0 (SEO-Optimized)
================================================================================
