bender/ab23dfa5-0c90-4016-a9e6-3c73b26de54a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-13 06:39:12 +00:00
parent 6b6a81a1c3
commit 2a630e7c8b
1 changed files with 44 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
src/app/page.tsx
View File

@@ -30,31 +30,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Beranda",
id: "/",
},
name: "Beranda", id: "/"},
{
name: "Tentang Kami",
id: "/about",
},
name: "Tentang Kami", id: "/about"},
{
name: "Fitur",
id: "/features",
},
name: "Fitur", id: "/features"},
{
name: "Harga",
id: "/pricing",
},
name: "Harga", id: "/pricing"},
{
name: "Kontak",
id: "/contact",
},
name: "Kontak", id: "/contact"},
]}
brandName="Tokoku.com"
button={{
text: "Mulai Uji Coba Gratis",
href: "/signup",
}}
text: "Mulai Uji Coba Gratis", href: "/signup"}}
animateOnLoad={true}
/>
</div>
@@ -63,113 +51,60 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Buat Toko Online Anda Sendiri di Indonesia dengan Mudah"
description="Tokoku.com memberdayakan Anda untuk meluncurkan dan mengembangkan bisnis online di pasar Indonesia. Bangun situs e-commerce yang memukau tanpa coding, dan kelola semuanya dari satu platform cerdas."
testimonials={[
{
name: "Sarah Widodo",
handle: "@sarah_fashion",
testimonial: "Tokoku.com benar-benar mengubah cara saya berjualan online. Fitur drag-and-drop sangat intuitif!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lightskinned-adult-brunette-lady-glasses-shirt-looks-camera-while-standing-office-cubicle-confidence-your-work-concept_197531-31288.jpg",
},
name: "Sarah Widodo", handle: "@sarah_fashion", testimonial: "Tokoku.com benar-benar mengubah cara saya berjualan online. Fitur drag-and-drop sangat intuitif!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lightskinned-adult-brunette-lady-glasses-shirt-looks-camera-while-standing-office-cubicle-confidence-your-work-concept_197531-31288.jpg"},
{
name: "Budi Santoso",
handle: "@budi_crafts",
testimonial: "Dukungan pelanggan Tokoku.com sangat responsif dan membantu. Bisnis kerajinan saya tumbuh pesat berkat platform ini.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-person_23-2149124030.jpg",
},
name: "Budi Santoso", handle: "@budi_crafts", testimonial: "Dukungan pelanggan Tokoku.com sangat responsif dan membantu. Bisnis kerajinan saya tumbuh pesat berkat platform ini.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-person_23-2149124030.jpg"},
{
name: "Citra Dewi",
handle: "@citra_boutique",
testimonial: "Analisis toko real-time sangat membantu saya membuat keputusan bisnis yang lebih baik.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-lady_1098-19928.jpg",
},
name: "Citra Dewi", handle: "@citra_boutique", testimonial: "Analisis toko real-time sangat membantu saya membuat keputusan bisnis yang lebih baik.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-lady_1098-19928.jpg"},
{
name: "Aditya Putra",
handle: "@aditya_books",
testimonial: "Integrasi pembayaran lokal sangat mulus. Pelanggan saya menyukainya!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/chinese-man-glasses-sitting-bench-outdoors-using-laptop_1098-17302.jpg",
},
name: "Aditya Putra", handle: "@aditya_books", testimonial: "Integrasi pembayaran lokal sangat mulus. Pelanggan saya menyukainya!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/chinese-man-glasses-sitting-bench-outdoors-using-laptop_1098-17302.jpg"},
{
name: "Maya Sari",
handle: "@maya_cakes",
testimonial: "Saya bisa meluncurkan toko kue online saya dalam sehari. Tokoku.com memang solusi terbaik untuk UMKM.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-woman-eyeglasses-massive-earrings-beige-jacket-smiles-holds-cup-coffee_197531-24389.jpg",
},
name: "Maya Sari", handle: "@maya_cakes", testimonial: "Saya bisa meluncurkan toko kue online saya dalam sehari. Tokoku.com memang solusi terbaik untuk UMKM.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-woman-eyeglasses-massive-earrings-beige-jacket-smiles-holds-cup-coffee_197531-24389.jpg"},
]}
buttons={[
{
text: "Mulai Gratis Sekarang",
href: "/signup",
},
text: "Mulai Gratis Sekarang", href: "/signup"},
{
text: "Lihat Fitur Lengkap",
href: "/features",
},
text: "Lihat Fitur Lengkap", href: "/features"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-young-asian-male-feeling-happy-smiling-looking-front-while-relaxing-kitchen-home_7861-2875.jpg",
alt: "John Doe",
},
src: "http://img.b2bpic.net/free-photo/happy-young-asian-male-feeling-happy-smiling-looking-front-while-relaxing-kitchen-home_7861-2875.jpg", alt: "John Doe"},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-focused-asian-coder-writing-online-cloud-computing-code-smiling-sitting-desk-database-development-agency-friendly-app-developer-working-casually-computing-big-data_482257-41843.jpg",
alt: "Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/closeup-portrait-focused-asian-coder-writing-online-cloud-computing-code-smiling-sitting-desk-database-development-agency-friendly-app-developer-working-casually-computing-big-data_482257-41843.jpg", alt: "Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-male-white-shirt-posing_140725-28058.jpg",
alt: "Robert Brown",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-male-white-shirt-posing_140725-28058.jpg", alt: "Robert Brown"},
{
src: "http://img.b2bpic.net/free-photo/serious-dark-haired-woman-brown-coat-has-healthy-skin-minimal-makeup-looks-with-charming-expression_273609-38847.jpg",
alt: "Emily White",
},
src: "http://img.b2bpic.net/free-photo/serious-dark-haired-woman-brown-coat-has-healthy-skin-minimal-makeup-looks-with-charming-expression_273609-38847.jpg", alt: "Emily White"},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-blond-asian-guy-black-tshirt-smiling-happy-camera-standing-yellow-bac_1258-110565.jpg",
alt: "Closeup of handsome blond asian guy in black tshirt smiling happy at camera standing over yellow bac",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-blond-asian-guy-black-tshirt-smiling-happy-camera-standing-yellow-bac_1258-110565.jpg", alt: "Closeup of handsome blond asian guy in black tshirt smiling happy at camera standing over yellow bac"},
]}
imageSrc="http://img.b2bpic.net/free-photo/online-shopping-sale-app_23-2151952980.jpg"
imageAlt="Tokoku.com dashboard interface"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625686.jpg",
alt: "Shopping Cart",
},
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625686.jpg", alt: "Shopping Cart"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/restaurant-logo-template_23-2150528962.jpg",
alt: "Store Front",
},
type: "image", src: "http://img.b2bpic.net/free-vector/restaurant-logo-template_23-2150528962.jpg", alt: "Store Front"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/mobile-development-background-design_1300-121.jpg",
alt: "Web Design",
},
type: "image", src: "http://img.b2bpic.net/free-vector/mobile-development-background-design_1300-121.jpg", alt: "Web Design"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/infographic-elements-poster_1284-12079.jpg",
alt: "Analytics",
},
type: "image", src: "http://img.b2bpic.net/free-vector/infographic-elements-poster_1284-12079.jpg", alt: "Analytics"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/adha-shopping-app_187299-47451.jpg",
alt: "Mobile Commerce",
},
type: "image", src: "http://img.b2bpic.net/free-photo/adha-shopping-app_187299-47451.jpg", alt: "Mobile Commerce"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/secure-payment-ultimate-protection-landing-page_23-2148545300.jpg",
alt: "Payment Gateway",
},
type: "image", src: "http://img.b2bpic.net/free-vector/secure-payment-ultimate-protection-landing-page_23-2148545300.jpg", alt: "Payment Gateway"},
]}
marqueeSpeed={30}
/>
@@ -193,24 +128,16 @@ export default function LandingPage() {
features={[
{
icon: Move,
title: "Pembuat Toko Drag & Drop",
description: "Bangun toko online yang menarik dengan antarmuka yang intuitif, tidak perlu keahlian coding.",
},
title: "Pembuat Toko Drag & Drop", description: "Bangun toko online yang menarik dengan antarmuka yang intuitif, tidak perlu keahlian coding."},
{
icon: LineChart,
title: "Analisis Bisnis Cerdas",
description: "Dapatkan wawasan mendalam tentang penjualan, pelanggan, dan tren pasar dengan fitur analitik SaaS kami.",
},
title: "Analisis Bisnis Cerdas", description: "Dapatkan wawasan mendalam tentang penjualan, pelanggan, dan tren pasar dengan fitur analitik SaaS kami."},
{
icon: CreditCard,
title: "Integrasi Pembayaran Lokal",
description: "Tawarkan berbagai metode pembayaran yang populer di Indonesia untuk kenyamanan pelanggan Anda.",
},
title: "Integrasi Pembayaran Lokal", description: "Tawarkan berbagai metode pembayaran yang populer di Indonesia untuk kenyamanan pelanggan Anda."},
{
icon: Bell,
title: "Alat Pemasaran Terekualisasi",
description: "Jangkau lebih banyak pelanggan dengan fitur SEO, diskon, dan kampanye email yang mudah dikelola.",
},
title: "Alat Pemasaran Terekualisasi", description: "Jangkau lebih banyak pelanggan dengan fitur SEO, diskon, dan kampanye email yang mudah dikelola."},
]}
title="Kelola Bisnis Anda dengan Mudah dan Cerdas"
description="Dari membangun toko impian hingga menganalisis penjualan, Tokoku.com menyediakan semua alat yang Anda butuhkan untuk sukses di pasar Indonesia."
@@ -222,14 +149,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Batik Nusantara",
"Kopi Senja",
"Kerajinan Indah",
"Gadget Canggih",
"Fashion Lokal",
"Buku Pintar",
"Kuliner Rasa",
]}
"Batik Nusantara", "Kopi Senja", "Kerajinan Indah", "Gadget Canggih", "Fashion Lokal", "Buku Pintar", "Kuliner Rasa"]}
title="Dipercaya oleh Ribuan UMKM di Seluruh Indonesia"
description="Kami bangga menjadi mitra teknologi pilihan bagi ribuan usaha kecil dan menengah di berbagai sektor."
/>
@@ -241,45 +161,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Omset Meningkat Drastis!",
quote: "Setelah beralih ke Tokoku.com, omset toko fashion saya naik 50% dalam 3 bulan. Antarmuka yang ramah pengguna dan fitur analisis yang kuat sangat membantu.",
name: "Dewi Sartika",
role: "Pemilik Butik Fashion",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-manager-calling-client_1262-1179.jpg",
},
id: "1", title: "Omset Meningkat Drastis!", quote: "Setelah beralih ke Tokoku.com, omset toko fashion saya naik 50% dalam 3 bulan. Antarmuka yang ramah pengguna dan fitur analisis yang kuat sangat membantu.", name: "Dewi Sartika", role: "Pemilik Butik Fashion", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-manager-calling-client_1262-1179.jpg"},
{
id: "2",
title: "Dukungan Pelanggan Terbaik",
quote: "Setiap kali saya punya pertanyaan, tim Tokoku.com selalu sigap membantu. Layanan mereka benar-benar top!",
name: "Rizky Firmansyah",
role: "Pengrajin Kayu",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg",
},
id: "2", title: "Dukungan Pelanggan Terbaik", quote: "Setiap kali saya punya pertanyaan, tim Tokoku.com selalu sigap membantu. Layanan mereka benar-benar top!", name: "Rizky Firmansyah", role: "Pengrajin Kayu", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg"},
{
id: "3",
title: "Sangat Mudah Digunakan",
quote: "Saya tidak punya latar belakang teknis, tapi saya bisa membangun toko saya sendiri dalam waktu singkat. Terima kasih Tokoku.com!",
name: "Fitriani",
role: "Penjual Kue Online",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-asian-woman-light-outfit-holds-tea-cup-inside-portrait-young-lady-beige-jacket-dark-eyeglasses-drinks-coffee-cozy-room_197531-27759.jpg",
},
id: "3", title: "Sangat Mudah Digunakan", quote: "Saya tidak punya latar belakang teknis, tapi saya bisa membangun toko saya sendiri dalam waktu singkat. Terima kasih Tokoku.com!", name: "Fitriani", role: "Penjual Kue Online", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-asian-woman-light-outfit-holds-tea-cup-inside-portrait-young-lady-beige-jacket-dark-eyeglasses-drinks-coffee-cozy-room_197531-27759.jpg"},
{
id: "4",
title: "Wawasan Bisnis yang Berharga",
quote: "Dashboard analitik Tokoku.com memberikan saya data yang jelas untuk memahami perilaku pelanggan dan mengoptimalkan strategi penjualan.",
name: "Joko Susilo",
role: "Pengusaha Elektronik",
imageSrc: "http://img.b2bpic.net/free-photo/medium-closeup-man-casualwear-sitting-conference-table-looking-camera_1098-19175.jpg",
},
id: "4", title: "Wawasan Bisnis yang Berharga", quote: "Dashboard analitik Tokoku.com memberikan saya data yang jelas untuk memahami perilaku pelanggan dan mengoptimalkan strategi penjualan.", name: "Joko Susilo", role: "Pengusaha Elektronik", imageSrc: "http://img.b2bpic.net/free-photo/medium-closeup-man-casualwear-sitting-conference-table-looking-camera_1098-19175.jpg"},
{
id: "5",
title: "Membantu UMKM Go Digital",
quote: "Sebagai UMKM, kami sangat terbantu dengan platform yang terjangkau namun powerful ini. Kini produk lokal kami bisa menjangkau seluruh Indonesia.",
name: "Maria Lestari",
role: "Pengelola Toko Oleh-oleh",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-woman-sitting-her-office_23-2148327032.jpg",
},
id: "5", title: "Membantu UMKM Go Digital", quote: "Sebagai UMKM, kami sangat terbantu dengan platform yang terjangkau namun powerful ini. Kini produk lokal kami bisa menjangkau seluruh Indonesia.", name: "Maria Lestari", role: "Pengelola Toko Oleh-oleh", imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-woman-sitting-her-office_23-2148327032.jpg"},
]}
title="Apa Kata Pengguna Kami?"
description="Dengarkan pengalaman nyata dari para pemilik toko online yang sukses bersama Tokoku.com."
@@ -288,19 +178,15 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
logoSrc="http://img.b2bpic.net/free-vector/modern-company-logo_23-2147986043.jpg"
logoText="Tokoku.com"
leftLink={{
text: "Kontak Kami",
href: "/contact",
}}
text: "Kontak Kami", href: "/contact"}}
rightLink={{
text: "Pusat Bantuan",
href: "#",
}}
text: "Pusat Bantuan", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}