From 67ab5eabc6d216841b25bf75d94ebdb50227d24e Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 4 Mar 2026 08:02:58 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 64 +++++++++++++++++++++++++----------------------- 1 file changed, 34 insertions(+), 30 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bea2791..302a136 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree"; import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; -import { Sparkles, Info, Zap, BookOpen, Star, Brain, Cpu, CheckCircle, Bot, User, Router, Wifi, Shield, BarChart3, Server, Network, AlertTriangle, GitBranch, HelpCircle, Code, Trophy, Award, Lightbulb, DollarSign, Users, Mail, Lock } from "lucide-react"; +import { Sparkles, Info, Zap, BookOpen, Star, Brain, Cpu, CheckCircle, Bot, User, Router, Wifi, Shield, BarChart3, Server, Network, AlertTriangle, GitBranch, HelpCircle, Code, Trophy, Award, Lightbulb, DollarSign, Users, Mail, Lock, MessageSquare, FileText, Settings, HelpCircle as HelpCircleIcon, Crown } from "lucide-react"; const HomePage = () => { return ( @@ -78,6 +78,7 @@ const HomePage = () => { imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png" imageAlt="Students learning with NETRIX in classroom" mediaAnimation="opacity" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -100,28 +101,31 @@ const HomePage = () => { { label: "Sistem Operasi (Kelas 10-11)", detail: "Windows, Linux, partisi, dual boot" }, { label: "Jaringan Dasar (Kelas 11)", detail: "IP, subnetting, DHCP, DNS, topologi" }, ], - completedLabel: "Tersedia"}, + completedLabel: "Tersedia" + }, { title: "AI Tutor Interaktif 24/7", description: "Asisten AI yang memahami konteks TKJ dan siap membantu dengan penjelasan detail dan troubleshooting logis", bentoComponent: "chat", aiIcon: Bot, userIcon: User, exchanges: [ { - userMessage: "Bagaimana cara troubleshoot PC tidak menyala?", aiResponse: - "Mari kita diagnosa sistematis: 1) Cek koneksi power supply, 2) Periksa tombol power, 3) Uji RAM dengan metode swap, 4) Cek kabel motherboard. Gejala apa yang Anda lihat?"}, + userMessage: "Bagaimana cara troubleshoot PC tidak menyala?", aiResponse: "Mari kita diagnosa sistematis: 1) Cek koneksi power supply, 2) Periksa tombol power, 3) Uji RAM dengan metode swap, 4) Cek kabel motherboard. Gejala apa yang Anda lihat?" + }, { - userMessage: "Tidak ada lampu di motherboard", aiResponse: - "Itu indikasi masalah power. Coba: a) Ganti power supply dengan yang berfungsi, b) Periksa socket listrik, c) Reset CMOS. Laporkan hasilnya!"}, + userMessage: "Tidak ada lampu di motherboard", aiResponse: "Itu indikasi masalah power. Coba: a) Ganti power supply dengan yang berfungsi, b) Periksa socket listrik, c) Reset CMOS. Laporkan hasilnya!" + }, ], - placeholder: "Tanya apapun tentang TKJ..."}, + placeholder: "Tanya apapun tentang TKJ..." + }, { - title: "Skenario Lab Praktik", description: "Lingkungan simulasi real-world untuk konfigurasi jaringan, troubleshooting, dan praktik hands-on tanpa hardware mahal", bentoComponent: "3d-task-list", heading: "Lab Scenarios", items: [ + title: "Skenario Lab Praktik", description: "Lingkungan simulasi real-world untuk konfigurasi jaringan, troubleshooting, dan praktik hands-on tanpa hardware mahal", bentoComponent: "3d-task-list", items: [ { icon: Router, label: "Konfigurasi Router MikroTik", time: "60 menit" }, { icon: Wifi, label: "Setup Access Point & DHCP", time: "45 menit" }, { icon: Zap, label: "Troubleshoot Jaringan Kompleks", time: "90 menit" }, ], }, { - title: "Kalkulator Jaringan Cerdas", description: "Tool otomatis untuk perhitungan subnet, VLSM, dan IP planning dengan penjelasan visual step-by-step", bentoComponent: "animated-bar-chart"}, + title: "Kalkulator Jaringan Cerdas", description: "Tool otomatis untuk perhitungan subnet, VLSM, dan IP planning dengan penjelasan visual step-by-step", bentoComponent: "animated-bar-chart" + }, { title: "Dashboard Guru Komprehensif", description: "Manajemen kelas, tracking progress siswa, penilaian otomatis, dan analitik pembelajaran real-time", bentoComponent: "phone", statusIcon: Lock, alertIcon: Award, @@ -130,10 +134,10 @@ const HomePage = () => { { name: "Students", icon: Users }, { name: "Tasks", icon: CheckCircle }, { name: "Messages", icon: Mail }, - { name: "Reports", icon: BookOpen }, - { name: "Settings", icon: Zap }, + { name: "Reports", icon: FileText }, + { name: "Settings", icon: Settings }, { name: "Resources", icon: BookOpen }, - { name: "Support", icon: HelpCircle }, + { name: "Support", icon: HelpCircleIcon }, ], }, { @@ -196,29 +200,29 @@ const HomePage = () => { showRating={true} testimonials={[ { - id: "1", name: "Raka Pratama", handle: "@raka_tkj", testimonial: - "NETRIX sungguh mengubah cara saya belajar jaringan. AI tutornya bisa menjelaskan subnetting dengan super detail, dan lab simulasinya membuat saya bisa practice tanpa takut salah. Nilai saya naik dari 6.5 jadi 8.2!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610789545-28453896.png", imageAlt: "Raka Pratama, student"}, + id: "1", name: "Raka Pratama", handle: "@raka_tkj", testimonial: "NETRIX sungguh mengubah cara saya belajar jaringan. AI tutornya bisa menjelaskan subnetting dengan super detail, dan lab simulasinya membuat saya bisa practice tanpa takut salah. Nilai saya naik dari 6.5 jadi 8.2!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610789545-28453896.png", imageAlt: "Raka Pratama, student" + }, { - id: "2", name: "Bu Siti Nurhaliza", handle: "@bu_siti_guru", testimonial: - "Sebagai guru TKJ selama 15 tahun, saya sangat terkesan dengan fitur dashboard NETRIX. Saya bisa melihat progress setiap siswa secara real-time, mengidentifikasi mana yang kesulitan, dan memberikan bantuan yang lebih tertarget. Jauh lebih efisien!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610787715-72a41d7c.png", imageAlt: "Bu Siti Nurhaliza, teacher"}, + id: "2", name: "Bu Siti Nurhaliza", handle: "@bu_siti_guru", testimonial: "Sebagai guru TKJ selama 15 tahun, saya sangat terkesan dengan fitur dashboard NETRIX. Saya bisa melihat progress setiap siswa secara real-time, mengidentifikasi mana yang kesulitan, dan memberikan bantuan yang lebih tertarget. Jauh lebih efisien!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610787715-72a41d7c.png", imageAlt: "Bu Siti Nurhaliza, teacher" + }, { - id: "3", name: "Budi Setiawan", handle: "@budi_tech", testimonial: - "Setelah lulus dari SMK TKJ, saya langsung bisa apply ilmu dari NETRIX ke pekerjaan saya sebagai network technician. Lab simulator mereka sangat mirip dengan scenario real-world, jadi transisi ke industri jauh lebih smooth.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610788184-71b31412.png", imageAlt: "Budi Setiawan, alumni"}, + id: "3", name: "Budi Setiawan", handle: "@budi_tech", testimonial: "Setelah lulus dari SMK TKJ, saya langsung bisa apply ilmu dari NETRIX ke pekerjaan saya sebagai network technician. Lab simulator mereka sangat mirip dengan scenario real-world, jadi transisi ke industri jauh lebih smooth.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610788184-71b31412.png", imageAlt: "Budi Setiawan, alumni" + }, { - id: "4", name: "Kepala Sekolah SMK Teknik Jakarta", handle: "@smk_teknik_jakarta", testimonial: - "Kami sudah mengimplementasikan NETRIX untuk 8 kelas TKJ selama satu tahun. Hasil UKK (Uji Kompetensi Keahlian) meningkat signifikan, dan siswa kami lebih siap masuk industri. ROI yang sangat bagus untuk investasi sekolah.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610788680-b0f19f55.png", imageAlt: "School principal"}, + id: "4", name: "Kepala Sekolah SMK Teknik Jakarta", handle: "@smk_teknik_jakarta", testimonial: "Kami sudah mengimplementasikan NETRIX untuk 8 kelas TKJ selama satu tahun. Hasil UKK (Uji Kompetensi Keahlian) meningkat signifikan, dan siswa kami lebih siap masuk industri. ROI yang sangat bagus untuk investasi sekolah.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610788680-b0f19f55.png", imageAlt: "School principal" + }, { - id: "5", name: "Rina Handayani", handle: "@rina_learning", testimonial: - "Yang paling saya sukai dari NETRIX adalah troubleshooting guide-nya yang step-by-step dan logis. Sebelum ini saya sering bingung kalau PC ada masalah, tapi sekarang saya bisa diagnosa sistematis layaknya teknisi profesional.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610787594-5dedf262.png", imageAlt: "Rina Handayani, student"}, + id: "5", name: "Rina Handayani", handle: "@rina_learning", testimonial: "Yang paling saya sukai dari NETRIX adalah troubleshooting guide-nya yang step-by-step dan logis. Sebelum ini saya sering bingung kalau PC ada masalah, tapi sekarang saya bisa diagnosa sistematis layaknya teknisi profesional.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610787594-5dedf262.png", imageAlt: "Rina Handayani, student" + }, { - id: "6", name: "Pak Wahyu Kusuma", handle: "@pak_wahyu_smk", testimonial: - "NETRIX membantu saya mengajar lebih efficient. Lab simulasi menggantikan beban lab fisik yang mahal, AI tutor memberikan support 24/7 untuk siswa yang butuh remedial, dan analytics membantu saya prepare setiap siswa untuk sertifikasi.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610788599-6295adaf.png", imageAlt: "Pak Wahyu Kusuma, instructor"}, + id: "6", name: "Pak Wahyu Kusuma", handle: "@pak_wahyu_smk", testimonial: "NETRIX membantu saya mengajar lebih efficient. Lab simulasi menggantikan beban lab fisik yang mahal, AI tutor memberikan support 24/7 untuk siswa yang butuh remedial, dan analytics membantu saya prepare setiap siswa untuk sertifikasi.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-professional-portrait-of-an-indonesian-1772610788599-6295adaf.png", imageAlt: "Pak Wahyu Kusuma, instructor" + }, ]} /> -- 2.49.1 From f963984a12b4f39f78ef542028af102a9c4317b3 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 4 Mar 2026 08:02:58 +0000 Subject: [PATCH 2/2] Update src/app/simulator/page.tsx --- src/app/simulator/page.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/app/simulator/page.tsx b/src/app/simulator/page.tsx index de538c3..f66e989 100644 --- a/src/app/simulator/page.tsx +++ b/src/app/simulator/page.tsx @@ -82,14 +82,15 @@ const SimulatorPage = () => { ], }, { - title: "Skenario Simulasi Tersedia", description: "Kasus-kasus praktis: konfigurasi jaringan sekolah, setup VLAN, implementasi DHCP, troubleshooting konektivitas", bentoComponent: "3d-task-list", heading: "Lab Scenarios", items: [ + title: "Skenario Simulasi Tersedia", description: "Kasus-kasus praktis: konfigurasi jaringan sekolah, setup VLAN, implementasi DHCP, troubleshooting konektivitas", bentoComponent: "3d-task-list", items: [ { icon: Router, label: "Jaringan Sekolah 100 Host", time: "120 menit" }, { icon: Wifi, label: "Setup VLAN & Access List", time: "90 menit" }, { icon: AlertTriangle, label: "Diagnosa Masalah Kompleks", time: "150 menit" }, ], }, { - title: "Feedback Real-Time", description: "Sistem validasi otomatis memberikan feedback instan tentang konfigurasi dan saran perbaikan", bentoComponent: "animated-bar-chart"}, + title: "Feedback Real-Time", description: "Sistem validasi otomatis memberikan feedback instan tentang konfigurasi dan saran perbaikan", bentoComponent: "animated-bar-chart" + }, { title: "Packet Tracer Integration", description: "Export konfigurasi ke Cisco Packet Tracer dan alat simulasi populer lainnya untuk pembelajaran yang lebih dalam", bentoComponent: "reveal-icon", icon: GitBranch, }, @@ -110,7 +111,8 @@ const SimulatorPage = () => { animationType="slide-up" features={[ { - title: "Real-Time Packet Analysis", description: "Monitor packet flow dan troubleshoot dengan packet tracer built-in", bentoComponent: "line-chart"}, + title: "Real-Time Packet Analysis", description: "Monitor packet flow dan troubleshoot dengan packet tracer built-in", bentoComponent: "line-chart" + }, { title: "Collaboration Features", description: "Bekerja dalam tim untuk mengkonfigurasi jaringan kompleks bersama", bentoComponent: "icon-info-cards", items: [ { icon: Zap, label: "Team Projects", value: "Unlimited" }, -- 2.49.1