Fix broken service section images - replace external URLs with local files

This commit is contained in:
DeepAgent
2025-11-12 13:19:15 +00:00
parent 198a9e9895
commit 4eced73076
7 changed files with 73 additions and 4 deletions

File diff suppressed because one or more lines are too long

Binary file not shown.

69
IMAGES_DOWNLOADED.md Normal file
View File

@@ -0,0 +1,69 @@
# Security Camera Images - Download Report
**Date:** November 12, 2025
**Project:** Global-IT24 Landing Page
**Location:** `/home/ubuntu/global_it24_landing/nextjs_space/public/`
---
## ✅ Successfully Downloaded Images
All 3 high-quality security camera images have been downloaded, processed, and saved in the correct 16:9 aspect ratio (1920x1080 pixels).
### 1. **home-security.jpg** (371 KB)
- **Description:** Residential home security cameras
- **Use Case:** Private homes and apartments - interior/exterior surveillance
- **Dimensions:** 1920x1080 pixels (16:9)
- **Quality:** High-quality JPEG (95% quality)
- **Content:** Multiple modern security cameras for home use, conveying family safety and protection
### 2. **commercial-security.jpg** (319 KB)
- **Description:** Commercial office security camera
- **Use Case:** Business and office environments - professional surveillance solutions
- **Dimensions:** 1920x1080 pixels (16:9)
- **Quality:** High-quality JPEG (95% quality)
- **Content:** Professional dome security camera in commercial setting
### 3. **industrial-security.jpg** (425 KB)
- **Description:** Industrial warehouse surveillance
- **Use Case:** Factories and warehouses - large-scale industrial facilities
- **Dimensions:** 1920x1080 pixels (16:9)
- **Quality:** High-quality JPEG (95% quality)
- **Content:** Industrial-grade security cameras in warehouse/factory environment
---
## 📋 Technical Specifications
| Filename | Size | Dimensions | Aspect Ratio | Format |
|----------|------|------------|--------------|--------|
| home-security.jpg | 371 KB | 1920x1080 | 16:9 | JPEG |
| commercial-security.jpg | 319 KB | 1920x1080 | 16:9 | JPEG |
| industrial-security.jpg | 425 KB | 1920x1080 | 16:9 | JPEG |
---
## 🎯 Usage in Website
These images are ready to be used in the "Services" section of the Global-IT24 website. They replace the broken external image links with locally hosted, high-quality images.
**File paths for Next.js:**
```javascript
// In your React/Next.js components:
<Image src="/home-security.jpg" alt="Residential Security" width={1920} height={1080} />
<Image src="/commercial-security.jpg" alt="Commercial Security" width={1920} height={1080} />
<Image src="/industrial-security.jpg" alt="Industrial Security" width={1920} height={1080} />
```
---
## ✨ Image Processing Applied
1. **Aspect Ratio Correction:** All images were automatically cropped/adjusted to exact 16:9 ratio
2. **Resolution Enhancement:** Upscaled to minimum 1920x1080 for high-quality display
3. **Format Optimization:** Saved as high-quality JPEG (95% quality) with optimization
4. **Color Space:** Converted to RGB for consistent web display
---
**Status:** ✅ Complete - All images ready for production use

View File

@@ -74,7 +74,7 @@ export default function LandingPage() {
<Card className="hover:shadow-lg transition-shadow duration-300 group"> <Card className="hover:shadow-lg transition-shadow duration-300 group">
<div className="relative h-48 overflow-hidden rounded-t-lg"> <div className="relative h-48 overflow-hidden rounded-t-lg">
<Image <Image
src="https://pacifictd.com/wp-content/uploads/2023/11/CCTV-security-camera-at-home.jpg" src="/home-security.jpg"
alt="Домашнее видеонаблюдение" alt="Домашнее видеонаблюдение"
fill fill
className="object-cover group-hover:scale-105 transition-transform duration-300" className="object-cover group-hover:scale-105 transition-transform duration-300"
@@ -110,7 +110,7 @@ export default function LandingPage() {
<Card className="hover:shadow-lg transition-shadow duration-300 group"> <Card className="hover:shadow-lg transition-shadow duration-300 group">
<div className="relative h-48 overflow-hidden rounded-t-lg"> <div className="relative h-48 overflow-hidden rounded-t-lg">
<Image <Image
src="https://pro-vigil.com/wp-content/uploads/2022/06/Types-of-Security-Systems-for-Business.jpg" src="/commercial-security.jpg"
alt="Коммерческое видеонаблюдение" alt="Коммерческое видеонаблюдение"
fill fill
className="object-cover group-hover:scale-105 transition-transform duration-300" className="object-cover group-hover:scale-105 transition-transform duration-300"
@@ -146,7 +146,7 @@ export default function LandingPage() {
<Card className="hover:shadow-lg transition-shadow duration-300 group"> <Card className="hover:shadow-lg transition-shadow duration-300 group">
<div className="relative h-48 overflow-hidden rounded-t-lg"> <div className="relative h-48 overflow-hidden rounded-t-lg">
<Image <Image
src="https://static.vecteezy.com/system/resources/previews/036/326/509/large_2x/ai-generated-cctv-security-safety-camera-provides-surveillance-privacy-and-protection-to-business-warehouse-photo.jpg" src="/industrial-security.jpg"
alt="Промышленное видеонаблюдение" alt="Промышленное видеонаблюдение"
fill fill
className="object-cover group-hover:scale-105 transition-transform duration-300" className="object-cover group-hover:scale-105 transition-transform duration-300"

Binary file not shown.

After

Width:  |  Height:  |  Size: 318 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 370 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 425 KiB