feat: Add images to About and Contact pages

- Add handshake image to About page Company Introduction section
- Add cars-export image as background in Contact page Business Partnership section

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
AutonetSellCar Deploy
2026-01-15 22:32:22 +09:00
parent 7c97d9aecb
commit b97ea784b0
4 changed files with 30 additions and 5 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

View File

@@ -72,11 +72,24 @@ export default function AboutPage() {
{/* Company Introduction */}
<div className="container mx-auto px-4 py-16">
<div className="max-w-4xl mx-auto">
<div className="max-w-6xl mx-auto">
<div className="bg-white rounded-lg shadow-md p-8 md:p-12">
<h2 className="text-2xl font-bold text-gray-800 mb-6">{t.companyIntro}</h2>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
{/* Image Section */}
<div className="relative h-64 lg:h-80 rounded-lg overflow-hidden shadow-lg">
<Image
src="/images/handshake.png"
alt="Global Partnership"
fill
className="object-cover"
priority
/>
</div>
<div className="prose max-w-none text-gray-600">
{/* Text Section */}
<div>
<h2 className="text-2xl font-bold text-gray-800 mb-6">{t.companyIntro}</h2>
<div className="prose max-w-none text-gray-600">
{language === 'ko' ? (
<>
<p className="mb-4">
@@ -152,6 +165,8 @@ export default function AboutPage() {
</p>
</>
)}
</div>
</div>
</div>
</div>
</div>

View File

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
import { useTranslation } from '@/lib/i18n';
import { useAuthStore } from '@/lib/store';
import { inquiryApi, Inquiry, InquiryWithMessages } from '@/lib/api';
import Image from 'next/image';
const CATEGORY_LABELS: Record<string, Record<string, string>> = {
ko: {
@@ -554,8 +555,17 @@ export default function ContactPage() {
)}
{/* Business Partnership Section */}
<section className="bg-gradient-to-r from-primary-800 to-primary-900 py-16">
<div className="container mx-auto px-4">
<section className="bg-gradient-to-r from-primary-800 to-primary-900 py-16 relative overflow-hidden">
{/* Background Image */}
<div className="absolute inset-0 opacity-20">
<Image
src="/images/cars-export.png"
alt="Car Export Terminal"
fill
className="object-cover"
/>
</div>
<div className="container mx-auto px-4 relative z-10">
<div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-3 mb-4">
<svg className="w-8 h-8 text-yellow-400" fill="currentColor" viewBox="0 0 24 24">