Merge version_1 into main #2
@@ -11,11 +11,11 @@ const KomunitasPage = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -29,7 +29,6 @@ const KomunitasPage = () => {
|
||||
{ name: "Materi", id: "/materi" },
|
||||
{ name: "Lab Simulasi", id: "/simulator" },
|
||||
{ name: "Komunitas", id: "/komunitas" },
|
||||
{ name: "Kontak", id: "/contact" },
|
||||
]}
|
||||
brandName="NETRIX"
|
||||
bottomLeftText="Platform Pembelajaran TKJ Indonesia"
|
||||
@@ -42,7 +41,7 @@ const KomunitasPage = () => {
|
||||
<HeroSplit
|
||||
title="Komunitas Belajar NETRIX"
|
||||
description="Bergabunglah dengan ribuan siswa, guru, dan profesional TKJ yang berbagi pengetahuan, saling membantu, dan tumbuh bersama. Komunitas kami adalah tempat untuk bertanya, berdiskusi, berbagi pengalaman, dan membangun jaringan profesional di industri teknologi."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Jaringan Profesional"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
@@ -51,7 +50,7 @@ const KomunitasPage = () => {
|
||||
{ text: "Jelajahi Forum", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png"
|
||||
imageAlt="Community learning environment"
|
||||
imagePosition="right"
|
||||
mediaAnimation="opacity"
|
||||
@@ -73,30 +72,19 @@ const KomunitasPage = () => {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Forum Diskusi Terbuka",
|
||||
description: "Tanyakan pertanyaan teknis, bagikan solusi, dan diskusikan best practices dengan komunitas",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Users,
|
||||
title: "Forum Diskusi Terbuka", description: "Tanyakan pertanyaan teknis, bagikan solusi, dan diskusikan best practices dengan komunitas", bentoComponent: "chat", aiIcon: Users,
|
||||
userIcon: Star,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Bagaimana cara setup VLAN di MikroTik?",
|
||||
aiResponse:
|
||||
"VLAN di MikroTik bisa disetup melalui interface atau bridge. Rekomendasi: gunakan bridge untuk flexibility lebih. Step: 1) Create bridge, 2) Add physical interfaces, 3) Assign VLAN tags...",
|
||||
},
|
||||
userMessage: "Bagaimana cara setup VLAN di MikroTik?", aiResponse:
|
||||
"VLAN di MikroTik bisa disetup melalui interface atau bridge. Rekomendasi: gunakan bridge untuk flexibility lebih. Step: 1) Create bridge, 2) Add physical interfaces, 3) Assign VLAN tags..."},
|
||||
{
|
||||
userMessage: "Apa perbedaan access port dan trunk port?",
|
||||
aiResponse:
|
||||
"Access port membawa single VLAN, trunk port membawa multiple VLANs. Access port untuk end devices, trunk port untuk switch-to-switch connections.",
|
||||
},
|
||||
userMessage: "Apa perbedaan access port dan trunk port?", aiResponse:
|
||||
"Access port membawa single VLAN, trunk port membawa multiple VLANs. Access port untuk end devices, trunk port untuk switch-to-switch connections."},
|
||||
],
|
||||
placeholder: "Tanya pertanyaan Anda ke komunitas...",
|
||||
},
|
||||
placeholder: "Tanya pertanyaan Anda ke komunitas..."},
|
||||
{
|
||||
title: "Knowledge Base Kolaboratif",
|
||||
description: "Akumulasi pengetahuan dari pengalaman ribuan pengguna dalam bentuk tutorial dan guide",
|
||||
bentoComponent: "3d-card-grid",
|
||||
items: [
|
||||
title: "Knowledge Base Kolaboratif", description: "Akumulasi pengetahuan dari pengalaman ribuan pengguna dalam bentuk tutorial dan guide", bentoComponent: "3d-card-grid", items: [
|
||||
{ name: "Networking", icon: Zap },
|
||||
{ name: "Security", icon: Award },
|
||||
{ name: "Hardware", icon: BarChart3 },
|
||||
@@ -105,10 +93,7 @@ const KomunitasPage = () => {
|
||||
centerIcon: Star,
|
||||
},
|
||||
{
|
||||
title: "Mentorship Program",
|
||||
description: "Temukan mentor profesional atau menjadi mentor untuk membantu junior di bidang TKJ",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Mentorship Program", description: "Temukan mentor profesional atau menjadi mentor untuk membantu junior di bidang TKJ", bentoComponent: "3d-stack-cards", items: [
|
||||
{ icon: Award, title: "Senior Mentors", subtitle: "10+ Tahun Exp", detail: "Professional guidance" },
|
||||
{ icon: Star, title: "Junior Members", subtitle: "Growing Skills", detail: "Career development" },
|
||||
{ icon: Users, title: "Success Stories", subtitle: "Career Growth", detail: "Real testimonials" },
|
||||
@@ -131,33 +116,21 @@ const KomunitasPage = () => {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Member Aktif",
|
||||
description: "Ribuan anggota aktif setiap hari berkontribusi pada komunitas",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Member Aktif", description: "Ribuan anggota aktif setiap hari berkontribusi pada komunitas", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Users, label: "Total Members", value: "50,000+" },
|
||||
{ icon: Star, label: "Aktif Setiap Hari", value: "5,000+" },
|
||||
{ icon: Award, label: "Verified Experts", value: "200+" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Konten & Diskusi",
|
||||
description: "Lebih dari 100 ribu thread diskusi dan ribuan tutorial dibagikan",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Konten & Diskusi", description: "Lebih dari 100 ribu thread diskusi dan ribuan tutorial dibagikan", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Events & Webinar",
|
||||
description: "Webinar rutin dengan topik teknis, career talks, dan industry insights",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Jadwal Events",
|
||||
subheading: "Acara komunitas mendatang",
|
||||
items: [
|
||||
title: "Events & Webinar", description: "Webinar rutin dengan topik teknis, career talks, dan industry insights", bentoComponent: "timeline", heading: "Jadwal Events", subheading: "Acara komunitas mendatang", items: [
|
||||
{ label: "Cisco CCNA Preparation", detail: "Setiap Jumat, 19:00 WIB" },
|
||||
{ label: "Career Talk: Network Admin", detail: "21 Januari 2025" },
|
||||
{ label: "MikroTik Workshop", detail: "28 Januari 2025" },
|
||||
],
|
||||
completedLabel: "Selesai",
|
||||
},
|
||||
completedLabel: "Selesai"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,8 +141,7 @@ const KomunitasPage = () => {
|
||||
logoText="NETRIX"
|
||||
columns={[
|
||||
{
|
||||
title: "Produk",
|
||||
items: [
|
||||
title: "Produk", items: [
|
||||
{ label: "Platform Pembelajaran", href: "/#features" },
|
||||
{ label: "Lab Simulator", href: "/simulator" },
|
||||
{ label: "AI Tutor", href: "/#features" },
|
||||
@@ -177,8 +149,7 @@ const KomunitasPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solusi",
|
||||
items: [
|
||||
title: "Solusi", items: [
|
||||
{ label: "Untuk Siswa", href: "/#" },
|
||||
{ label: "Untuk Guru", href: "/#" },
|
||||
{ label: "Untuk Sekolah", href: "/guru" },
|
||||
@@ -186,8 +157,7 @@ const KomunitasPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Perusahaan",
|
||||
items: [
|
||||
title: "Perusahaan", items: [
|
||||
{ label: "Tentang NETRIX", href: "/#about" },
|
||||
{ label: "Blog & Artikel", href: "/#" },
|
||||
{ label: "Karir", href: "/#" },
|
||||
@@ -195,8 +165,7 @@ const KomunitasPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dukungan",
|
||||
items: [
|
||||
title: "Dukungan", items: [
|
||||
{ label: "Pusat Bantuan", href: "/#" },
|
||||
{ label: "FAQ", href: "/#" },
|
||||
{ label: "Hubungi Kami", href: "/#contact" },
|
||||
@@ -204,8 +173,7 @@ const KomunitasPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
title: "Kontak", items: [
|
||||
{ label: "Email: support@netrix.id", href: "mailto:support@netrix.id" },
|
||||
{ label: "WhatsApp: +62-812-3456-7890", href: "https://wa.me/628123456789" },
|
||||
{ label: "Telepon: (021) 1234-5678", href: "tel:+622112345678" },
|
||||
|
||||
@@ -11,11 +11,11 @@ const MateriPage = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -29,7 +29,6 @@ const MateriPage = () => {
|
||||
{ name: "Materi", id: "/materi" },
|
||||
{ name: "Lab Simulasi", id: "/simulator" },
|
||||
{ name: "Komunitas", id: "/komunitas" },
|
||||
{ name: "Kontak", id: "/contact" },
|
||||
]}
|
||||
brandName="NETRIX"
|
||||
bottomLeftText="Platform Pembelajaran TKJ Indonesia"
|
||||
@@ -42,7 +41,7 @@ const MateriPage = () => {
|
||||
<HeroSplit
|
||||
title="Materi Pembelajaran TKJ Lengkap"
|
||||
description="Jelajahi kurikulum komprehensif kami yang mencakup hardware, sistem operasi, networking dasar hingga lanjutan, dan keamanan jaringan. Setiap modul dirancang oleh praktisi industri dengan pengalaman puluhan tahun di bidang teknik komputer dan jaringan."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Kurikulum Terstruktur"
|
||||
tagIcon={BookOpen}
|
||||
tagAnimation="slide-up"
|
||||
@@ -51,7 +50,7 @@ const MateriPage = () => {
|
||||
{ text: "Lihat Topik", href: "#modules" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png"
|
||||
imageAlt="Comprehensive learning environment"
|
||||
imagePosition="right"
|
||||
mediaAnimation="opacity"
|
||||
@@ -74,52 +73,22 @@ const MateriPage = () => {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Perakitan & Troubleshooting PC",
|
||||
price: "Gratis - Level 10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/detailed-educational-content-showing-pc--1772610788632-fe504e2d.png?_wi=2",
|
||||
imageAlt: "PC Hardware Assembly Module",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "Perakitan & Troubleshooting PC", price: "Gratis - Level 10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/detailed-educational-content-showing-pc--1772610788632-fe504e2d.png", imageAlt: "PC Hardware Assembly Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Instalasi Sistem Operasi",
|
||||
price: "Gratis - Level 10-11",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/operating-system-installation-and-manage-1772610791628-7b828c8d.png?_wi=2",
|
||||
imageAlt: "Operating System Installation Module",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "Instalasi Sistem Operasi", price: "Gratis - Level 10-11", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/operating-system-installation-and-manage-1772610791628-7b828c8d.png", imageAlt: "Operating System Installation Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jaringan Dasar & Subnetting",
|
||||
price: "Gratis - Level 11",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/network-topology-diagrams-showing-lan-ma-1772610794695-acfa1ef0.png?_wi=2",
|
||||
imageAlt: "Networking Fundamentals Module",
|
||||
initialQuantity: 1,
|
||||
id: "3", name: "Jaringan Dasar & Subnetting", price: "Gratis - Level 11", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/network-topology-diagrams-showing-lan-ma-1772610794695-acfa1ef0.png", imageAlt: "Networking Fundamentals Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Konfigurasi Router & Switch",
|
||||
price: "Premium - Level 11-12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-network-simulator-interface-sh-1772610790867-b03fdcdf.png?_wi=2",
|
||||
imageAlt: "Router Configuration Module",
|
||||
initialQuantity: 1,
|
||||
id: "4", name: "Konfigurasi Router & Switch", price: "Premium - Level 11-12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-network-simulator-interface-sh-1772610790867-b03fdcdf.png", imageAlt: "Router Configuration Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Keamanan Jaringan Dasar",
|
||||
price: "Premium - Level 12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-ai-tutoring-interface-with-natural-la-1772610788293-978b1656.png?_wi=2",
|
||||
imageAlt: "Network Security Module",
|
||||
initialQuantity: 1,
|
||||
id: "5", name: "Keamanan Jaringan Dasar", price: "Premium - Level 12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-ai-tutoring-interface-with-natural-la-1772610788293-978b1656.png", imageAlt: "Network Security Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Troubleshooting Lanjutan",
|
||||
price: "Premium - Level 12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-interactive-practice-dashboard-showin-1772610789086-eec83f23.png?_wi=2",
|
||||
imageAlt: "Advanced Troubleshooting Module",
|
||||
initialQuantity: 1,
|
||||
id: "6", name: "Troubleshooting Lanjutan", price: "Premium - Level 12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-interactive-practice-dashboard-showin-1772610789086-eec83f23.png", imageAlt: "Advanced Troubleshooting Module", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -139,28 +108,13 @@ const MateriPage = () => {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "7",
|
||||
name: "Video Tutorial 4K",
|
||||
price: "100+ Video",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-ai-powered-educational-dashboar-1772610788363-1e7e7d0d.png?_wi=2",
|
||||
imageAlt: "Video tutorials collection",
|
||||
initialQuantity: 1,
|
||||
id: "7", name: "Video Tutorial 4K", price: "100+ Video", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-ai-powered-educational-dashboar-1772610788363-1e7e7d0d.png", imageAlt: "Video tutorials collection", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
name: "Dokumentasi Teknis",
|
||||
price: "500+ Halaman",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/network-topology-diagrams-showing-lan-ma-1772610794695-acfa1ef0.png?_wi=3",
|
||||
imageAlt: "Technical documentation",
|
||||
initialQuantity: 1,
|
||||
id: "8", name: "Dokumentasi Teknis", price: "500+ Halaman", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/network-topology-diagrams-showing-lan-ma-1772610794695-acfa1ef0.png", imageAlt: "Technical documentation", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "9",
|
||||
name: "Studi Kasus Industri",
|
||||
price: "50+ Kasus",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png?_wi=3",
|
||||
imageAlt: "Industry case studies",
|
||||
initialQuantity: 1,
|
||||
id: "9", name: "Studi Kasus Industri", price: "50+ Kasus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png", imageAlt: "Industry case studies", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -172,8 +126,7 @@ const MateriPage = () => {
|
||||
logoText="NETRIX"
|
||||
columns={[
|
||||
{
|
||||
title: "Produk",
|
||||
items: [
|
||||
title: "Produk", items: [
|
||||
{ label: "Platform Pembelajaran", href: "/#features" },
|
||||
{ label: "Lab Simulator", href: "/simulator" },
|
||||
{ label: "AI Tutor", href: "/#features" },
|
||||
@@ -181,8 +134,7 @@ const MateriPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solusi",
|
||||
items: [
|
||||
title: "Solusi", items: [
|
||||
{ label: "Untuk Siswa", href: "/#" },
|
||||
{ label: "Untuk Guru", href: "/#" },
|
||||
{ label: "Untuk Sekolah", href: "/guru" },
|
||||
@@ -190,8 +142,7 @@ const MateriPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Perusahaan",
|
||||
items: [
|
||||
title: "Perusahaan", items: [
|
||||
{ label: "Tentang NETRIX", href: "/#about" },
|
||||
{ label: "Blog & Artikel", href: "/#" },
|
||||
{ label: "Karir", href: "/#" },
|
||||
@@ -199,8 +150,7 @@ const MateriPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dukungan",
|
||||
items: [
|
||||
title: "Dukungan", items: [
|
||||
{ label: "Pusat Bantuan", href: "/#" },
|
||||
{ label: "FAQ", href: "/#" },
|
||||
{ label: "Hubungi Kami", href: "/#contact" },
|
||||
@@ -208,8 +158,7 @@ const MateriPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
title: "Kontak", items: [
|
||||
{ label: "Email: support@netrix.id", href: "mailto:support@netrix.id" },
|
||||
{ label: "WhatsApp: +62-812-3456-7890", href: "https://wa.me/628123456789" },
|
||||
{ label: "Telepon: (021) 1234-5678", href: "tel:+622112345678" },
|
||||
|
||||
203
src/app/page.tsx
203
src/app/page.tsx
@@ -9,17 +9,17 @@ 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, BarChart3 as Chart } 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 } from "lucide-react";
|
||||
|
||||
const HomePage = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -33,7 +33,6 @@ const HomePage = () => {
|
||||
{ name: "Materi", id: "/materi" },
|
||||
{ name: "Lab Simulasi", id: "/simulator" },
|
||||
{ name: "Komunitas", id: "/komunitas" },
|
||||
{ name: "Kontak", id: "/contact" },
|
||||
]}
|
||||
brandName="NETRIX"
|
||||
bottomLeftText="Platform Pembelajaran TKJ Indonesia"
|
||||
@@ -46,7 +45,7 @@ const HomePage = () => {
|
||||
<HeroSplit
|
||||
title="Platform AI untuk Pembelajaran Teknik Komputer & Jaringan"
|
||||
description="NETRIX menghadirkan solusi pembelajaran interaktif berbasis AI yang dirancang khusus untuk siswa SMK jurusan TKJ. Dengan konten terstruktur, simulator virtual, dan tutor AI cerdas, kami membantu siswa menguasai teknologi dengan cara yang lebih mudah, praktis, dan menyenangkan."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Platform Pembelajaran Digital"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
@@ -55,7 +54,7 @@ const HomePage = () => {
|
||||
{ text: "Lihat Demo", href: "/materi" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-ai-powered-educational-dashboar-1772610788363-1e7e7d0d.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-modern-ai-powered-educational-dashboar-1772610788363-1e7e7d0d.png"
|
||||
imageAlt="NETRIX AI Learning Platform Dashboard"
|
||||
imagePosition="right"
|
||||
mediaAnimation="opacity"
|
||||
@@ -75,8 +74,8 @@ const HomePage = () => {
|
||||
]}
|
||||
tag="Tentang Kami"
|
||||
tagIcon={Info}
|
||||
tagAnimation="reveal-blur"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-comprehensive-technical-training-envir-1772610788508-9b57dee7.png?_wi=1"
|
||||
tagAnimation="slide-up"
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
@@ -96,64 +95,38 @@ const HomePage = () => {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Modul Pembelajaran Terstruktur",
|
||||
description: "Materi komprehensif dari dasar hingga lanjutan, mengikuti kurikulum KKNI dan standar industri",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Jalur Pembelajaran TKJ",
|
||||
subheading: "Progres dari pemula hingga expert",
|
||||
items: [
|
||||
title: "Modul Pembelajaran Terstruktur", description: "Materi komprehensif dari dasar hingga lanjutan, mengikuti kurikulum KKNI dan standar industri", bentoComponent: "timeline", heading: "Jalur Pembelajaran TKJ", subheading: "Progres dari pemula hingga expert", items: [
|
||||
{ label: "Dasar Hardware (Kelas 10)", detail: "Komponen PC, perakitan, BIOS basics" },
|
||||
{ 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,
|
||||
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",
|
||||
title: "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", heading: "Lab Scenarios", 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,
|
||||
title: "Dashboard Guru Komprehensif", description: "Manajemen kelas, tracking progress siswa, penilaian otomatis, dan analitik pembelajaran real-time", bentoComponent: "phone", statusIcon: Lock,
|
||||
alertIcon: Award,
|
||||
alertTitle: "Siswa Baru Bergabung",
|
||||
alertMessage: "Raka berhasil menyelesaikan modul Subnetting dengan skor 95%",
|
||||
apps: [
|
||||
{ name: "Analytics", icon: Chart },
|
||||
alertTitle: "Siswa Baru Bergabung", alertMessage: "Raka berhasil menyelesaikan modul Subnetting dengan skor 95%", apps: [
|
||||
{ name: "Analytics", icon: BarChart3 },
|
||||
{ name: "Students", icon: Users },
|
||||
{ name: "Tasks", icon: CheckCircle },
|
||||
{ name: "Messages", icon: Mail },
|
||||
@@ -164,10 +137,7 @@ const HomePage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Bank Soal & Sertifikasi",
|
||||
description: "Ribuan soal latihan untuk persiapan BNSP, Cisco CCNA, MikroTik MTCNA, CompTIA Network+ dengan pembahasan detail",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Bank Soal & Sertifikasi", description: "Ribuan soal latihan untuk persiapan BNSP, Cisco CCNA, MikroTik MTCNA, CompTIA Network+ dengan pembahasan detail", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Trophy, label: "BNSP Nasional", value: "2000+ Soal" },
|
||||
{ icon: Award, label: "Cisco CCNA", value: "1500+ Soal" },
|
||||
{ icon: Star, label: "MikroTik MTCNA", value: "1200+ Soal" },
|
||||
@@ -191,52 +161,22 @@ const HomePage = () => {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Perakitan & Troubleshooting PC",
|
||||
price: "Gratis - Level 10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/detailed-educational-content-showing-pc--1772610788632-fe504e2d.png?_wi=1",
|
||||
imageAlt: "PC Hardware Assembly Module",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "Perakitan & Troubleshooting PC", price: "Gratis - Level 10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/detailed-educational-content-showing-pc--1772610788632-fe504e2d.png", imageAlt: "PC Hardware Assembly Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Instalasi Sistem Operasi",
|
||||
price: "Gratis - Level 10-11",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/operating-system-installation-and-manage-1772610791628-7b828c8d.png?_wi=1",
|
||||
imageAlt: "Operating System Installation Module",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "Instalasi Sistem Operasi", price: "Gratis - Level 10-11", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/operating-system-installation-and-manage-1772610791628-7b828c8d.png", imageAlt: "Operating System Installation Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jaringan Dasar & Subnetting",
|
||||
price: "Gratis - Level 11",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/network-topology-diagrams-showing-lan-ma-1772610794695-acfa1ef0.png?_wi=1",
|
||||
imageAlt: "Networking Fundamentals Module",
|
||||
initialQuantity: 1,
|
||||
id: "3", name: "Jaringan Dasar & Subnetting", price: "Gratis - Level 11", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/network-topology-diagrams-showing-lan-ma-1772610794695-acfa1ef0.png", imageAlt: "Networking Fundamentals Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Konfigurasi Router & Switch",
|
||||
price: "Premium - Level 11-12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-network-simulator-interface-sh-1772610790867-b03fdcdf.png?_wi=1",
|
||||
imageAlt: "Router Configuration Module",
|
||||
initialQuantity: 1,
|
||||
id: "4", name: "Konfigurasi Router & Switch", price: "Premium - Level 11-12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-network-simulator-interface-sh-1772610790867-b03fdcdf.png", imageAlt: "Router Configuration Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Keamanan Jaringan Dasar",
|
||||
price: "Premium - Level 12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-ai-tutoring-interface-with-natural-la-1772610788293-978b1656.png?_wi=1",
|
||||
imageAlt: "Network Security Module",
|
||||
initialQuantity: 1,
|
||||
id: "5", name: "Keamanan Jaringan Dasar", price: "Premium - Level 12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-ai-tutoring-interface-with-natural-la-1772610788293-978b1656.png", imageAlt: "Network Security Module", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Troubleshooting Lanjutan",
|
||||
price: "Premium - Level 12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-interactive-practice-dashboard-showin-1772610789086-eec83f23.png?_wi=1",
|
||||
imageAlt: "Advanced Troubleshooting Module",
|
||||
initialQuantity: 1,
|
||||
id: "6", name: "Troubleshooting Lanjutan", price: "Premium - Level 12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/an-interactive-practice-dashboard-showin-1772610789086-eec83f23.png", imageAlt: "Advanced Troubleshooting Module", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -256,65 +196,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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -327,7 +231,7 @@ const HomePage = () => {
|
||||
description="Punya pertanyaan atau ingin implementasi NETRIX di sekolah Anda? Hubungi kami sekarang juga. Tim support kami siap membantu 24/7 via berbagai channel."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Masukkan email Anda"
|
||||
buttonText="Berlangganan"
|
||||
@@ -341,8 +245,7 @@ const HomePage = () => {
|
||||
logoText="NETRIX"
|
||||
columns={[
|
||||
{
|
||||
title: "Produk",
|
||||
items: [
|
||||
title: "Produk", items: [
|
||||
{ label: "Platform Pembelajaran", href: "/#features" },
|
||||
{ label: "Lab Simulator", href: "/simulator" },
|
||||
{ label: "AI Tutor", href: "/#features" },
|
||||
@@ -350,8 +253,7 @@ const HomePage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solusi",
|
||||
items: [
|
||||
title: "Solusi", items: [
|
||||
{ label: "Untuk Siswa", href: "/#" },
|
||||
{ label: "Untuk Guru", href: "/#" },
|
||||
{ label: "Untuk Sekolah", href: "/guru" },
|
||||
@@ -359,8 +261,7 @@ const HomePage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Perusahaan",
|
||||
items: [
|
||||
title: "Perusahaan", items: [
|
||||
{ label: "Tentang NETRIX", href: "/#about" },
|
||||
{ label: "Blog & Artikel", href: "/#" },
|
||||
{ label: "Karir", href: "/#" },
|
||||
@@ -368,8 +269,7 @@ const HomePage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dukungan",
|
||||
items: [
|
||||
title: "Dukungan", items: [
|
||||
{ label: "Pusat Bantuan", href: "/#" },
|
||||
{ label: "FAQ", href: "/#" },
|
||||
{ label: "Hubungi Kami", href: "/#contact" },
|
||||
@@ -377,8 +277,7 @@ const HomePage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
title: "Kontak", items: [
|
||||
{ label: "Email: support@netrix.id", href: "mailto:support@netrix.id" },
|
||||
{ label: "WhatsApp: +62-812-3456-7890", href: "https://wa.me/628123456789" },
|
||||
{ label: "Telepon: (021) 1234-5678", href: "tel:+622112345678" },
|
||||
|
||||
@@ -5,17 +5,17 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Cpu, Bot, User, Router, Wifi, Zap, BarChart3, Server, AlertTriangle, GitBranch } from "lucide-react";
|
||||
import { Cpu, Router, Wifi, Zap, BarChart3, Server, AlertTriangle, GitBranch } from "lucide-react";
|
||||
|
||||
const SimulatorPage = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -29,7 +29,6 @@ const SimulatorPage = () => {
|
||||
{ name: "Materi", id: "/materi" },
|
||||
{ name: "Lab Simulasi", id: "/simulator" },
|
||||
{ name: "Komunitas", id: "/komunitas" },
|
||||
{ name: "Kontak", id: "/contact" },
|
||||
]}
|
||||
brandName="NETRIX"
|
||||
bottomLeftText="Platform Pembelajaran TKJ Indonesia"
|
||||
@@ -42,16 +41,16 @@ const SimulatorPage = () => {
|
||||
<HeroSplit
|
||||
title="Lab Simulasi Virtual: Praktik Tanpa Batas"
|
||||
description="Simulator jaringan berbasis web yang memungkinkan siswa mengkonfigurasi router, switch, dan perangkat jaringan tanpa perlu investasi hardware mahal. Dengan dukungan multi-vendor dan skenario real-world, siswa dapat menguasai konfigurasi profesional dengan aman dan efisien."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Pembelajaran Praktis"
|
||||
tagIcon={Cpu}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Coba Simulator", href: "https://app.netrix.id/simulator" },
|
||||
{ text: "Pelajari Skenario", href: "#scenarios" },
|
||||
{ text: "Pelajari Skenario", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-network-simulator-interface-sh-1772610790867-b03fdcdf.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARChGFCfu26pJ7abvgtraIFthB/a-virtual-network-simulator-interface-sh-1772610790867-b03fdcdf.png"
|
||||
imageAlt="Virtual network simulator interface"
|
||||
imagePosition="right"
|
||||
mediaAnimation="opacity"
|
||||
@@ -73,10 +72,7 @@ const SimulatorPage = () => {
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Multi-Vendor Support",
|
||||
description: "Simulasi konfigurasi Cisco IOS, MikroTik RouterOS, Ubiquiti EdgeOS dengan syntax asli",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Zap,
|
||||
title: "Multi-Vendor Support", description: "Simulasi konfigurasi Cisco IOS, MikroTik RouterOS, Ubiquiti EdgeOS dengan syntax asli", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
{ icon: Router, ring: 1, duration: 8 },
|
||||
{ icon: Wifi, ring: 1, duration: 8 },
|
||||
@@ -86,26 +82,16 @@ const SimulatorPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Skenario Simulasi Tersedia",
|
||||
description: "Kasus-kasus praktis: konfigurasi jaringan sekolah, setup VLAN, implementasi DHCP, troubleshooting konektivitas",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Lab Scenarios",
|
||||
items: [
|
||||
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: [
|
||||
{ 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,
|
||||
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,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -124,25 +110,16 @@ 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: [
|
||||
title: "Collaboration Features", description: "Bekerja dalam tim untuk mengkonfigurasi jaringan kompleks bersama", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Zap, label: "Team Projects", value: "Unlimited" },
|
||||
{ icon: Server, label: "Shared Labs", value: "Real-time" },
|
||||
{ icon: Router, label: "Version Control", value: "Full History" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Performance Monitoring",
|
||||
description: "Track konfigurasi performance dengan metrics yang detail dan actionable insights",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Performance Monitoring", description: "Track konfigurasi performance dengan metrics yang detail dan actionable insights", bentoComponent: "3d-stack-cards", items: [
|
||||
{ icon: BarChart3, title: "Bandwidth", subtitle: "Monitoring", detail: "Real-time metrics" },
|
||||
{ icon: Zap, title: "Latency", subtitle: "Performance", detail: "Network response times" },
|
||||
{ icon: Server, title: "Packet Loss", subtitle: "Quality", detail: "Connection stability" },
|
||||
@@ -158,8 +135,7 @@ const SimulatorPage = () => {
|
||||
logoText="NETRIX"
|
||||
columns={[
|
||||
{
|
||||
title: "Produk",
|
||||
items: [
|
||||
title: "Produk", items: [
|
||||
{ label: "Platform Pembelajaran", href: "/#features" },
|
||||
{ label: "Lab Simulator", href: "/simulator" },
|
||||
{ label: "AI Tutor", href: "/#features" },
|
||||
@@ -167,8 +143,7 @@ const SimulatorPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solusi",
|
||||
items: [
|
||||
title: "Solusi", items: [
|
||||
{ label: "Untuk Siswa", href: "/#" },
|
||||
{ label: "Untuk Guru", href: "/#" },
|
||||
{ label: "Untuk Sekolah", href: "/guru" },
|
||||
@@ -176,8 +151,7 @@ const SimulatorPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Perusahaan",
|
||||
items: [
|
||||
title: "Perusahaan", items: [
|
||||
{ label: "Tentang NETRIX", href: "/#about" },
|
||||
{ label: "Blog & Artikel", href: "/#" },
|
||||
{ label: "Karir", href: "/#" },
|
||||
@@ -185,8 +159,7 @@ const SimulatorPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dukungan",
|
||||
items: [
|
||||
title: "Dukungan", items: [
|
||||
{ label: "Pusat Bantuan", href: "/#" },
|
||||
{ label: "FAQ", href: "/#" },
|
||||
{ label: "Hubungi Kami", href: "/#contact" },
|
||||
@@ -194,8 +167,7 @@ const SimulatorPage = () => {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
title: "Kontak", items: [
|
||||
{ label: "Email: support@netrix.id", href: "mailto:support@netrix.id" },
|
||||
{ label: "WhatsApp: +62-812-3456-7890", href: "https://wa.me/628123456789" },
|
||||
{ label: "Telepon: (021) 1234-5678", href: "tel:+622112345678" },
|
||||
|
||||
Reference in New Issue
Block a user