Restore Features and Featured Products sections on homepage

src/app/page.tsx

@@ -41,12 +41,53 @@ export default function HomePage() {
         </div>
       </section>
 
+      {/* Features Section */}
+      <section className="py-16 bg-secondary-800">
+        <div className="container mx-auto px-4">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="text-center p-6">
+              <div className="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-white mb-2">สินค้าคุณภาพ</h3>
+              <p className="text-secondary-300">
+                สินค้าทุกชิ้นผ่านมาตรฐานคุณภาพ พร้อมรับประกัน
+              </p>
+            </div>
+            <div className="text-center p-6">
+              <div className="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-white mb-2">จัดส่งรวดเร็ว</h3>
+              <p className="text-secondary-300">
+                จัดส่งสินค้าทั่วประเทศ รวดเร็วและปลอดภัย
+              </p>
+            </div>
+            <div className="text-center p-6">
+              <div className="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+                <svg className="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-white mb-2">บริการหลังการขาย</h3>
+              <p className="text-secondary-300">
+                ทีมงานพร้อมให้คำปรึกษาและดูแลอย่างต่อเนื่อง
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
       {/* Highlight Products Section */}
       <section className="py-16 bg-secondary-50">
         <div className="container mx-auto px-4">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold text-secondary-900 mb-4">
-              สินค้า<span className="text-primary-600">แนะนำ</span>
+              สินค้า<span className="text-primary-600">เด่น</span>
             </h2>
             <p className="text-secondary-600 text-lg">ผลิตภัณฑ์คุณภาพสูงที่ได้รับความนิยม</p>
           </div>
@@ -121,6 +162,62 @@ export default function HomePage() {
         </div>
       </section>
 
+      {/* Featured Products Section */}
+      <section className="py-16">
+        <div className="container mx-auto px-4">
+          <div className="text-center mb-12">
+            <h2 className="section-title">
+              สินค้า<span className="text-primary-600">แนะนำ</span>
+            </h2>
+            <p className="section-subtitle">
+              ผลิตภัณฑ์คุณภาพสูงที่ได้รับความนิยมจากลูกค้า
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {featuredProducts.map((product) => (
+              <Link
+                key={product.id}
+                href={product.href}
+                className="card group"
+              >
+                <div className="relative aspect-video bg-secondary-100">
+                  <Image
+                    src={product.image}
+                    alt={product.name}
+                    fill
+                    className="object-cover group-hover:scale-105 transition-transform duration-300"
+                  />
+                  <div className="absolute top-4 left-4">
+                    <span className="industrial-badge">{product.nameEn}</span>
+                  </div>
+                </div>
+                <div className="p-6">
+                  <h3 className="text-xl font-bold text-secondary-900 mb-2 group-hover:text-primary-600 transition-colors">
+                    {product.name}
+                  </h3>
+                  <p className="text-secondary-600 text-sm mb-4">
+                    {product.shortDescription || product.description.slice(0, 100) + '...'}
+                  </p>
+                  <span className="text-primary-600 font-semibold flex items-center gap-2">
+                    ดูรายละเอียด
+                    <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+                    </svg>
+                  </span>
+                </div>
+              </Link>
+            ))}
+          </div>
+
+          <div className="text-center mt-12">
+            <Link href="/product" className="btn-secondary">
+              ดูสินค้าทั้งหมด
+            </Link>
+          </div>
+        </div>
+      </section>
+
       {/* CTA Section */}
       <section className="py-16 bg-primary-600">
         <div className="container mx-auto px-4 text-center">