Merge version_1 into main #1
@@ -1,6 +1,7 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Poppins } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
@@ -8,19 +9,35 @@ import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const poppins = Poppins({
|
||||
variable: "--font-poppins", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Webild components 2",
|
||||
description: "Generated by create next app",
|
||||
title: "SINGARQ – Dashboard Penagihan Voucher WiFi", description: "Sistem manajemen dan penagihan voucher WiFi untuk kemudahan distribusi, penjualan, komisi seller, dan laporan keuangan.", keywords: "SINGARQ, WiFi voucher, manajemen voucher, penagihan WiFi, laporan keuangan, komisi seller, dashboard", openGraph: {
|
||||
title: "SINGARQ – Dashboard Penagihan Voucher WiFi", description: "Sistem manajemen dan penagihan voucher WiFi untuk kemudahan distribusi, penjualan, komisi seller, dan laporan keuangan.", url: "/", siteName: "SINGARQ", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg", alt: "SINGARQ Dashboard"
|
||||
}
|
||||
],
|
||||
type: "website"
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "SINGARQ – Dashboard Penagihan Voucher WiFi", description: "Sistem manajemen dan penagihan voucher WiFi untuk kemudahan distribusi, penjualan, komisi seller, dan laporan keuangan.", images: ["http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true
|
||||
}
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -32,7 +49,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||
className={`${poppins.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
@@ -57,11 +57,11 @@ 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", imageAlt: "glassmorphism dashboard ui wifi" },
|
||||
{ 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/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", imageAlt: "glassmorphism mobile dashboard 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/3d-graph-computer-illustration_23-2151884875.jpg", imageAlt: "clean desk laptop glassmorphism dashboard" }
|
||||
]}
|
||||
ariaLabel="Hero section with WiFi voucher management dashboard overview"
|
||||
@@ -76,8 +76,8 @@ export default function HomePage() {
|
||||
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", 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", imageAlt: "3d icon total profit vouchers" }
|
||||
{ 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" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -125,10 +125,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", 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" }
|
||||
{ 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" }
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user