import React, { useState, useEffect } from ‘react’;
\nimport {
\n Factory,
\n Phone,
\n Package,
\n Info,
\n ChevronRight,
\n CheckCircle,
\n MessageCircle,
\n ChevronLeft
\n} from ‘lucide-react’;<\/p>\n
const App = () => {
\n const [activeTab, setActiveTab] = useState(‘home’);
\n const [showContact, setShowContact] = useState(false);
\n const [currentSlide, setCurrentSlide] = useState(0);<\/p>\n
const slides = [
\n {
\n badge: “PROMO KHUSUS”,
\n title: “Mixer Sicoma Kini Lebih Canggih!”,
\n description: “Solusi terbaik untuk proyek beton Anda dengan teknologi pencampuran tersinkronisasi untuk hasil maksimal.”,
\n image: “https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?q=80&w=1000&auto=format&fit=crop”
\n },
\n {
\n badge: “READY STOCK”,
\n title: “Kapasitas 2 Sampai 4 Kubik”,
\n description: “Kami menyediakan stok siap kirim untuk mendukung kelancaran proyek infrastruktur Anda tanpa menunggu lama.”,
\n image: “https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19480c5?q=80&w=1000&auto=format&fit=crop”
\n },
\n {
\n badge: “MITRA RESMI”,
\n title: “Bandang Rejeki Lestari”,
\n description: “Distributor terpercaya untuk memastikan Anda mendapatkan unit Sicoma original dengan layanan purna jual terbaik.”,
\n image: “https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?q=80&w=1000&auto=format&fit=crop”
\n },
\n {
\n badge: “HARGA TERBAIK”,
\n title: “Miliki Sekarang Juga!”,
\n description: “Dapatkan penawaran harga kompetitif dan konsultasi teknis gratis dari tim ahli kami sekarang juga.”,
\n image: “https:\/\/images.unsplash.com\/photo-1589939705384-5185138a0470?q=80&w=1000&auto=format&fit=crop”
\n }
\n ];<\/p>\n
\/\/ Auto-play slider
\n useEffect(() => {
\n if (activeTab === ‘home’) {
\n const timer = setInterval(() => {
\n setCurrentSlide((prev) => (prev + 1) % slides.length);
\n }, 5000);
\n return () => clearInterval(timer);
\n }
\n }, [activeTab]);<\/p>\n
const products = [
\n {
\n size: “2 Kubik”,
\n type: “Twin Shaft Concrete Mixer”,
\n features: [“Efisiensi Tinggi”, “Tahan Lama”, “Ready Stock”]
\n },
\n {
\n size: “3 Kubik”,
\n type: “Twin Shaft Concrete Mixer”,
\n features: [“Teknologi Terbaru”, “Maintenance Mudah”, “Ready Stock”]
\n },
\n {
\n size: “4 Kubik”,
\n type: “Twin Shaft Concrete Mixer”,
\n features: [“Kapasitas Besar”, “Automated System”, “Ready Stock”]
\n }
\n ];<\/p>\n
const handleContactClick = () => {
\n setShowContact(true);
\n };<\/p>\n
return (<\/p>\n