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:
BIN
frontend/public/images/cars-export.png
Normal file
BIN
frontend/public/images/cars-export.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
frontend/public/images/handshake.png
Normal file
BIN
frontend/public/images/handshake.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user