Merge version_6 into main #5
@@ -1,108 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DeletedPageContent() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda", id: "/"},
|
||||
{
|
||||
name: "Tentang Kami", id: "/about"},
|
||||
{
|
||||
name: "Fitur", id: "/features"},
|
||||
{
|
||||
name: "Harga", id: "/pricing"},
|
||||
{
|
||||
name: "Kontak", id: "/contact"},
|
||||
]}
|
||||
brandName="Tokoku.com"
|
||||
button={{
|
||||
text: "Mulai Uji Coba Gratis", href: "/signup"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-mission" data-section="about-mission">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Misi Kami: Memajukan UMKM Indonesia di Era Digital"
|
||||
description="Tokoku.com didirikan dengan visi untuk memberikan setiap pelaku UMKM di Indonesia kesempatan yang sama untuk bersaing di pasar digital. Kami percaya teknologi harus inklusif dan mudah diakses oleh semua, demi pertumbuhan ekonomi nasional."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-portrait-international-employees-with-smiling-asian-man-foreground_197531-4978.jpg"
|
||||
imageAlt="Diverse team collaborating in a modern office"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics-impact" data-section="metrics-impact">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "10.000+", description: "Toko Aktif"},
|
||||
{
|
||||
id: "m2", value: "Rp 500M+", description: "Transaksi Tahunan"},
|
||||
{
|
||||
id: "m3", value: "98%", description: "Kepuasan Pelanggan"},
|
||||
]}
|
||||
title="Dampak Kami Terhadap Ekonomi Digital Indonesia"
|
||||
description="Angka-angka ini mencerminkan dedikasi kami untuk membantu bisnis tumbuh dan berkembang, menciptakan ekosistem e-commerce yang sehat."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1", name: "Agus Salim", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-asian-businessman-with-crossed-arms_1262-1587.jpg"},
|
||||
{
|
||||
id: "t2", name: "Putri Anggraini", role: "Chief Product Officer", imageSrc: "http://img.b2bpic.net/free-photo/two-young-asian-female-coworkers-standing-desk-using-laptop_1098-20478.jpg"},
|
||||
{
|
||||
id: "t3", name: "Bayu Wijaya", role: "Head of Engineering", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-handsome-executive-businessman-smart-casual-wear-looking-camera-smiling_7861-3118.jpg"},
|
||||
]}
|
||||
title="Tim di Balik Kesuksesan Anda"
|
||||
description="Kenalan dengan individu-individu berdedikasi yang membuat Tokoku.com menjadi platform terdepan untuk UMKM di Indonesia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-vector/modern-company-logo_23-2147986043.jpg"
|
||||
logoText="Tokoku.com"
|
||||
leftLink={{
|
||||
text: "Kontak Kami", href: "/contact"}}
|
||||
rightLink={{
|
||||
text: "Pusat Bantuan", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center text-xl text-gray-500">
|
||||
This website has been deleted as requested.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,83 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DeletedPageContent() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda", id: "/"},
|
||||
{
|
||||
name: "Tentang Kami", id: "/about"},
|
||||
{
|
||||
name: "Fitur", id: "/features"},
|
||||
{
|
||||
name: "Harga", id: "/pricing"},
|
||||
{
|
||||
name: "Kontak", id: "/contact"},
|
||||
]}
|
||||
brandName="Tokoku.com"
|
||||
button={{
|
||||
text: "Mulai Uji Coba Gratis", href: "/signup"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-us" data-section="contact-us">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Hubungi Kami"
|
||||
title="Kami Siap Membantu Anda"
|
||||
description="Ada pertanyaan atau butuh dukungan? Jangan ragu untuk menghubungi tim ahli Tokoku.com. Kami akan dengan senang hati membantu Anda."
|
||||
inputPlaceholder="Masukkan Email Anda"
|
||||
buttonText="Kirim Pesan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partner-logos" data-section="partner-logos">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"PaymentGateway Pro", "LogisticExpress", "AnalyticsPlus", "CloudHost ID", "MarketingGenius", "SecurityShield", "DataInsights"]}
|
||||
title="Mitra Strategis Kami"
|
||||
description="Tokoku.com bekerja sama dengan berbagai penyedia layanan terkemuka untuk memastikan Anda mendapatkan solusi terbaik dan terlengkap."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-vector/modern-company-logo_23-2147986043.jpg"
|
||||
logoText="Tokoku.com"
|
||||
leftLink={{
|
||||
text: "Kontak Kami", href: "/contact"}}
|
||||
rightLink={{
|
||||
text: "Pusat Bantuan", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center text-xl text-gray-500">
|
||||
This website has been deleted as requested.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,132 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { BarChart, Briefcase, DollarSign, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DeletedPageContent() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda", id: "/"},
|
||||
{
|
||||
name: "Tentang Kami", id: "/about"},
|
||||
{
|
||||
name: "Fitur", id: "/features"},
|
||||
{
|
||||
name: "Harga", id: "/pricing"},
|
||||
{
|
||||
name: "Kontak", id: "/contact"},
|
||||
]}
|
||||
brandName="Tokoku.com"
|
||||
button={{
|
||||
text: "Mulai Uji Coba Gratis", href: "/signup"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="platform-features" data-section="platform-features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Template Desain Profesional", description: "Pilih dari ratusan template toko yang responsif dan dapat disesuaikan untuk menciptakan tampilan unik."},
|
||||
{
|
||||
icon: BarChart,
|
||||
title: "Analisis Toko Real-time", description: "Pantau performa toko Anda dengan data terkini mengenai penjualan, pengunjung, dan produk terlaris."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Integrasi Pembayaran Lokal", description: "Dukung pembayaran melalui transfer bank, e-wallet, dan metode lain yang familiar bagi pelanggan Indonesia."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Sistem Manajemen Pesanan", description: "Kelola pesanan, pengiriman, dan stok dengan mudah dari satu dashboard terpusat."},
|
||||
]}
|
||||
title="Fitur Unggulan untuk Kembangkan Toko Online Anda"
|
||||
description="Kami menyediakan berbagai fitur canggih yang mudah digunakan, dirancang khusus untuk pasar Indonesia, memastikan Anda selalu selangkah di depan."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="store-inspiration" data-section="store-inspiration">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "prod1", name: "Butik Busana Lokal", price: "Mulai Rp 150rb", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-trench-coat-side-view_23-2149726791.jpg", imageAlt: "Fashion boutique website"},
|
||||
{
|
||||
id: "prod2", name: "Kopi Nusantara Online", price: "Mulai Rp 50rb", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210458.jpg", imageAlt: "Coffee shop website"},
|
||||
{
|
||||
id: "prod3", name: "Galeri Kerajinan Tangan", price: "Mulai Rp 80rb", imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-with-ink-japanese-paper_23-2149048351.jpg", imageAlt: "Handicraft store website"},
|
||||
{
|
||||
id: "prod4", name: "Dapur Online Modern", price: "Mulai Rp 35rb", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-photos-tablet-cafe_23-2147826823.jpg", imageAlt: "Modern food delivery website"},
|
||||
{
|
||||
id: "prod5", name: "Pusat Gadget & Elektronik", price: "Mulai Rp 1jt", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039322.jpg", imageAlt: "Electronics store website"},
|
||||
{
|
||||
id: "prod6", name: "Toko Buku Digital", price: "Mulai Rp 25rb", imageSrc: "http://img.b2bpic.net/free-photo/apple-glasses-books-near-suitcase_23-2147863528.jpg", imageAlt: "Digital bookstore website"},
|
||||
]}
|
||||
title="Inspirasi Toko Online dari Pengguna Tokoku.com"
|
||||
description="Lihatlah berbagai contoh toko online sukses yang dibangun menggunakan platform Tokoku.com, dari fashion hingga kuliner."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-features" data-section="faq-features">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Apakah saya perlu coding untuk membuat toko?", content: "Tidak sama sekali! Tokoku.com dirancang untuk non-teknis dengan antarmuka drag-and-drop yang mudah digunakan."},
|
||||
{
|
||||
id: "q2", title: "Bisakah saya mengintegrasikan pembayaran COD?", content: "Ya, Tokoku.com mendukung berbagai metode pembayaran lokal, termasuk COD (Cash On Delivery) dan berbagai e-wallet populer."},
|
||||
{
|
||||
id: "q3", title: "Bagaimana cara kerja analisis toko?", content: "Dashboard analitik kami memberikan wawasan real-time tentang penjualan, produk terlaris, perilaku pengunjung, dan sumber trafik Anda, semua di satu tempat."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-ordering-sushi_23-2149870728.jpg"
|
||||
imageAlt="Tablet displaying drag and drop website builder"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Pertanyaan Umum Seputar Fitur Kami"
|
||||
description="Dapatkan jawaban cepat tentang bagaimana fitur Tokoku.com dapat membantu bisnis online Anda berkembang dan mencapai potensi penuhnya."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-vector/modern-company-logo_23-2147986043.jpg"
|
||||
logoText="Tokoku.com"
|
||||
leftLink={{
|
||||
text: "Kontak Kami", href: "/contact"}}
|
||||
rightLink={{
|
||||
text: "Pusat Bantuan", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center text-xl text-gray-500">
|
||||
This website has been deleted as requested.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
191
src/app/page.tsx
191
src/app/page.tsx
@@ -1,192 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Bell, CreditCard, LineChart, Move } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DeletedPageContent() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda", id: "/"},
|
||||
{
|
||||
name: "Tentang Kami", id: "/about"},
|
||||
{
|
||||
name: "Fitur", id: "/features"},
|
||||
{
|
||||
name: "Harga", id: "/pricing"},
|
||||
{
|
||||
name: "Kontak", id: "/contact"},
|
||||
]}
|
||||
brandName="Tokoku.com"
|
||||
button={{
|
||||
text: "Mulai Uji Coba Gratis", href: "/signup"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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: "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: "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"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mulai Gratis Sekarang", href: "/signup"},
|
||||
{
|
||||
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/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/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"},
|
||||
]}
|
||||
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-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/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-vector/secure-payment-ultimate-protection-landing-page_23-2148545300.jpg", alt: "Payment Gateway"},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Tokoku.com: Solusi E-commerce Lengkap untuk Pasar Indonesia"
|
||||
description="Kami memahami kebutuhan unik bisnis di Indonesia. Tokoku.com dirancang untuk membantu Anda meraih sukses dengan fitur lokalisasi, dukungan pelanggan yang responsif, dan performa yang optimal untuk audiens lokal."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-indonesia-gold-glitter-map-dark-background_559531-10581.jpg"
|
||||
imageAlt="Digital map of Indonesia with network connections"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Move,
|
||||
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."},
|
||||
{
|
||||
icon: CreditCard,
|
||||
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="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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
title="Apa Kata Pengguna Kami?"
|
||||
description="Dengarkan pengalaman nyata dari para pemilik toko online yang sukses bersama Tokoku.com."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-vector/modern-company-logo_23-2147986043.jpg"
|
||||
logoText="Tokoku.com"
|
||||
leftLink={{
|
||||
text: "Kontak Kami", href: "/contact"}}
|
||||
rightLink={{
|
||||
text: "Pusat Bantuan", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center text-xl text-gray-500">
|
||||
This website has been deleted as requested.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,130 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DeletedPageContent() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda", id: "/"},
|
||||
{
|
||||
name: "Tentang Kami", id: "/about"},
|
||||
{
|
||||
name: "Fitur", id: "/features"},
|
||||
{
|
||||
name: "Harga", id: "/pricing"},
|
||||
{
|
||||
name: "Kontak", id: "/contact"},
|
||||
]}
|
||||
brandName="Tokoku.com"
|
||||
button={{
|
||||
text: "Mulai Uji Coba Gratis", href: "/signup"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing-plans" data-section="pricing-plans">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Paket Gratis", price: "Rp 0", period: "/bulan", features: [
|
||||
"Toko Online Dasar", "Template Terbatas", "Analisis Dasar", "Dukungan Email"],
|
||||
button: {
|
||||
text: "Mulai Gratis", href: "/signup"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-augmented-reality_1134-168.jpg", imageAlt: "Free plan icon"},
|
||||
{
|
||||
id: "business", title: "Paket Bisnis", price: "Rp 149.000", period: "/bulan", features: [
|
||||
"Semua Fitur Gratis", "Domain Kustom Gratis", "Analisis Lanjutan", "Integrasi Pembayaran Penuh", "Dukungan Prioritas"],
|
||||
button: {
|
||||
text: "Coba Gratis 7 Hari", href: "/signup"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-left-side-with-white-background_187299-39724.jpg", imageAlt: "Business plan icon"},
|
||||
{
|
||||
id: "pro", title: "Paket Pro", price: "Rp 299.000", period: "/bulan", features: [
|
||||
"Semua Fitur Bisnis", "AI-Powered Insights", "Manajemen Multi-Toko", "Dedicated Account Manager", "Fitur Premium Lainnya"],
|
||||
button: {
|
||||
text: "Hubungi Sales", href: "/contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-electronics-store-labels-template_23-2151138132.jpg", imageAlt: "Pro plan icon"},
|
||||
]}
|
||||
title="Pilih Paket yang Tepat untuk Bisnis Anda"
|
||||
description="Mulai dengan paket gratis atau tingkatkan ke fitur premium yang dapat diskalakan sesuai kebutuhan bisnis online Anda di Indonesia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing-testimonials" data-section="pricing-testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "p1", title: "Harga Terjangkau, Fitur Maksimal", quote: "Paket Bisnis Tokoku.com sangat worth it! Dengan harga segini, saya dapat fitur lengkap yang membantu toko saya berkembang pesat.", name: "Agnes Monica", role: "Pemilik Toko Buku", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-couch_23-2148542130.jpg"},
|
||||
{
|
||||
id: "p2", title: "ROI yang Jelas", quote: "Saya melihat ROI (Return On Investment) yang sangat jelas setelah upgrade ke Paket Pro. Fitur AI sangat akurat memprediksi tren pasar.", name: "Rio Dewanto", role: "Pengelola E-commerce Fashion", imageSrc: "http://img.b2bpic.net/free-photo/friendly-man-sitting-cafe-table-with-tablet_1262-2382.jpg"},
|
||||
{
|
||||
id: "p3", title: "Fleksibel dan Skalabel", quote: "Senang sekali Tokoku.com punya banyak pilihan paket. Saya bisa mulai dari gratis dan upgrade seiring pertumbuhan bisnis.", name: "Luna Maya", role: "Entrepreneur Kuliner", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-home-office_1150-11560.jpg"},
|
||||
{
|
||||
id: "p4", title: "Tanpa Biaya Tersembunyi", quote: "Transparansi harga Tokoku.com sangat saya hargai. Tidak ada biaya tersembunyi, semua jelas di awal.", name: "Christian Sugiono", role: "Pemasar Digital", imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-wearing-grey-jacket-posing_114579-15944.jpg"},
|
||||
{
|
||||
id: "p5", title: "Dukungan Terbaik di Paket Pro", quote: "Dedicated Account Manager di Paket Pro sangat membantu. Mereka selalu siap memberikan saran dan solusi terbaik.", name: "Chelsea Islan", role: "Pendiri Startup Lokal", imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-with-black-jacket_1098-4071.jpg"},
|
||||
]}
|
||||
title="Investasi yang Terbayar: Kesuksesan dengan Tokoku.com"
|
||||
description="Dengar langsung dari para pebisnis yang merasakan nilai lebih dari paket Tokoku.com, membantu mereka mencapai tujuan finansial."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="plan-comparison" data-section="plan-comparison">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "comp1", name: "Fitur Paket Gratis", price: "Ideal untuk pemula", imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-designs_1209-70.jpg", imageAlt: "Features for Free Plan"},
|
||||
{
|
||||
id: "comp2", name: "Fitur Paket Bisnis", price: "Ideal untuk berkembang", imageSrc: "http://img.b2bpic.net/free-photo/wooden-symbol-shopping-cart-online-shopping-concept_1387-882.jpg", imageAlt: "Features for Business Plan"},
|
||||
{
|
||||
id: "comp3", name: "Fitur Paket Pro", price: "Ideal untuk profesional", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-personal-computer-with-workstation_23-2150714057.jpg", imageAlt: "Features for Pro Plan"},
|
||||
]}
|
||||
title="Perbandingan Fitur di Setiap Paket"
|
||||
description="Pilih paket yang paling sesuai dengan skala dan ambisi toko online Anda. Setiap paket dirancang untuk memberikan nilai terbaik."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-vector/modern-company-logo_23-2147986043.jpg"
|
||||
logoText="Tokoku.com"
|
||||
leftLink={{
|
||||
text: "Kontak Kami", href: "/contact"}}
|
||||
rightLink={{
|
||||
text: "Pusat Bantuan", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center text-xl text-gray-500">
|
||||
This website has been deleted as requested.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,121 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DeletedPageContent() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Tentang Kami",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Fitur",
|
||||
id: "/features",
|
||||
},
|
||||
{
|
||||
name: "Harga",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Kontak",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Tokoku.com"
|
||||
button={{
|
||||
text: "Mulai Uji Coba Gratis",
|
||||
href: "/signup",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="free-trial-signup" data-section="free-trial-signup">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Mulai Sekarang"
|
||||
title="Coba Tokoku.com Gratis Selama 7 Hari"
|
||||
description="Tidak perlu kartu kredit. Nikmati semua fitur premium dan bangun toko impian Anda hari ini! Rasakan perbedaannya."
|
||||
inputPlaceholder="Masukkan Email Anda"
|
||||
buttonText="Mulai Uji Coba Gratis"
|
||||
termsText="Dengan mengklik 'Mulai Uji Coba Gratis', Anda menyetujui Syarat dan Ketentuan kami."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-trial" data-section="faq-trial">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "tfaq1",
|
||||
title: "Apakah saya perlu kartu kredit untuk uji coba gratis?",
|
||||
content: "Tidak, Anda tidak perlu kartu kredit untuk memulai uji coba gratis 7 hari Tokoku.com. Cukup daftar dengan email Anda.",
|
||||
},
|
||||
{
|
||||
id: "tfaq2",
|
||||
title: "Apa yang terjadi setelah masa uji coba berakhir?",
|
||||
content: "Setelah masa uji coba berakhir, toko Anda akan otomatis beralih ke Paket Gratis. Anda dapat memilih untuk upgrade ke Paket Bisnis atau Pro kapan saja.",
|
||||
},
|
||||
{
|
||||
id: "tfaq3",
|
||||
title: "Fitur apa saja yang saya dapatkan dalam uji coba gratis?",
|
||||
content: "Dalam masa uji coba gratis, Anda mendapatkan akses ke semua fitur Paket Pro sehingga Anda dapat merasakan pengalaman penuh Tokoku.com.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/apply-online-application-form-recruitment-concept_53876-134035.jpg"
|
||||
imageAlt="Person signing up on a digital form"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
title="Pertanyaan Umum Seputar Uji Coba Gratis"
|
||||
description="Temukan jawaban atas pertanyaan paling sering diajukan mengenai pendaftaran dan uji coba gratis Tokoku.com."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
|
||||
logoText="Tokoku.com"
|
||||
leftLink={{
|
||||
text: "Kontak Kami",
|
||||
href: "/contact",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Pusat Bantuan",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<div className="flex min-h-screen items-center justify-center text-xl text-gray-500">
|
||||
This website has been deleted as requested.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user