damon/AutonetSellCar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Swap images between About and Contact pages

Browse Source 
- About page: CarsImage as large hero with company intro below
- Contact page: HandShakeImage as semi-transparent hero background

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
AutonetSellCar Deploy
2026-01-15 22:38:42 +09:00
parent b97ea784b0
commit 37ee4cff1d
2 changed files with 36 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/app/about/page.tsx
View File

@@ -60,36 +60,32 @@ export default function AboutPage() {
return (
<div className="min-h-screen bg-gray-50">
{/* Hero Section */}
<div className="bg-gradient-to-r from-primary-700 to-primary-900 text-white">
<div className="container mx-auto px-4 py-16">
<div className="max-w-4xl mx-auto text-center">
<h1 className="text-4xl md:text-5xl font-bold mb-4">{t.aboutTitle}</h1>
<p className="text-xl text-primary-100">{t.aboutSubtitle}</p>
{/* Hero Section with Large Image */}
<div className="relative h-[400px] md:h-[500px]">
<Image
src="/images/cars-export.png"
alt="Car Export Terminal"
fill
className="object-cover"
priority
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/70 via-black/40 to-transparent" />
<div className="absolute inset-0 flex items-end">
<div className="container mx-auto px-4 pb-12">
<div className="max-w-4xl">
<h1 className="text-4xl md:text-5xl font-bold text-white mb-4">{t.aboutTitle}</h1>
<p className="text-xl text-gray-200">{t.aboutSubtitle}</p>
</div>
</div>
</div>
</div>
{/* Company Introduction */}
<div className="container mx-auto px-4 py-16">
<div className="max-w-6xl mx-auto">
<div className="max-w-4xl mx-auto">
<div className="bg-white rounded-lg shadow-md p-8 md:p-12">
<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">
<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">
@@ -165,8 +161,6 @@ export default function AboutPage() {
</p>
</>
)}
</div>
</div>
</div>
</div>
</div>