From 0f8733e0edf39eb76caad2c9b08f1a43c80a0d8b Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 16 Mar 2026 12:03:55 +0000 Subject: [PATCH] Update src/app/products/page.tsx --- src/app/products/page.tsx | 98 +++++++++------------------------------ 1 file changed, 23 insertions(+), 75 deletions(-) diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx index dbeaf69..c81dbd1 100644 --- a/src/app/products/page.tsx +++ b/src/app/products/page.tsx @@ -6,7 +6,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour'; import FeatureCardSix from '@/components/sections/feature/FeatureCardSix'; import FaqBase from '@/components/sections/faq/FaqBase'; import FooterCard from '@/components/sections/footer/FooterCard'; -import { Facebook, Instagram, Linkedin, MessageCircle } from 'lucide-react'; +import { Facebook, Instagram, Linkedin, MessageCircle, Package, Zap, Info } from 'lucide-react'; export default function ProductsPage() { const navItems = [ @@ -44,59 +44,29 @@ export default function ProductsPage() { title="Jajaran Lengkap Forklift Hangcha" description="Kami menyediakan berbagai tipe forklift berkualitas tinggi untuk memenuhi kebutuhan spesifik operasional gudang dan industri Anda. Setiap produk dilengkapi dengan garansi resmi dan dukungan purna jual profesional." tag="Katalog Produk Lengkap" - tagIcon="Package" + tagIcon={Package} textboxLayout="default" useInvertedBackground={false} gridVariant="bento-grid" animationType="slide-up" products={[ { - id: "electric-1", - name: "Forklift Listrik CPD25", - price: "Hubungi untuk Harga", - variant: "Kapasitas 2.5 Ton", - imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineer-implements-automated-workflows-using-mockup-laptop_482257-120586.jpg?_wi=2", - imageAlt: "Forklift Listrik CPD25 Hangcha" + id: "electric-1", name: "Forklift Listrik CPD25", price: "Hubungi untuk Harga", variant: "Kapasitas 2.5 Ton", imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineer-implements-automated-workflows-using-mockup-laptop_482257-120586.jpg", imageAlt: "Forklift Listrik CPD25 Hangcha" }, { - id: "diesel-1", - name: "Forklift Diesel CPQD30", - price: "Hubungi untuk Harga", - variant: "Kapasitas 3 Ton", - imageSrc: "http://img.b2bpic.net/free-photo/woman-driving-warehouse-loading-machine_23-2148923132.jpg?_wi=2", - imageAlt: "Forklift Diesel CPQD30 Hangcha" + id: "diesel-1", name: "Forklift Diesel CPQD30", price: "Hubungi untuk Harga", variant: "Kapasitas 3 Ton", imageSrc: "http://img.b2bpic.net/free-photo/woman-driving-warehouse-loading-machine_23-2148923132.jpg", imageAlt: "Forklift Diesel CPQD30 Hangcha" }, { - id: "lithium-1", - name: "Forklift Lithium CPD20L", - price: "Hubungi untuk Harga", - variant: "Kapasitas 2 Ton", - imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg?_wi=2", - imageAlt: "Forklift Lithium CPD20L Hangcha" + id: "lithium-1", name: "Forklift Lithium CPD20L", price: "Hubungi untuk Harga", variant: "Kapasitas 2 Ton", imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg", imageAlt: "Forklift Lithium CPD20L Hangcha" }, { - id: "reach-truck", - name: "Reach Truck CQD15", - price: "Hubungi untuk Harga", - variant: "Kapasitas 1.5 Ton", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16638.jpg?_wi=2", - imageAlt: "Reach Truck CQD15 Hangcha" + id: "reach-truck", name: "Reach Truck CQD15", price: "Hubungi untuk Harga", variant: "Kapasitas 1.5 Ton", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16638.jpg", imageAlt: "Reach Truck CQD15 Hangcha" }, { - id: "pallet-stacker", - name: "Pallet Stacker Semi-Elektrik", - price: "Hubungi untuk Harga", - variant: "Kapasitas 1.5 Ton", - imageSrc: "http://img.b2bpic.net/free-photo/warehouse-scene-with-pallet-jack_23-2151994439.jpg?_wi=2", - imageAlt: "Pallet Stacker Semi-Elektrik Hangcha" + id: "pallet-stacker", name: "Pallet Stacker Semi-Elektrik", price: "Hubungi untuk Harga", variant: "Kapasitas 1.5 Ton", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-scene-with-pallet-jack_23-2151994439.jpg", imageAlt: "Pallet Stacker Semi-Elektrik Hangcha" }, { - id: "pallet-truck", - name: "Pallet Truck Manual", - price: "Hubungi untuk Harga", - variant: "Kapasitas 2 Ton", - imageSrc: "http://img.b2bpic.net/free-photo/view-carpenter-with-face-mask-pushing-pallet-jack-warehouse_637285-11765.jpg?_wi=2", - imageAlt: "Pallet Truck Manual Hangcha" + id: "pallet-truck", name: "Pallet Truck Manual", price: "Hubungi untuk Harga", variant: "Kapasitas 2 Ton", imageSrc: "http://img.b2bpic.net/free-photo/view-carpenter-with-face-mask-pushing-pallet-jack-warehouse_637285-11765.jpg", imageAlt: "Pallet Truck Manual Hangcha" } ]} buttons={[{ text: "Minta Penawaran", href: "/contact" }]} @@ -108,27 +78,21 @@ export default function ProductsPage() { title="Keunggulan Produk Hangcha" description="Setiap forklift Hangcha dirancang dengan teknologi terkini untuk memberikan performa optimal, keandalan tinggi, dan efisiensi biaya operasional yang luar biasa." tag="Teknologi Terdepan" - tagIcon="Zap" + tagIcon={Zap} textboxLayout="split" useInvertedBackground={true} features={[ { id: 1, - title: "Teknologi Ramah Lingkungan", - description: "Forklift listrik dan lithium kami menghasilkan emisi zero dengan efisiensi energi maksimal untuk operasional gudang yang berkelanjutan.", - imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineer-implements-automated-workflows-using-mockup-laptop_482257-120586.jpg?_wi=3" + title: "Teknologi Ramah Lingkungan", description: "Forklift listrik dan lithium kami menghasilkan emisi zero dengan efisiensi energi maksimal untuk operasional gudang yang berkelanjutan.", imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineer-implements-automated-workflows-using-mockup-laptop_482257-120586.jpg" }, { id: 2, - title: "Daya Angkat Powerful", - description: "Kapasitas angkat hingga 10 ton dengan sistem hidrolik canggih untuk menangani beban berat dengan aman dan efisien.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-driving-warehouse-loading-machine_23-2148923132.jpg?_wi=3" + title: "Daya Angkat Powerful", description: "Kapasitas angkat hingga 10 ton dengan sistem hidrolik canggih untuk menangani beban berat dengan aman dan efisien.", imageSrc: "http://img.b2bpic.net/free-photo/woman-driving-warehouse-loading-machine_23-2148923132.jpg" }, { id: 3, - title: "Desain Ergonomis", - description: "Kabin operator yang luas dengan suspension system terbaik untuk kenyamanan maksimal selama operasional seharian penuh.", - imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg?_wi=3" + title: "Desain Ergonomis", description: "Kabin operator yang luas dengan suspension system terbaik untuk kenyamanan maksimal selama operasional seharian penuh.", imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg" } ]} /> @@ -139,41 +103,29 @@ export default function ProductsPage() { title="Informasi Produk Forklift Hangcha" description="Pelajari lebih lanjut tentang spesifikasi, fitur, dan pilihan pembelian untuk semua tipe forklift Hangcha yang tersedia." tag="Detail Produk" - tagIcon="Info" + tagIcon={Info} textboxLayout="default" useInvertedBackground={false} faqsAnimation="slide-up" showCard={true} faqs={[ { - id: "1", - title: "Bagaimana cara memilih forklift yang tepat untuk bisnis saya?", - content: "Pertimbangkan kebutuhan operasional Anda: kapasitas beban, frekuensi penggunaan, area operasional (indoor/outdoor), dan budget. Tim ahli kami siap membantu Anda memilih tipe forklift yang paling sesuai dengan konsultasi gratis." + id: "1", title: "Bagaimana cara memilih forklift yang tepat untuk bisnis saya?", content: "Pertimbangkan kebutuhan operasional Anda: kapasitas beban, frekuensi penggunaan, area operasional (indoor/outdoor), dan budget. Tim ahli kami siap membantu Anda memilih tipe forklift yang paling sesuai dengan konsultasi gratis." }, { - id: "2", - title: "Apa saja jenis forklift Hangcha yang tersedia?", - content: "Kami menyediakan forklift listrik (ramah lingkungan), diesel (powerful), lithium (daya tahan tinggi), reach truck (untuk area sempit), dan pallet stacker (semi-elektrik dan manual)." + id: "2", title: "Apa saja jenis forklift Hangcha yang tersedia?", content: "Kami menyediakan forklift listrik (ramah lingkungan), diesel (powerful), lithium (daya tahan tinggi), reach truck (untuk area sempit), dan pallet stacker (semi-elektrik dan manual)." }, { - id: "3", - title: "Berapa lama umur forklift Hangcha?", - content: "Dengan perawatan rutin yang baik, forklift Hangcha dapat bertahan 8-10 tahun atau lebih. Kami menyediakan paket maintenance komprehensif untuk memaksimalkan umur operasional." + id: "3", title: "Berapa lama umur forklift Hangcha?", content: "Dengan perawatan rutin yang baik, forklift Hangcha dapat bertahan 8-10 tahun atau lebih. Kami menyediakan paket maintenance komprehensif untuk memaksimalkan umur operasional." }, { - id: "4", - title: "Apakah semua forklift Hangcha dilengkapi dengan sertifikasi keselamatan?", - content: "Ya, semua forklift kami telah lulus sertifikasi keselamatan internasional dan lokal. Kami juga menyediakan pelatihan operator gratis untuk memastikan penggunaan yang aman." + id: "4", title: "Apakah semua forklift Hangcha dilengkapi dengan sertifikasi keselamatan?", content: "Ya, semua forklift kami telah lulus sertifikasi keselamatan internasional dan lokal. Kami juga menyediakan pelatihan operator gratis untuk memastikan penggunaan yang aman." }, { - id: "5", - title: "Berapa biaya operasional forklift listrik vs diesel?", - content: "Forklift listrik memiliki biaya operasional lebih rendah (70-80% lebih hemat dari diesel) dengan maintenance lebih sederhana, meski investasi awal sedikit lebih tinggi." + id: "5", title: "Berapa biaya operasional forklift listrik vs diesel?", content: "Forklift listrik memiliki biaya operasional lebih rendah (70-80% lebih hemat dari diesel) dengan maintenance lebih sederhana, meski investasi awal sedikit lebih tinggi." }, { - id: "6", - title: "Apakah tersedia opsi pembayaran cicilan?", - content: "Ya, kami menawarkan berbagai skema pembiayaan yang fleksibel termasuk leasing, cicilan tanpa bunga, dan trade-in program untuk memudahkan Anda memiliki forklift berkualitas." + id: "6", title: "Apakah tersedia opsi pembayaran cicilan?", content: "Ya, kami menawarkan berbagai skema pembiayaan yang fleksibel termasuk leasing, cicilan tanpa bunga, dan trade-in program untuk memudahkan Anda memiliki forklift berkualitas." } ]} /> @@ -186,23 +138,19 @@ export default function ProductsPage() { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/hangchaindonesia", - ariaLabel: "Facebook Hangcha Indonesia" + href: "https://facebook.com/hangchaindonesia", ariaLabel: "Facebook Hangcha Indonesia" }, { icon: Instagram, - href: "https://instagram.com/hangchaindonesia", - ariaLabel: "Instagram Hangcha Indonesia" + href: "https://instagram.com/hangchaindonesia", ariaLabel: "Instagram Hangcha Indonesia" }, { icon: Linkedin, - href: "https://linkedin.com/company/hangcha-indonesia", - ariaLabel: "LinkedIn Hangcha Indonesia" + href: "https://linkedin.com/company/hangcha-indonesia", ariaLabel: "LinkedIn Hangcha Indonesia" }, { icon: MessageCircle, - href: "https://wa.me/6281234567890", - ariaLabel: "WhatsApp Hangcha Indonesia" + href: "https://wa.me/6281234567890", ariaLabel: "WhatsApp Hangcha Indonesia" } ]} />