Merge version_1 into main #4

Merged
bender merged 3 commits from version_1 into main 2026-03-03 14:30:26 +00:00
3 changed files with 65 additions and 250 deletions

View File

@@ -5,36 +5,21 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
variable: "--font-montserrat", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "NETRIX - TKJ Education Platform for Indonesian Schools",
description: "NETRIX is Indonesia's leading AI-powered learning platform for Teknik Komputer & Jaringan. Virtual labs, AI tutoring, teacher dashboards, and BNSP certification prep.",
keywords: "TKJ education, network engineering learning, BNSP certification, Indonesia vocational school, AI tutor, virtual labs, Cisco CCNA, networking training",
metadataBase: new URL("https://netrix.edu"),
title: "NETRIX - TKJ Education Platform for Indonesian Schools", description: "NETRIX is Indonesia's leading AI-powered learning platform for Teknik Komputer & Jaringan. Virtual labs, AI tutoring, teacher dashboards, and BNSP certification prep.", keywords: "TKJ education, network engineering learning, BNSP certification, Indonesia vocational school, AI tutor, virtual labs, Cisco CCNA, networking training", metadataBase: new URL("https://netrix.edu"),
alternates: {
canonical: "https://netrix.edu",
},
canonical: "https://netrix.edu"},
openGraph: {
title: "NETRIX - Transform TKJ Education Across Indonesia",
description: "Complete AI-powered learning ecosystem for Computer & Network Engineering students and teachers.",
url: "https://netrix.edu",
siteName: "NETRIX",
images: [
title: "NETRIX - Transform TKJ Education Across Indonesia", description: "Complete AI-powered learning ecosystem for Computer & Network Engineering students and teachers.", url: "https://netrix.edu", siteName: "NETRIX", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-clean-software-dashboard-interf-1772547861750-c98c930e.png",
alt: "NETRIX Teacher Dashboard",
},
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-clean-software-dashboard-interf-1772547861750-c98c930e.png", alt: "NETRIX Teacher Dashboard"},
],
type: "website",
},
type: "website"},
twitter: {
card: "summary_large_image",
title: "NETRIX - TKJ Learning Platform",
description: "AI-powered education platform for Indonesian Computer & Network Engineering programs",
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-clean-software-dashboard-interf-1772547861750-c98c930e.png"],
card: "summary_large_image", title: "NETRIX - TKJ Learning Platform", description: "AI-powered education platform for Indonesian Computer & Network Engineering programs", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-clean-software-dashboard-interf-1772547861750-c98c930e.png"],
},
robots: {
index: true,

View File

@@ -55,13 +55,9 @@ export default function HomePage() {
description="NETRIX is Indonesia's premier AI-powered learning platform designed specifically for Teknik Komputer & Jaringan (TKJ) education. Connect with your instructor community, access interactive labs, and progress from fundamentals to industry certifications with real-time mentorship and hands-on simulations."
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-clean-software-dashboard-interf-1772547861750-c98c930e.png?_wi=1",
imageAlt: "NETRIX Teacher Dashboard with analytics and student progress tracking",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-clean-software-dashboard-interf-1772547861750-c98c930e.png", imageAlt: "NETRIX Teacher Dashboard with analytics and student progress tracking"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-interactive-network-laboratory-simula-1772547866189-2847adf8.png?_wi=1",
imageAlt: "Interactive network lab simulation environment with routing configuration",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-interactive-network-laboratory-simula-1772547866189-2847adf8.png", imageAlt: "Interactive network lab simulation environment with routing configuration"},
]}
rating={5}
ratingText="Trusted by 150+ SMK Schools Across Indonesia"
@@ -83,37 +79,17 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Interactive Virtual Labs",
description: "Cloud-based GNS3/Wireshark labs accessible from any device. Practice router configuration, switch management, VLAN setup, and troubleshooting without expensive hardware. Supports Cisco, MikroTik, and Ubiquiti equipment.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-networking-lab-interface-showi-1772547861040-b7594ac2.png?_wi=1",
imageAlt: "Virtual lab interface showing network topology configuration",
},
title: "Interactive Virtual Labs", description: "Cloud-based GNS3/Wireshark labs accessible from any device. Practice router configuration, switch management, VLAN setup, and troubleshooting without expensive hardware. Supports Cisco, MikroTik, and Ubiquiti equipment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-networking-lab-interface-showi-1772547861040-b7594ac2.png", imageAlt: "Virtual lab interface showing network topology configuration"},
{
title: "AI-Powered Tutor (NETRIX Assistant)",
description: "Fine-tuned Indonesian AI assistant specialized in TKJ concepts. Get instant help with subnetting calculations, configuration debugging, troubleshooting logic, and complex networking concepts. Explains step-by-step with visual diagrams.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-ai-chat-interface-for-a-learning-assi-1772547862054-9cf3967e.png?_wi=1",
imageAlt: "AI tutor interface with networking problem explanation",
},
title: "AI-Powered Tutor (NETRIX Assistant)", description: "Fine-tuned Indonesian AI assistant specialized in TKJ concepts. Get instant help with subnetting calculations, configuration debugging, troubleshooting logic, and complex networking concepts. Explains step-by-step with visual diagrams.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-ai-chat-interface-for-a-learning-assi-1772547862054-9cf3967e.png", imageAlt: "AI tutor interface with networking problem explanation"},
{
title: "Curriculum Alignment to KKNI & BNSP",
description: "Content mapped to Indonesian national qualifications framework and BNSP certification standards. Covers OSI layers, IP addressing, subnetting, routing, switching, security, and automation with Python/Ansible scripting.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-structured-curriculum-dashboard-showin-1772547861227-239e064e.png?_wi=1",
imageAlt: "Curriculum modules organized by KKNI competency levels",
},
title: "Curriculum Alignment to KKNI & BNSP", description: "Content mapped to Indonesian national qualifications framework and BNSP certification standards. Covers OSI layers, IP addressing, subnetting, routing, switching, security, and automation with Python/Ansible scripting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-structured-curriculum-dashboard-showin-1772547861227-239e064e.png", imageAlt: "Curriculum modules organized by KKNI competency levels"},
{
title: "Intelligent Practice Assessment",
description: "Adaptive question bank covering entry-level through professional certifications (CCNA, MTCNA, CompTIA Network+). Real-time feedback, detailed explanations, and performance analytics to guide learning progress.",
},
title: "Intelligent Practice Assessment", description: "Adaptive question bank covering entry-level through professional certifications (CCNA, MTCNA, CompTIA Network+). Real-time feedback, detailed explanations, and performance analytics to guide learning progress.", videoSrc: "", videoAriaLabel: "Assessment demonstration"},
{
title: "Teacher Dashboard & Analytics",
description: "Comprehensive class management portal. Track student progress, assign practical labs, review configurations, generate performance reports, and identify struggling students automatically. Support for 1-to-1 and classroom teaching.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-teacher-dashboard-with-m-1772547861308-8355f140.png?_wi=1",
imageAlt: "Teacher dashboard showing student progress analytics",
},
title: "Teacher Dashboard & Analytics", description: "Comprehensive class management portal. Track student progress, assign practical labs, review configurations, generate performance reports, and identify struggling students automatically. Support for 1-to-1 and classroom teaching.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-teacher-dashboard-with-m-1772547861308-8355f140.png", imageAlt: "Teacher dashboard showing student progress analytics"},
{
title: "Collaborative Configuration Repository",
description: "Shared workspace for students and instructors to upload, discuss, and validate network configurations and Python automation scripts. Community-driven knowledge base with peer feedback and expert review.",
},
title: "Collaborative Configuration Repository", description: "Shared workspace for students and instructors to upload, discuss, and validate network configurations and Python automation scripts. Community-driven knowledge base with peer feedback and expert review.", videoSrc: "", videoAriaLabel: "Configuration repository demonstration"},
]}
textboxLayout="default"
gridVariant="one-large-right-three-stacked-left"
@@ -128,10 +104,7 @@ export default function HomePage() {
heading={[
{ type: "text", content: "Why Indonesian Schools Choose" },
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/the-netrix-brand-logo-a-modern-tech-forw-1772547860400-7f780ce7.png",
alt: "NETRIX logo",
},
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/the-netrix-brand-logo-a-modern-tech-forw-1772547860400-7f780ce7.png", alt: "NETRIX logo"},
]}
useInvertedBackground={true}
buttons={[{ text: "Explore Full Platform", href: "/features" }]}
@@ -148,44 +121,20 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "150+",
title: "Schools Onboarded Across Indonesia",
items: [
"Coverage from Sabang to Merauke",
"20,000+ active student accounts",
"Continuous regional expansion",
],
id: "1", value: "150+", title: "Schools Onboarded Across Indonesia", items: [
"Coverage from Sabang to Merauke", "20,000+ active student accounts", "Continuous regional expansion"],
},
{
id: "2",
value: "92%",
title: "Student Certification Pass Rate",
items: [
"BNSP and CCNA preparation",
"Industry-recognized credentials",
"Career advancement support",
],
id: "2", value: "92%", title: "Student Certification Pass Rate", items: [
"BNSP and CCNA preparation", "Industry-recognized credentials", "Career advancement support"],
},
{
id: "3",
value: "45,000+",
title: "Lab Hours Completed Monthly",
items: [
"Real-world networking scenarios",
"Multi-vendor equipment practice",
"Troubleshooting mastery pathway",
],
id: "3", value: "45,000+", title: "Lab Hours Completed Monthly", items: [
"Real-world networking scenarios", "Multi-vendor equipment practice", "Troubleshooting mastery pathway"],
},
{
id: "4",
value: "4.9/5",
title: "Average Teacher Satisfaction",
items: [
"Intuitive platform design",
"Responsive support team",
"Regular feature updates",
],
id: "4", value: "4.9/5", title: "Average Teacher Satisfaction", items: [
"Intuitive platform design", "Responsive support team", "Regular feature updates"],
},
]}
textboxLayout="default"
@@ -203,15 +152,7 @@ export default function HomePage() {
tagIcon={Award}
tagAnimation="slide-up"
names={[
"SMK Negeri 1 Jakarta Timur",
"SMK Telkom Bandung",
"SMK Negeri 3 Surabaya",
"SMK Budi Utomo Yogyakarta",
"SMK Negeri 2 Medan",
"SMK Negeri 1 Denpasar",
"SMK Negeri 4 Semarang",
"SMK Negeri 1 Makassar",
]}
"SMK Negeri 1 Jakarta Timur", "SMK Telkom Bandung", "SMK Negeri 3 Surabaya", "SMK Budi Utomo Yogyakarta", "SMK Negeri 2 Medan", "SMK Negeri 1 Denpasar", "SMK Negeri 4 Semarang", "SMK Negeri 1 Makassar"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -229,59 +170,23 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Budi Hartono",
role: "TKJ Program Lead",
company: "SMK Negeri 1 Jakarta",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/professional-portrait-photograph-of-an-i-1772547859704-e5c6cef8.png",
imageAlt: "Portrait of Budi Hartono, TKJ Program Lead",
},
id: "1", name: "Budi Hartono", role: "TKJ Program Lead", company: "SMK Negeri 1 Jakarta", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/professional-portrait-photograph-of-an-i-1772547859704-e5c6cef8.png", imageAlt: "Portrait of Budi Hartono, TKJ Program Lead"},
{
id: "2",
name: "Siti Nurhaliza",
role: "Network Engineering Teacher",
company: "SMK Telkom Bandung",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/professional-portrait-of-an-indonesian-f-1772547859747-07fd8353.png",
imageAlt: "Portrait of Siti Nurhaliza, Network Engineer Teacher",
},
id: "2", name: "Siti Nurhaliza", role: "Network Engineering Teacher", company: "SMK Telkom Bandung", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/professional-portrait-of-an-indonesian-f-1772547859747-07fd8353.png", imageAlt: "Portrait of Siti Nurhaliza, Network Engineer Teacher"},
{
id: "3",
name: "Raka Maulana",
role: "Grade 12 Student",
company: "SMK Negeri 3 Surabaya",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/portrait-of-an-indonesian-male-student-a-1772547859786-25088c5e.png",
imageAlt: "Portrait of Raka Maulana, Grade 12 Student",
},
id: "3", name: "Raka Maulana", role: "Grade 12 Student", company: "SMK Negeri 3 Surabaya", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/portrait-of-an-indonesian-male-student-a-1772547859786-25088c5e.png", imageAlt: "Portrait of Raka Maulana, Grade 12 Student"},
{
id: "4",
name: "Dewi Lestari",
role: "Grade 11 Student",
company: "SMK Budi Utomo Yogyakarta",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/portrait-of-an-indonesian-female-student-1772547859763-0e485622.png",
imageAlt: "Portrait of Dewi Lestari, Grade 11 Student",
},
id: "4", name: "Dewi Lestari", role: "Grade 11 Student", company: "SMK Budi Utomo Yogyakarta", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/portrait-of-an-indonesian-female-student-1772547859763-0e485622.png", imageAlt: "Portrait of Dewi Lestari, Grade 11 Student"},
{
id: "5",
name: "Dr. Wisnu Subroto",
role: "School Principal",
company: "SMK Negeri 2 Medan",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/professional-portrait-of-an-indonesian-m-1772547859535-90412d45.png",
imageAlt: "Portrait of Dr. Wisnu Subroto, School Principal",
},
id: "5", name: "Dr. Wisnu Subroto", role: "School Principal", company: "SMK Negeri 2 Medan", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/professional-portrait-of-an-indonesian-m-1772547859535-90412d45.png", imageAlt: "Portrait of Dr. Wisnu Subroto, School Principal"},
{
id: "6",
name: "Ahmad Wijaya",
role: "Network Technician Graduate",
company: "Now Working at PT Telkom",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/portrait-of-a-young-indonesian-male-prof-1772547859660-edfc7556.png",
imageAlt: "Portrait of Ahmad Wijaya, Network Technician Graduate",
},
id: "6", name: "Ahmad Wijaya", role: "Network Technician Graduate", company: "Now Working at PT Telkom", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/portrait-of-a-young-indonesian-male-prof-1772547859660-edfc7556.png", imageAlt: "Portrait of Ahmad Wijaya, Network Technician Graduate"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -301,45 +206,21 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "Bagaimana cara sekolah saya memulai dengan NETRIX?",
content: "<p>Proses onboarding mudah dan hanya membutuhkan 3 langkah:</p><ol><li><strong>Hubungi tim sales kami</strong> untuk konsultasi kebutuhan sekolah Anda</li><li><strong>Kami menyiapkan akun administrator</strong> dan melakukan pelatihan staff 2-3 jam</li><li><strong>Mulai mengundang guru dan siswa</strong> ke platform dalam hitungan hari</li></ol><p>Seluruh proses dari hubungan pertama hingga go-live biasanya 2 minggu. Tim dukungan kami siap membantu di setiap langkah.</p>",
},
id: "1", title: "Bagaimana cara sekolah saya memulai dengan NETRIX?", content: "<p>Proses onboarding mudah dan hanya membutuhkan 3 langkah:</p><ol><li><strong>Hubungi tim sales kami</strong> untuk konsultasi kebutuhan sekolah Anda</li><li><strong>Kami menyiapkan akun administrator</strong> dan melakukan pelatihan staff 2-3 jam</li><li><strong>Mulai mengundang guru dan siswa</strong> ke platform dalam hitungan hari</li></ol><p>Seluruh proses dari hubungan pertama hingga go-live biasanya 2 minggu. Tim dukungan kami siap membantu di setiap langkah.</p>"},
{
id: "2",
title: "Apakah NETRIX memerlukan investasi hardware khusus?",
content: "<p><strong>Tidak.</strong> NETRIX dirancang untuk bekerja dengan infrastruktur sekolah yang sudah ada:</p><ul><li><strong>Virtual labs berbasis cloud</strong> - tidak perlu router/switch fisik mahal</li><li><strong>Aksesibel dari browser</strong> di laptop, desktop, atau bahkan tablet</li><li><strong>Kompatibel dengan komputer spesifikasi rendah</strong> - berjalan smooth di perangkat 5+ tahun lalu</li><li><strong>Mode offline tersedia</strong> - download materi untuk akses tanpa internet</li></ul><p>Satu-satunya kebutuhan: koneksi internet stabil 2 Mbps untuk lab interaktif.</p>",
},
id: "2", title: "Apakah NETRIX memerlukan investasi hardware khusus?", content: "<p><strong>Tidak.</strong> NETRIX dirancang untuk bekerja dengan infrastruktur sekolah yang sudah ada:</p><ul><li><strong>Virtual labs berbasis cloud</strong> - tidak perlu router/switch fisik mahal</li><li><strong>Aksesibel dari browser</strong> di laptop, desktop, atau bahkan tablet</li><li><strong>Kompatibel dengan komputer spesifikasi rendah</strong> - berjalan smooth di perangkat 5+ tahun lalu</li><li><strong>Mode offline tersedia</strong> - download materi untuk akses tanpa internet</li></ul><p>Satu-satunya kebutuhan: koneksi internet stabil 2 Mbps untuk lab interaktif.</p>"},
{
id: "3",
title: "Bagaimana fitur AI tutor NETRIX bekerja?",
content: "<p>NETRIX Assistant adalah AI yang dilatih khusus untuk TKJ bahasa Indonesia:</p><ul><li><strong>Memahami istilah TKJ</strong> - subnetting, routing, VLAN, troubleshooting, dll</li><li><strong>Menjelaskan step-by-step</strong> - tidak hanya memberi jawaban, tapi mengajarkan logika</li><li><strong>Membaca konfigurasi</strong> - paste konfigurasi router/switch, AI akan analisis dan beri saran</li><li><strong>Visual diagrams</strong> - menjelaskan konsep dengan diagram ASCII dan infografis</li><li><strong>Tersedia 24/7</strong> - siswa bisa belajar kapan saja tanpa tunggu guru</li></ul><p>AI kami telah diuji oleh 5,000+ siswa dengan rating 4.8/5 untuk kejelasan penjelasan.</p>",
},
id: "3", title: "Bagaimana fitur AI tutor NETRIX bekerja?", content: "<p>NETRIX Assistant adalah AI yang dilatih khusus untuk TKJ bahasa Indonesia:</p><ul><li><strong>Memahami istilah TKJ</strong> - subnetting, routing, VLAN, troubleshooting, dll</li><li><strong>Menjelaskan step-by-step</strong> - tidak hanya memberi jawaban, tapi mengajarkan logika</li><li><strong>Membaca konfigurasi</strong> - paste konfigurasi router/switch, AI akan analisis dan beri saran</li><li><strong>Visual diagrams</strong> - menjelaskan konsep dengan diagram ASCII dan infografis</li><li><strong>Tersedia 24/7</strong> - siswa bisa belajar kapan saja tanpa tunggu guru</li></ul><p>AI kami telah diuji oleh 5,000+ siswa dengan rating 4.8/5 untuk kejelasan penjelasan.</p>"},
{
id: "4",
title: "Virtual lab kami kompatibel dengan perangkat apa saja?",
content: "<p>NETRIX labs berjalan di semua perangkat modern:</p><ul><li><strong>Desktop/Laptop</strong> - Windows, macOS, Linux via browser Chrome, Firefox, Safari, Edge</li><li><strong>Tablet</strong> - iPad dan Android tablet (landscape mode optimal)</li><li><strong>Smartphone</strong> - untuk akses monitoring saja, tidak untuk praktik interaktif</li></ul><p><strong>Bandwidth:</strong> 2-5 Mbps per sesi lab. Untuk kelas 30 siswa: ~100 Mbps downlink recommended.</p><p><strong>Latency penting:</strong> < 200ms untuk performa optimal. ISP lokal kami optimalkan untuk kecepatan akses regional.</p>",
},
id: "4", title: "Virtual lab kami kompatibel dengan perangkat apa saja?", content: "<p>NETRIX labs berjalan di semua perangkat modern:</p><ul><li><strong>Desktop/Laptop</strong> - Windows, macOS, Linux via browser Chrome, Firefox, Safari, Edge</li><li><strong>Tablet</strong> - iPad dan Android tablet (landscape mode optimal)</li><li><strong>Smartphone</strong> - untuk akses monitoring saja, tidak untuk praktik interaktif</li></ul><p><strong>Bandwidth:</strong> 2-5 Mbps per sesi lab. Untuk kelas 30 siswa: ~100 Mbps downlink recommended.</p><p><strong>Latency penting:</strong> < 200ms untuk performa optimal. ISP lokal kami optimalkan untuk kecepatan akses regional.</p>"},
{
id: "5",
title: "Apa yang termasuk dalam paket Teacher Professional?",
content: "<p>Paket Professional (Rp 7.99M/bulan) mencakup:</p><ul><li><strong>5 akun guru</strong> dengan kontrol penuh kelas</li><li><strong>100 lisensi siswa</strong> - tambah sesuai kebutuhan dengan biaya Rp 50K/siswa/bulan</li><li><strong>15+ virtual labs</strong> - networking dasar, keamanan, troubleshooting, scripting, dll</li><li><strong>AI tutor unlimited</strong> - tidak ada batasan query per siswa</li><li><strong>2,000+ practice questions</strong> - dengan pembahasan video dan detailed feedback</li><li><strong>Advanced analytics</strong> - progress tracking, learning paths, skill assessment</li><li><strong>Priority support</strong> - WhatsApp, email, dengan response time < 2 jam</li></ul><p>Paket ini cukup untuk 3-5 kelas TKJ (tingkat 10-12) di satu sekolah. Skalabilitas penuh untuk upgrade later.</p>",
},
id: "5", title: "Apa yang termasuk dalam paket Teacher Professional?", content: "<p>Paket Professional (Rp 7.99M/bulan) mencakup:</p><ul><li><strong>5 akun guru</strong> dengan kontrol penuh kelas</li><li><strong>100 lisensi siswa</strong> - tambah sesuai kebutuhan dengan biaya Rp 50K/siswa/bulan</li><li><strong>15+ virtual labs</strong> - networking dasar, keamanan, troubleshooting, scripting, dll</li><li><strong>AI tutor unlimited</strong> - tidak ada batasan query per siswa</li><li><strong>2,000+ practice questions</strong> - dengan pembahasan video dan detailed feedback</li><li><strong>Advanced analytics</strong> - progress tracking, learning paths, skill assessment</li><li><strong>Priority support</strong> - WhatsApp, email, dengan response time < 2 jam</li></ul><p>Paket ini cukup untuk 3-5 kelas TKJ (tingkat 10-12) di satu sekolah. Skalabilitas penuh untuk upgrade later.</p>"},
{
id: "6",
title: "Bagaimana keamanan data siswa dan guru di NETRIX?",
content: "<p>Keamanan adalah prioritas utama:</p><ul><li><strong>Enkripsi end-to-end</strong> untuk semua data (AES-256 at rest, TLS 1.3 in transit)</li><li><strong>Compliance dengan regulasi Indonesia</strong> - GDPR-aligned dan siap untuk UU PDP</li><li><strong>Server berbasis lokal</strong> - opsi on-premise untuk enterprise, atau cloud regional di AWS Singapore</li><li><strong>Regular security audits</strong> oleh pihak ketiga independen</li><li><strong>Backup otomatis harian</strong> - disaster recovery plan tested</li><li><strong>Kontrol akses granular</strong> - teacher hanya lihat kelas mereka, admin control full platform</li></ul><p>Data siswa tidak pernah dijual atau dibagikan pihak ketiga. Compliance penuh dengan kebijakan privasi Indonesia.</p>",
},
id: "6", title: "Bagaimana keamanan data siswa dan guru di NETRIX?", content: "<p>Keamanan adalah prioritas utama:</p><ul><li><strong>Enkripsi end-to-end</strong> untuk semua data (AES-256 at rest, TLS 1.3 in transit)</li><li><strong>Compliance dengan regulasi Indonesia</strong> - GDPR-aligned dan siap untuk UU PDP</li><li><strong>Server berbasis lokal</strong> - opsi on-premise untuk enterprise, atau cloud regional di AWS Singapore</li><li><strong>Regular security audits</strong> oleh pihak ketiga independen</li><li><strong>Backup otomatis harian</strong> - disaster recovery plan tested</li><li><strong>Kontrol akses granular</strong> - teacher hanya lihat kelas mereka, admin control full platform</li></ul><p>Data siswa tidak pernah dijual atau dibagikan pihak ketiga. Compliance penuh dengan kebijakan privasi Indonesia.</p>"},
{
id: "7",
title: "Bisakah NETRIX diintegrasikan dengan sistem akademik sekolah kami?",
content: "<p>Ya, NETRIX mendukung integrasi dengan sistem SIM (Sistem Informasi Manajemen) sekolah:</p><ul><li><strong>API REST</strong> - untuk sinkronisasi data siswa, guru, kelas otomatis</li><li><strong>SSO (Single Sign-On)</strong> - login NETRIX pakai akun sekolah yang sudah ada</li><li><strong>Export reports</strong> - nilai, progress tracking bisa di-export ke Excel/PDF untuk rapor</li><li><strong>Certified integrations</strong> - sudah terintegrasi dengan Akademik Plus, Educloud, SIMAK SMK</li></ul><p>Tim teknis kami siap bantu proses integrasi. Rata-rata setup API selesai dalam 1-2 minggu.</p>",
},
id: "7", title: "Bisakah NETRIX diintegrasikan dengan sistem akademik sekolah kami?", content: "<p>Ya, NETRIX mendukung integrasi dengan sistem SIM (Sistem Informasi Manajemen) sekolah:</p><ul><li><strong>API REST</strong> - untuk sinkronisasi data siswa, guru, kelas otomatis</li><li><strong>SSO (Single Sign-On)</strong> - login NETRIX pakai akun sekolah yang sudah ada</li><li><strong>Export reports</strong> - nilai, progress tracking bisa di-export ke Excel/PDF untuk rapor</li><li><strong>Certified integrations</strong> - sudah terintegrasi dengan Akademik Plus, Educloud, SIMAK SMK</li></ul><p>Tim teknis kami siap bantu proses integrasi. Rata-rata setup API selesai dalam 1-2 minggu.</p>"},
{
id: "8",
title: "Apakah ada dukungan khusus untuk kelas online/hybrid?",
content: "<p>Absolut! NETRIX didesain untuk pembelajaran hybrid:</p><ul><li><strong>Live lab sessions</strong> - guru dan siswa bisa collab di virtual lab bersamaan via screen share</li><li><strong>Recorded lessons</strong> - guru bisa record live session dan share link ke siswa offline</li><li><strong>Asynchronous assignments</strong> - siswa bisa submit lab tasks kapan saja, guru review dan feedback</li><li><strong>Real-time collaboration</strong> - multiple siswa bisa work di sama lab environment</li><li><strong>Attendance tracking</strong> - sistem track who accessed platform, kapan, berapa lama</li></ul><p>Cocok untuk blended learning, flipped classroom, atau pure online TKJ programs.</p>",
},
id: "8", title: "Apakah ada dukungan khusus untuk kelas online/hybrid?", content: "<p>Absolut! NETRIX didesain untuk pembelajaran hybrid:</p><ul><li><strong>Live lab sessions</strong> - guru dan siswa bisa collab di virtual lab bersamaan via screen share</li><li><strong>Recorded lessons</strong> - guru bisa record live session dan share link ke siswa offline</li><li><strong>Asynchronous assignments</strong> - siswa bisa submit lab tasks kapan saja, guru review dan feedback</li><li><strong>Real-time collaboration</strong> - multiple siswa bisa work di sama lab environment</li><li><strong>Attendance tracking</strong> - sistem track who accessed platform, kapan, berapa lama</li></ul><p>Cocok untuk blended learning, flipped classroom, atau pure online TKJ programs.</p>"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -366,8 +247,7 @@ export default function HomePage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Virtual Labs", href: "#features" },
@@ -375,8 +255,7 @@ export default function HomePage() {
],
},
{
title: "Education",
items: [
title: "Education", items: [
{ label: "TKJ Curriculum", href: "#features" },
{ label: "BNSP Certification", href: "#features" },
{ label: "Teacher Resources", href: "/teacher-onboarding" },
@@ -384,8 +263,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "#contact" },
{ label: "Privacy Policy", href: "#" },

View File

@@ -6,7 +6,7 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { DollarSign, HelpCircle } from "lucide-react";
import { DollarSign, HelpCircle, Rocket, Sparkles, Zap } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
@@ -48,64 +48,31 @@ export default function PricingPage() {
tagAnimation="slide-up"
plans={[
{
id: "starter",
badge: "Starter",
badgeIcon: Rocket,
price: "Rp 2.99M",
subtitle: "Perfect for small programs (1 class, ~30 students)",
buttons: [
id: "starter", badge: "Starter", badgeIcon: Rocket,
price: "Rp 2.99M", subtitle: "Perfect for small programs (1 class, ~30 students)", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#pricing-faq" },
],
features: [
"Up to 1 teacher account",
"30 student licenses",
"5 virtual labs access",
"Basic AI tutor (limited queries)",
"Standard support via email",
"Practice question bank (500 questions)",
],
"Up to 1 teacher account", "30 student licenses", "5 virtual labs access", "Basic AI tutor (limited queries)", "Standard support via email", "Practice question bank (500 questions)"],
},
{
id: "professional",
badge: "Professional",
badgeIcon: Sparkles,
price: "Rp 7.99M",
subtitle: "For active programs (3-5 classes, ~100 students)",
buttons: [
id: "professional", badge: "Professional", badgeIcon: Sparkles,
price: "Rp 7.99M", subtitle: "For active programs (3-5 classes, ~100 students)", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Popular Choice", href: "#pricing-faq" },
],
features: [
"Up to 5 teacher accounts",
"100 student licenses",
"All 15+ virtual labs",
"Unlimited AI tutor queries",
"Advanced progress analytics",
"Full question bank (2,000+ questions)",
"Priority email + WhatsApp support",
],
"Up to 5 teacher accounts", "100 student licenses", "All 15+ virtual labs", "Unlimited AI tutor queries", "Advanced progress analytics", "Full question bank (2,000+ questions)", "Priority email + WhatsApp support"],
},
{
id: "enterprise",
badge: "Enterprise",
badgeIcon: Zap,
price: "Custom",
subtitle: "Multi-school / district deployment (500+ students)",
buttons: [
id: "enterprise", badge: "Enterprise", badgeIcon: Zap,
price: "Custom", subtitle: "Multi-school / district deployment (500+ students)", buttons: [
{ text: "Contact Sales", href: "/contact" },
{ text: "Schedule Demo", href: "/contact" },
],
features: [
"Unlimited teacher accounts",
"500+ student licenses",
"All platform features + custom integrations",
"Dedicated account manager",
"On-premise server option",
"Custom curriculum mapping",
"24/7 technical support",
"Staff training workshops",
],
"Unlimited teacher accounts", "500+ student licenses", "All platform features + custom integrations", "Dedicated account manager", "On-premise server option", "Custom curriculum mapping", "24/7 technical support", "Staff training workshops"],
},
]}
textboxLayout="default"
@@ -125,25 +92,13 @@ export default function PricingPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "Apakah ada biaya setup atau hidden fees?",
content: "<p><strong>Tidak ada biaya tersembunyi.</strong> Harga yang kami quotekan adalah final:</p><ul><li><strong>Biaya setup satu kali:</strong> Rp 500K-2M tergantung paket (termasuk onboarding + training)</li><li><strong>Monthly subscription:</strong> Seperti yang tercatat di plan Anda</li><li><strong>Tax/PPN:</strong> Included dalam harga untuk invoice ke sekolah</li></ul><p>Tidak ada biaya tambahan untuk support, updates, atau feature access sesuai plan.</p>",
},
id: "1", title: "Apakah ada biaya setup atau hidden fees?", content: "<p><strong>Tidak ada biaya tersembunyi.</strong> Harga yang kami quotekan adalah final:</p><ul><li><strong>Biaya setup satu kali:</strong> Rp 500K-2M tergantung paket (termasuk onboarding + training)</li><li><strong>Monthly subscription:</strong> Seperti yang tercatat di plan Anda</li><li><strong>Tax/PPN:</strong> Included dalam harga untuk invoice ke sekolah</li></ul><p>Tidak ada biaya tambahan untuk support, updates, atau feature access sesuai plan.</p>"},
{
id: "2",
title: "Bisakah saya upgrade atau downgrade kapan saja?",
content: "<p>Ya, sangat flexible:</p><ul><li><strong>Upgrade kapan saja</strong> - Seamless transition, hanya bayar perbedaan prorata</li><li><strong>Downgrade kapan saja</strong> - Tidak ada penalty, berlaku bulan berikutnya</li><li><strong>Pause subscription</strong> - Butuh break saat musim libur? Suspend sementara tanpa biaya</li><li><strong>Add student licenses</strong> - Rp 50K per siswa tambahan per bulan</li></ul><p>Fleksibilitas penuh sesuai kebutuhan sekolah Anda yang berubah.</p>",
},
id: "2", title: "Bisakah saya upgrade atau downgrade kapan saja?", content: "<p>Ya, sangat flexible:</p><ul><li><strong>Upgrade kapan saja</strong> - Seamless transition, hanya bayar perbedaan prorata</li><li><strong>Downgrade kapan saja</strong> - Tidak ada penalty, berlaku bulan berikutnya</li><li><strong>Pause subscription</strong> - Butuh break saat musim libur? Suspend sementara tanpa biaya</li><li><strong>Add student licenses</strong> - Rp 50K per siswa tambahan per bulan</li></ul><p>Fleksibilitas penuh sesuai kebutuhan sekolah Anda yang berubah.</p>"},
{
id: "3",
title: "Bagaimana cara pembayaran NETRIX?",
content: "<p>Kami menerima berbagai metode pembayaran:</p><ul><li><strong>Transfer Bank</strong> - BCA, Mandiri, BNI (invoice dan reference diberikan)</li><li><strong>E-wallet</strong> - OVO, GCash, DANA untuk pembayaran cepat</li><li><strong>Cicilan</strong> - Kerjasama dengan fintech untuk cicilan 3-6 bulan 0% (untuk paket tertentu)</li><li><strong>Purchase order</strong> - Untuk sekolah/dinas yang punya sistem PO formal</li></ul><p>Invoice dibuat dalam bahasa Indonesia sesuai kebutuhan laporan sekolah Anda.</p>",
},
id: "3", title: "Bagaimana cara pembayaran NETRIX?", content: "<p>Kami menerima berbagai metode pembayaran:</p><ul><li><strong>Transfer Bank</strong> - BCA, Mandiri, BNI (invoice dan reference diberikan)</li><li><strong>E-wallet</strong> - OVO, GCash, DANA untuk pembayaran cepat</li><li><strong>Cicilan</strong> - Kerjasama dengan fintech untuk cicilan 3-6 bulan 0% (untuk paket tertentu)</li><li><strong>Purchase order</strong> - Untuk sekolah/dinas yang punya sistem PO formal</li></ul><p>Invoice dibuat dalam bahasa Indonesia sesuai kebutuhan laporan sekolah Anda.</p>"},
{
id: "4",
title: "Apa yang included dalam harga yang saya bayar?",
content: "<p>Harga berlangganan NETRIX mencakup:</p><ul><li><strong>Semua fitur platform</strong> - sesuai tier yang Anda pilih</li><li><strong>Unlimited lab usage</strong> - tanpa batasan berapa kali siswa bisa practice</li><li><strong>All content updates</strong> - curriculum terbaru, lab baru, questions baru included</li><li><strong>Technical support</strong> - sesuai SLA level yang berbeda per paket</li><li><strong>Platform hosting & maintenance</strong> - server, security, backup semua included</li></ul><p>Tidak ada biaya tambahan untuk feature yang baru di-launch atau konten yang ditambahkan selama berlangganan.</p>",
},
id: "4", title: "Apa yang included dalam harga yang saya bayar?", content: "<p>Harga berlangganan NETRIX mencakup:</p><ul><li><strong>Semua fitur platform</strong> - sesuai tier yang Anda pilih</li><li><strong>Unlimited lab usage</strong> - tanpa batasan berapa kali siswa bisa practice</li><li><strong>All content updates</strong> - curriculum terbaru, lab baru, questions baru included</li><li><strong>Technical support</strong> - sesuai SLA level yang berbeda per paket</li><li><strong>Platform hosting & maintenance</strong> - server, security, backup semua included</li></ul><p>Tidak ada biaya tambahan untuk feature yang baru di-launch atau konten yang ditambahkan selama berlangganan.</p>"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -157,8 +112,7 @@ export default function PricingPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "/" },
{ label: "Pricing", href: "#pricing" },
{ label: "Virtual Labs", href: "/" },
@@ -166,8 +120,7 @@ export default function PricingPage() {
],
},
{
title: "Education",
items: [
title: "Education", items: [
{ label: "TKJ Curriculum", href: "/" },
{ label: "BNSP Certification", href: "/" },
{ label: "Teacher Resources", href: "/teacher-onboarding" },
@@ -175,8 +128,7 @@ export default function PricingPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },