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,10 +72,23 @@ export default function AboutPage() {
|
|||||||
|
|
||||||
{/* Company Introduction */}
|
{/* Company Introduction */}
|
||||||
<div className="container mx-auto px-4 py-16">
|
<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">
|
<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>
|
||||||
|
|
||||||
|
{/* 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">
|
<div className="prose max-w-none text-gray-600">
|
||||||
{language === 'ko' ? (
|
{language === 'ko' ? (
|
||||||
<>
|
<>
|
||||||
@@ -156,6 +169,8 @@ export default function AboutPage() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* Stats Section */}
|
{/* Stats Section */}
|
||||||
<div className="bg-primary-600 text-white py-12">
|
<div className="bg-primary-600 text-white py-12">
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
|
|||||||
import { useTranslation } from '@/lib/i18n';
|
import { useTranslation } from '@/lib/i18n';
|
||||||
import { useAuthStore } from '@/lib/store';
|
import { useAuthStore } from '@/lib/store';
|
||||||
import { inquiryApi, Inquiry, InquiryWithMessages } from '@/lib/api';
|
import { inquiryApi, Inquiry, InquiryWithMessages } from '@/lib/api';
|
||||||
|
import Image from 'next/image';
|
||||||
|
|
||||||
const CATEGORY_LABELS: Record<string, Record<string, string>> = {
|
const CATEGORY_LABELS: Record<string, Record<string, string>> = {
|
||||||
ko: {
|
ko: {
|
||||||
@@ -554,8 +555,17 @@ export default function ContactPage() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Business Partnership Section */}
|
{/* Business Partnership Section */}
|
||||||
<section className="bg-gradient-to-r from-primary-800 to-primary-900 py-16">
|
<section className="bg-gradient-to-r from-primary-800 to-primary-900 py-16 relative overflow-hidden">
|
||||||
<div className="container mx-auto px-4">
|
{/* 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="max-w-4xl mx-auto text-center">
|
||||||
<div className="flex items-center justify-center gap-3 mb-4">
|
<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">
|
<svg className="w-8 h-8 text-yellow-400" fill="currentColor" viewBox="0 0 24 24">
|
||||||
|
|||||||
Reference in New Issue
Block a user