From 9929404e14c2ca5c0c4c39652c2a0a838c1c2c83 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 1 Jun 2026 13:05:32 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c296586..89bf27a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -7,6 +7,7 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne'; import TextAbout from '@/components/sections/about/TextAbout'; import FooterBase from '@/components/sections/footer/FooterBase'; import Link from "next/link"; +import { TrendingUp, ShoppingCart, Wallet, DollarSign } from 'lucide-react'; export default function HomePage() { const navItems = [ @@ -57,15 +58,14 @@ export default function HomePage() { tag="Manajemen Cerdas" buttons={[{ text: "Mulai Sekarang", href: "#" }]} mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg?_wi=1", imageAlt: "glassmorphism dashboard ui wifi" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg", imageAlt: "glassmorphism dashboard ui wifi" }, { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bright-colorful-light-coming-out-laptop-screen-darkness_181624-31148.jpg", imageAlt: "real-time data glassmorphism card" }, { imageSrc: "http://img.b2bpic.net/free-photo/world-population-day-still-life-concept-with-pawns_23-2149409016.jpg", imageAlt: "abstract wifi network glassmorphism" }, { imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-143188.jpg", imageAlt: "glassmorphism camera icon ui" }, - { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg?_wi=1", imageAlt: "glassmorphism mobile dashboard ui" }, + { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "glassmorphism mobile dashboard ui" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884875.jpg", imageAlt: "clean desk laptop glassmorphism dashboard" } ]} ariaLabel="Hero section with WiFi voucher management dashboard overview" - useInvertedBackground={false} /> @@ -74,10 +74,10 @@ export default function HomePage() { title="Ringkasan Kinerja Voucher" description="Lihat statistik kunci distribusi dan penjualan voucher WiFi Anda secara real-time." metrics={[ - { id: "m1", value: "15,000", description: "Voucher Dibagikan", imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037277.jpg", imageAlt: "3d icon distributed vouchers" }, - { id: "m2", value: "12,500", description: "Voucher Terjual", imageSrc: "http://img.b2bpic.net/free-photo/coins-pile-shopping-cart-white-background_1387-822.jpg", imageAlt: "3d icon sold vouchers cart" }, - { id: "m3", value: "2,500", description: "Voucher Tersisa", imageSrc: "http://img.b2bpic.net/free-vector/realistic-glass-morphism-transparent-ui-icons-with-purple-neon-gradient-mobile-interface_88138-1754.jpg?_wi=1", imageAlt: "3d icon remaining vouchers" }, - { id: "m4", value: "Rp 62,500,000", description: "Total Keuntungan (Bersih)", imageSrc: "http://img.b2bpic.net/free-vector/black-check-button_1012-84.jpg?_wi=1", imageAlt: "3d icon total profit vouchers" } + { value: "15,000", label: "Voucher Dibagikan", icon: TrendingUp }, + { value: "12,500", label: "Voucher Terjual", icon: ShoppingCart }, + { value: "2,500", label: "Voucher Tersisa", icon: Wallet }, + { value: "Rp 62,500,000", label: "Total Keuntungan (Bersih)", icon: DollarSign } ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -114,9 +114,8 @@ export default function HomePage() {
@@ -125,10 +124,10 @@ export default function HomePage() { title="Fitur Unggulan Dashboard" description="Rasakan kemudahan mengelola bisnis voucher WiFi Anda dengan fitur-fitur canggih kami." features={[ - { title: "Manajemen Seller Intuitif", description: "Lacak kinerja setiap seller secara individu.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg?_wi=2", imageAlt: "Intuitive Seller Management" }, - { title: "Laporan Real-time", description: "Dapatkan insight penjualan dan profit secara instan.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg?_wi=2", imageAlt: "Real-time Reports Icon" }, - { title: "Distribusi Voucher Fleksibel", description: "Atur distribusi voucher dengan berbagai tipe dan harga.", imageSrc: "http://img.b2bpic.net/free-vector/realistic-glass-morphism-transparent-ui-icons-with-purple-neon-gradient-mobile-interface_88138-1754.jpg?_wi=2", imageAlt: "Flexible Voucher Distribution Icon" }, - { title: "Penghitungan Komisi Otomatis", description: "Komisi seller dihitung secara otomatis dan akurat.", imageSrc: "http://img.b2bpic.net/free-vector/black-check-button_1012-84.jpg?_wi=2", imageAlt: "Automated Commission Calculation Icon" } + { title: "Manajemen Seller Intuitif", description: "Lacak kinerja setiap seller secara individu.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "Intuitive Seller Management" }, + { title: "Laporan Real-time", description: "Dapatkan insight penjualan dan profit secara instan.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg", imageAlt: "Real-time Reports Icon" }, + { title: "Distribusi Voucher Fleksibel", description: "Atur distribusi voucher dengan berbagai tipe dan harga.", imageSrc: "http://img.b2bpic.net/free-vector/realistic-glass-morphism-transparent-ui-icons-with-purple-neon-gradient-mobile-interface_88138-1754.jpg", imageAlt: "Flexible Voucher Distribution Icon" }, + { title: "Penghitungan Komisi Otomatis", description: "Komisi seller dihitung secara otomatis dan akurat.", imageSrc: "http://img.b2bpic.net/free-vector/black-check-button_1012-84.jpg", imageAlt: "Automated Commission Calculation Icon" } ]} gridVariant="four-items-2x2-equal-grid" animationType="slide-up" -- 2.49.1