Add additional pages for complete site migration
- 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
This commit is contained in:
83
src/app/all-projects/page.tsx
Normal file
83
src/app/all-projects/page.tsx
Normal file
@@ -0,0 +1,83 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user