Jasa Desain Laminar Air Flow (LAF) Kustom & Terstandar - RancangKimia /* CSS VARIABLES & RESET */ :root { --primary: #004d40; /* Clinical Teal/Green */ --secondary: #e0f2f1; /* Cleanroom Light */ --accent: #ffab00; /* Engineering Orange */ --whatsapp: #25d366; --dark: #263238; --text-grey: #546e7a; --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--font-main); color: var(--dark); line-height: 1.6; padding-bottom: 80px; background-color: #fff; } a { text-decoration: none; color: inherit; transition: 0.3s; } ul { list-style-position: inside; } /* UTILITY CLASSES */ .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .text-center { text-align: center; } .btn { display: inline-block; padding: 12px 25px; border-radius: 6px; font-weight: bold; cursor: pointer; border: none; font-size: 1rem; } .btn-primary { background-color: var(--accent); color: var(--dark); } .btn-primary:hover { background-color: #ff9100; transform: translateY(-2px); } .btn-outline { border: 2px solid #fff; color: #fff; background: transparent; } .btn-outline:hover { background: rgba(255,255,255,0.1); } /* HEADER */ header { background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 15px 0; position: sticky; top: 0; z-index: 1000; } .nav-flex { display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 1.5rem; font-weight: 800; color: var(--primary); } .logo span { color: var(--accent); } /* 1. HERO SECTION (LINK GAMBAR 1) */ .hero { background: linear-gradient(rgba(0, 77, 64, 0.9), rgba(0, 77, 64, 0.8)), url('https://rancangkimia.com/st0rage/2026/02/Jasa-Desain-Laminar-Air-Flow-LAF-1.webp'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; } .hero h1 { font-size: 2.5rem; margin-bottom: 20px; line-height: 1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 800px; margin-left: auto; margin-right: auto; opacity: 0.95; } .hero-buttons { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } /* PROMISE SECTION */ .promise { background-color: var(--accent); color: var(--dark); padding: 30px 0; font-weight: 700; font-size: 1.2rem; box-shadow: 0 4px 6px rgba(0,0,0,0.05); } /* TRUST SIGNALS */ .trust-signals { background-color: var(--secondary); padding: 50px 0; border-top: 1px solid #cfd8dc; border-bottom: 1px solid #cfd8dc; } .trust-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; text-align: center; } .trust-item { flex: 1 1 200px; max-width: 250px; } .trust-icon { font-size: 2.5rem; margin-bottom: 15px; color: var(--primary); } /* FEATURES / DROPDOWN SECTION */ .section { padding: 60px 0; } .section-title { font-size: 2rem; color: var(--primary); margin-bottom: 40px; text-align: center; position: relative; font-weight: 700; } .section-title::after { content: ''; display: block; width: 60px; height: 4px; background: var(--accent); margin: 15px auto; } .dropdown-item { border: 1px solid #cfd8dc; margin-bottom: 15px; border-radius: 8px; overflow: hidden; background: white; } .dropdown-header { background: #fff; padding: 18px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: var(--primary); transition: background 0.2s; } .dropdown-header:hover { background: var(--secondary); } .dropdown-header::after { content: '+'; font-size: 1.5rem; color: var(--accent); font-weight: bold; } .dropdown-header.active::after { content: '-'; } .dropdown-content { display: none; padding: 25px; background: #eceff1; border-top: 1px solid #cfd8dc; color: var(--text-grey); } .dropdown-content.show { display: block; } /* ARTICLE & COMPARISON */ .article-content { background: #fff; text-align: justify; padding: 40px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .article-content h2, .article-content h3 { color: var(--primary); margin-top: 30px; margin-bottom: 15px; } .article-content p { margin-bottom: 15px; font-size: 1.05rem; } .comparison-table { width: 100%; border-collapse: collapse; margin: 30px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow-x: auto; display: block; } .comparison-table th, .comparison-table td { border: 1px solid #cfd8dc; padding: 15px; text-align: left; min-width: 150px; } .comparison-table th { background-color: var(--primary); color: white; } .comparison-table tr:nth-child(even) { background-color: #eceff1; } /* GALLERY GRID */ .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; } .gallery-item { position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); background: white; } .gallery-item img { width: 100%; height: 250px; object-fit: cover; transition: transform 0.4s; display: block; } .gallery-item:hover img { transform: scale(1.05); } .gallery-caption { padding: 15px; background: white; font-size: 0.95rem; font-weight: 600; text-align: center; color: var(--primary); border-top: 1px solid #eee; } /* FAQ SECTION */ .faq-details { margin-bottom: 15px; border: 1px solid #cfd8dc; border-radius: 5px; overflow: hidden; } .faq-summary { background: white; padding: 15px; font-weight: bold; cursor: pointer; list-style: none; position: relative; transition: 0.3s; display: flex; align-items: center; } .faq-summary:hover { background-color: #eceff1; } .faq-summary::before { content: "Q"; color: var(--accent); font-weight: 900; margin-right: 15px; font-size: 1.2rem; } .faq-answer { display: none; padding: 20px; background: #fff; color: var(--text-grey); border-top: 1px solid #cfd8dc; line-height: 1.7; } .faq-answer.show { display: block; } /* FOOTER & MAP */ footer { background: var(--dark); color: white; padding: 40px 0 20px; margin-top: 60px; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.1); } .footer-brand { flex: 1 1 300px; } .footer-brand h3 { color: var(--accent); margin-bottom: 15px; } /* Map Styles Updated */ .footer-map { flex: 1 1 300px; min-width: 300px; border-radius: 8px; overflow: hidden; border: 2px solid var(--accent); background: #eee; } .footer-map iframe { display: block; } /* Iframe size handled by inline attribute from user */ .footer-contact { flex: 1 1 200px; } .footer-bottom { text-align: center; margin-top: 20px; font-size: 0.8rem; color: #b0bec5; } /* STICKY CTA */ .sticky-cta { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 400px; background-color: var(--whatsapp); color: white; text-decoration: none; padding: 15px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); font-weight: bold; font-size: 1.1rem; z-index: 999; display: flex; justify-content: center; align-items: center; gap: 10px; animation: pulse 2s infinite; } .sticky-cta:hover { background-color: #1ebe57; color: white; } .sticky-cta img { width: 24px; height: 24px; filter: brightness(0) invert(1); } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } /* MOBILE RESPONSIVE */ @media (max-width: 768px) { .hero h1 { font-size: 1.8rem; } .hero p { font-size: 1rem; } .nav-flex { flex-direction: column; gap: 10px; } .hero-buttons { flex-direction: column; width: 100%; } .hero-buttons .btn { width: 100%; text-align: center; } .gallery-grid { grid-template-columns: 1fr; } .footer-content { flex-direction: column; } .footer-map { width: 100%; min-width: auto; } }

Jasa Desain Laminar Air Flow (LAF) Kustom

Layanan rancang bangun unit kerja steril (Clean Bench) yang disesuaikan dengan dimensi ruangan dan kebutuhan mikrobiologi Anda, menjamin lingkungan ISO Class 5 yang tervalidasi.

"Solusi Ruang Steril Presisi: Desain Kustom, Material Tahan Karat, dan Teruji Klinis. Kami menyesuaikan alat dengan alur kerja Anda, bukan sebaliknya."

Legalitas Manufaktur

Brand resmi PT JAYRAKS dengan fabrikasi lokal di Bogor.

⚙️

Keahlian Teknis

Didukung tim ahli Air Engineering & Water Engineering.

🛡️

Purna Jual Terjamin

Akses mudah untuk servis, kalibrasi, dan filter cadangan.

🤝

Fokus Solusi

Pendekatan konsultasi desain teknis, bukan sekadar jual produk.

Mengapa Memilih LAF Kustom Kami?

Galeri Realisasi Produk

Spesifikasi Teknis & Perbandingan Material

Memilih material yang tepat untuk Laminar Air Flow adalah investasi jangka panjang. Kami menyediakan perbandingan objektif antara material Polypropylene yang kami gunakan dibandingkan dengan material standar pasar.

Fitur / Material RancangKimia (Polypropylene) Stainless Steel 304 Multiplex/HPL
Ketahanan Korosi (Asam Kuat) ⭐⭐⭐⭐⭐ (Sangat Tahan) ⭐⭐ (Rentan Pitting) ⭐ (Tidak Tahan)
Masa Pakai (Durability) > 15 Tahun 10-15 Tahun 3-5 Tahun
Kemudahan Pembersihan Sangat Mudah Mudah Sulit (Berpori)
Fleksibilitas Desain Tinggi (Las Plastik) Sedang Tinggi

Frequently Asked Questions

Berapa lama waktu fabrikasi untuk LAF Kustom?
Standar waktu pengerjaan kami adalah 14-21 hari kerja, tergantung kompleksitas dimensi dan antrian produksi di workshop Bogor kami.
Apakah sudah termasuk sertifikat kalibrasi?
Ya, setiap unit yang kami kirimkan sudah melalui uji fungsi internal. Untuk sertifikat kalibrasi eksternal (KAN), kami dapat memfasilitasi dengan biaya tambahan sesuai tarif laboratorium kalibrasi rekanan.
Bagaimana dengan pengiriman ke luar Jabodetabek?
Kami melayani pengiriman ke seluruh Indonesia menggunakan ekspedisi kargo yang aman dengan packing kayu (palet) standar ekspor untuk menjamin keamanan unit dan kaca/akrilik.
WA Konsultasi via WhatsApp // Dropdown Feature Script const headers = document.querySelectorAll('.dropdown-header'); headers.forEach(header => { header.addEventListener('click', () => { header.classList.toggle('active'); const content = header.nextElementSibling; content.classList.toggle('show'); }); }); // FAQ Script const faqSummaries = document.querySelectorAll('.faq-summary'); faqSummaries.forEach(summary => { summary.addEventListener('click', () => { const answer = summary.nextElementSibling; answer.classList.toggle('show'); }); });