Fullscreen Preview
Company Profile
Vertex Solutions
(0.0)
Download: 4x
Update: 3 days ago
Deskripsi Produks
Vertex adalah halaman company profile premium untuk perusahaan teknologi, agensi digital, dan startup yang menginginkan kehadiran online profesional dan berkesan. Dibangun dengan pendekatan mobile-first, palet warna navy-gold yang memancarkan kesan premium, serta micro-interactions halus yang membuat halaman terasa hidup. Siap deploy dalam hitungan menit, tanpa build tool atau konfigurasi apapun.
Teknologi
| Teknologi | Fungsi |
|---|---|
| HTML5 | Struktur semantik untuk SEO & aksesibilitas |
| TailwindCSS v3 (CDN) | Utility-first styling, JIT mode via CDN, zero config |
| AOS v2.3.1 | Scroll-triggered animations (once: true untuk performa) |
| Font Awesome v6.5.1 | 2.000+ ikon untuk seluruh kebutuhan UI |
| Google Fonts | Inter (body) + Playfair Display (heading) |
| Vanilla JavaScript | Semua interaktivitas murni, tanpa framework (~3KB) |
Arsitektur: Single HTML file, zero build step, zero dependency selain CDN.
Fitur Utama
Desain & Visual
- Palet navy-gold premium dengan dark/light section alternation
- Gradient text, decorative blur elements, floating stats card
- Hover effects pada semua card (lift, shadow, border highlight)
- Portfolio overlay dengan image zoom saat hover
Navigasi
- Fixed navbar: transparan di hero → solid + backdrop-blur saat scroll
- Active link highlight otomatis berdasarkan posisi scroll
- Mobile: hamburger → full-screen slide-in overlay dengan body scroll lock
- Smooth scroll dengan offset navbar yang akurat
Seksi Konten (7 Section)
- Hero — Full-viewport, background image + multi-layer gradient, badge animasi, dual CTA
- About Us — 2 kolom asimetris, floating stats card, 3 angka kunci
- Layanan — 4 service card dengan icon, staggered entrance animation
- Portofolio — Grid 2×2, hover overlay + image zoom, kategori + deskripsi proyek
- Keunggulan — Dark section, 6 advantage card dengan border hover
- Testimoni — 3 card (bintang, kutipan, avatar, nama, jabatan)
- CTA & Kontak — Banner CTA gelap + 4 kartu info kontak
Footer
- 4 kolom: info perusahaan + social links, navigasi, layanan, newsletter form dengan inline feedback
WhatsApp Float
- Fixed bottom-right, pulse animation, pre-filled message, langsung buka WhatsApp
Performa
- Gambar Unsplash dioptimasi via URL params (
auto=format,w=600,q=80) - Native
loading="lazy"pada semua gambar kecuali hero - Passive scroll listeners, AOS
once: true, CSS-only hover animations - Font preconnect untuk mengurangi latency
Responsivitas
- 4 breakpoint aktif: <640px, sm (640), md (768), lg (1024), xl (1280)
- Grid adaptif: 1→2→4 kolom sesuai layar
- Touch-friendly targets (min 44px), typography responsif
Kustomisasi
- Warna terpusat di
tailwind.config— ganti sekali, berlaku di seluruh halaman - Section modular — pindah, hapus, atau duplikasi tanpa efek samping
- Kode ter-comment dengan bahasa Inggris profesional
- Gambar & nomor WhatsApp mudah di-replace
Spesifikasi
| File | 1× HTML |
| Browser | Chrome 90+, Firefox 88+, Safari 14+, Edge 90+ |
| Build Tool | Tidak ada |
| Custom JS | ~3KB |
| Gambar | 9× Unsplash (optimized) |
| Offline Ready | Ya (dengan embed CSS/JS) |
Cocok Untuk
Perusahaan teknologi, agensi digital, konsultan, startup, firm hukum, kesehatan, pendidikan, dan bisnis korporat lainnya yang membutuhkan company page profesional tanpa ribet.
Catatan: Gambar, nomor WhatsApp, nama klien, dan testimoni bersifat placeholder — ganti dengan data asli sebelum produksi.
Ringkasan Produk
- Kategori: Company Profile
- Stack: HTML, Tailwind, Javascript, AOS, Unsplash
- SKU: TCP-75
- Status: Aktif
File yang Termasuk
HTML
Files
CSS
Files (SCSS)
JS
Files
Documentation
Gratis
- Update Terakhir: 2026-07-18
- Versi: v1.0.0
- Ukuran File: 20KB
- Lisensi: Personal & Komersial
Tags
Butuh Bantuan?
Tim support kami siap membantu Anda 24/7 untuk instalasi dan troubleshooting.
Hubungi Support
