{"id":1178,"date":"2026-01-28T07:39:41","date_gmt":"2026-01-28T07:39:41","guid":{"rendered":"https:\/\/www.perkasa-holding.co.id\/?page_id=1178"},"modified":"2026-01-28T10:47:36","modified_gmt":"2026-01-28T10:47:36","slug":"zoomlion","status":"publish","type":"page","link":"https:\/\/www.perkasa-holding.co.id\/?page_id=1178","title":{"rendered":"ZOOMLION"},"content":{"rendered":"

import React, { useState, useEffect } from ‘react’;
\nimport {
\nFactory,
\nPhone,
\nPackage,
\nInfo,
\nChevronRight,
\nCheckCircle,
\nMessageCircle,
\nChevronLeft,
\nSettings,
\nShieldCheck,
\nZap
\n} from ‘lucide-react’;<\/p>\n

const App = () => {
\nconst [activeTab, setActiveTab] = useState(‘home’);
\nconst [showContact, setShowContact] = useState(false);
\nconst [currentSlide, setCurrentSlide] = useState(0);<\/p>\n

const slides = [
\n{
\nbadge: “PROMO KHUSUS”,
\ntitle: “Mixer Sicoma Kini Lebih Canggih!”,
\ndescription: “Solusi terbaik untuk proyek beton Anda dengan teknologi pencampuran tersinkronisasi untuk hasil maksimal.”,
\nimage: “https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?q=80&w=1000&auto=format&fit=crop”
\n},
\n{
\nbadge: “READY STOCK”,
\ntitle: “Kapasitas 2 Sampai 4 Kubik”,
\ndescription: “Kami menyediakan stok siap kirim untuk mendukung kelancaran proyek infrastruktur Anda tanpa menunggu lama.”,
\nimage: “https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19480c5?q=80&w=1000&auto=format&fit=crop”
\n},
\n{
\nbadge: “MITRA RESMI”,
\ntitle: “Bandang Rejeki Lestari”,
\ndescription: “Distributor terpercaya untuk memastikan Anda mendapatkan unit Sicoma original dengan layanan purna jual terbaik.”,
\nimage: “https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?q=80&w=1000&auto=format&fit=crop”
\n},
\n{
\nbadge: “HARGA TERBAIK”,
\ntitle: “Miliki Sekarang Juga!”,
\ndescription: “Dapatkan penawaran harga kompetitif dan konsultasi teknis gratis dari tim ahli kami sekarang juga.”,
\nimage: “https:\/\/images.unsplash.com\/photo-1589939705384-5185138a0470?q=80&w=1000&auto=format&fit=crop”
\n}
\n];<\/p>\n

\/\/ Auto-play slider
\nuseEffect(() => {
\nif (activeTab === ‘home’) {
\nconst timer = setInterval(() => {
\nsetCurrentSlide((prev) => (prev + 1) % slides.length);
\n}, 5000);
\nreturn () => clearInterval(timer);
\n}
\n}, [activeTab]);<\/p>\n

const products = [
\n{
\nsize: “MAO 2000\/3000 (2m\u00b3)”,
\ntype: “Twin Shaft Concrete Mixer”,
\nspecs: { capacity: “3000\/2000 L”, motor: “2 x 37 kW”, weight: “8200 kg” },
\nfeatures: [“Sinkronisasi Gearbox”, “Sistem Pelumasan Otomatis”, “Ready Stock”],
\nimage: “https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19480c5?q=80&w=800&auto=format&fit=crop”
\n},
\n{
\nsize: “MAO 3000\/4500 (3m\u00b3)”,
\ntype: “Twin Shaft Concrete Mixer”,
\nspecs: { capacity: “4500\/3000 L”, motor: “2 x 55 kW”, weight: “10500 kg” },
\nfeatures: [“Teknologi Italy”, “Tahan Abrasi Tinggi”, “Ready Stock”],
\nimage: “https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?q=80&w=800&auto=format&fit=crop”
\n},
\n{
\nsize: “MAO 4000\/6000 (4m\u00b3)”,
\ntype: “Twin Shaft Concrete Mixer”,
\nspecs: { capacity: “6000\/4000 L”, motor: “2 x 75 kW”, weight: “12800 kg” },
\nfeatures: [“Kapasitas Industri Besar”, “Double Discharge Door”, “Ready Stock”],
\nimage: “https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?q=80&w=800&auto=format&fit=crop”
\n}
\n];<\/p>\n

const handleContactClick = () => {
\nsetShowContact(true);
\n};<\/p>\n

return (<\/p>\n

{\/* Header \/ Navigation *\/}<\/p>\n