==========================================
  cPanel Update Package
==========================================

This ZIP contains ONLY the updated files for:
- Image loading performance fixes
- Mobile responsiveness fixes
- Form loading state fixes
- Image caching improvements

==========================================
  INSTALLATION INSTRUCTIONS
==========================================

METHOD 1: File Manager (Recommended)
--------------------------------------
1. Upload this ZIP file to your cPanel File Manager
2. Extract it in your project root directory
3. The files will overwrite the existing files
4. Run: npm run build
5. Restart your server: pm2 restart ss-pack (or npm start)

METHOD 2: SSH Terminal (Faster)
--------------------------------
1. Upload ZIP via File Manager or FTP
2. Open Terminal/SSH in cPanel
3. Navigate to your project: cd ~/public_html (or your directory)
4. Extract: unzip ss-pack-update-*.zip
5. Run: npm run build
6. Restart: pm2 restart ss-pack

==========================================
  FILES UPDATED
==========================================

- next.config.js (added image caching headers)
- app/globals.css (mobile overflow fixes)
- app/layout.tsx (viewport metadata)
- app/api/images/[filename]/route.ts (caching improvements)
- components/ContactContent.tsx (form loading fix)
- components/ContactHomeSection.tsx (form loading fix)
- components/EnquiryForm.tsx (form loading fix)
- components/LayoutWrapper.tsx (mobile overflow fix)
- components/ProductImage.tsx (max-width constraints)
- components/SEOHead.tsx (viewport meta tag)

==========================================
  AFTER UPDATE
==========================================

1. Rebuild: npm run build
2. Restart server: pm2 restart ss-pack
3. Test on mobile to verify:
   - Images load faster
   - No horizontal scrolling
   - Form loading states work

==========================================
