88d06a4edd
- Added /pipe/ category page listing all pipe products - Added /join-us/ job listings page with benefits - Added /sales-engineer/ job detail page - Added /all-projects/ page listing all portfolio projects - Total 68 static pages generated
84 lines
3.4 KiB
TypeScript
84 lines
3.4 KiB
TypeScript
import Image from 'next/image';
|
|
import Link from 'next/link';
|
|
import { portfolioProjects } from '@/data/site-config';
|
|
|
|
export const metadata = {
|
|
title: 'ผลงานทั้งหมด | All Projects - ดีลพลัสเทค',
|
|
description: 'ผลงานการติดตั้งระบบท่อทุกโครงการ โครงการระบบท่อโรงงาน โครงการระบบน้ำ โครงการระบบดับเพลิง',
|
|
};
|
|
|
|
export default function AllProjectsPage() {
|
|
return (
|
|
<div className="pt-32 pb-16">
|
|
<div className="container mx-auto px-4">
|
|
{/* Breadcrumb */}
|
|
<nav className="mb-6">
|
|
<ol className="flex items-center gap-2 text-sm">
|
|
<li>
|
|
<Link href="/" className="text-secondary-500 hover:text-primary-600">
|
|
หน้าแรก
|
|
</Link>
|
|
</li>
|
|
<li className="text-secondary-400">/</li>
|
|
<li className="text-primary-600 font-medium">ผลงานทั้งหมด</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
{/* Header */}
|
|
<div className="mb-12">
|
|
<h1 className="text-3xl md:text-4xl font-bold text-secondary-900 mb-4">
|
|
ผลงานทั้งหมด
|
|
</h1>
|
|
<p className="text-secondary-600 text-lg max-w-3xl">
|
|
ผลงานการติดตั้งระบบท่อทุกโครงการ ทั้งโครงการระบบท่อโรงงาน โครงการระบบน้ำ
|
|
และโครงการระบบดับเพลิง ที่ได้รับความไว้วางใจจากลูกค้า
|
|
</p>
|
|
</div>
|
|
|
|
{/* Projects Grid */}
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{portfolioProjects.map((project) => (
|
|
<Link
|
|
key={project.id}
|
|
href={project.href}
|
|
className="card group"
|
|
>
|
|
<div className="relative aspect-video bg-secondary-100">
|
|
<Image
|
|
src={project.image}
|
|
alt={project.name}
|
|
fill
|
|
className="object-cover group-hover:scale-105 transition-transform duration-300"
|
|
/>
|
|
</div>
|
|
<div className="p-4">
|
|
<h2 className="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">
|
|
{project.name}
|
|
</h2>
|
|
<p className="text-sm text-secondary-600 mt-2 line-clamp-2">
|
|
{project.description}
|
|
</p>
|
|
</div>
|
|
</Link>
|
|
))}
|
|
</div>
|
|
|
|
{/* CTA */}
|
|
<div className="mt-12 text-center">
|
|
<p className="text-secondary-600 mb-4">
|
|
ต้องการให้เราดำเนินโครงการของคุณ?
|
|
</p>
|
|
<div className="flex justify-center gap-4">
|
|
<Link href="/contact-us" className="btn-primary">
|
|
ติดต่อเรา
|
|
</Link>
|
|
<a href="tel:090-555-1415" className="btn-outline">
|
|
โทร 090-555-1415
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|