Merge version_3 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -32,68 +32,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Produk",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Produk", id: "#products"},
|
||||
{
|
||||
name: "Kenapa Kami",
|
||||
id: "#why",
|
||||
},
|
||||
name: "Kenapa Kami", id: "#why"},
|
||||
{
|
||||
name: "Kontak",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontak", id: "#contact"},
|
||||
]}
|
||||
brandName="WILMER Indonesia"
|
||||
button={{
|
||||
text: "Chat WhatsApp",
|
||||
href: "https://wa.me/6281234567890",
|
||||
}}
|
||||
text: "Chat WhatsApp", href: "https://wa.me/6281234567890"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Peralatan Tukang Berkualitas, Harga Terjangkau"
|
||||
description="Langsung dari WILMER – Sudah Dipakai Ribuan Pelanggan. Kuat, Murah, Terpercaya."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Sekarang",
|
||||
href: "https://wa.me/6281234567890",
|
||||
},
|
||||
text: "WhatsApp Sekarang", href: "https://wa.me/6281234567890"},
|
||||
{
|
||||
text: "Lihat Produk",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Lihat Produk", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repair-tools-kit-succulent-plant-wooden-background_23-2148393171.jpg",
|
||||
imageAlt: "Construction Hardware Tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repair-tools-kit-succulent-plant-wooden-background_23-2148393171.jpg", imageAlt: "Construction Hardware Tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881763.jpg",
|
||||
imageAlt: "Professional Hardware Tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881763.jpg", imageAlt: "Professional Hardware Tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg",
|
||||
imageAlt: "Tukang Building Tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg", imageAlt: "Tukang Building Tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-router-used-cutting-wood-carpentry-studio-panning-shot_482257-94262.jpg",
|
||||
imageAlt: "Hardware Tools Kit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-router-used-cutting-wood-carpentry-studio-panning-shot_482257-94262.jpg", imageAlt: "Hardware Tools Kit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773411.jpg",
|
||||
imageAlt: "Industrial Equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773411.jpg", imageAlt: "Industrial Equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-yellow-hardhat-holding-hammer-hand-happily-looking-camera-with-stand-tools-background-workshop_574295-1642.jpg",
|
||||
imageAlt: "Hardware Store",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-yellow-hardhat-holding-hammer-hand-happily-looking-camera-with-stand-tools-background-workshop_574295-1642.jpg", imageAlt: "Hardware Store"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,26 +82,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Gembok & Security",
|
||||
description: "Gembok kuningan dan baja berkualitas tinggi untuk keamanan maksimal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-locks-post_23-2147738727.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/metal-combination-safety-solid-lock_1203-6381.jpg",
|
||||
buttonText: "Cek Produk",
|
||||
},
|
||||
title: "Gembok & Security", description: "Gembok kuningan dan baja berkualitas tinggi untuk keamanan maksimal.", imageSrc: "http://img.b2bpic.net/free-photo/lots-locks-post_23-2147738727.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/metal-combination-safety-solid-lock_1203-6381.jpg", buttonText: "Cek Produk"},
|
||||
{
|
||||
title: "Hand Tools",
|
||||
description: "Alat tangan profesional untuk bengkel dan tukang bangunan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-wrenches_23-2148428337.jpg",
|
||||
buttonText: "Cek Produk",
|
||||
},
|
||||
title: "Hand Tools", description: "Alat tangan profesional untuk bengkel dan tukang bangunan.", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-wrenches_23-2148428337.jpg", buttonText: "Cek Produk"},
|
||||
{
|
||||
title: "Kran & Sanitary",
|
||||
description: "Perlengkapan air dan sanitary tahan karat untuk rumah Anda.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132625.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132627.jpg",
|
||||
buttonText: "Cek Produk",
|
||||
},
|
||||
title: "Kran & Sanitary", description: "Perlengkapan air dan sanitary tahan karat untuk rumah Anda.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132625.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132627.jpg", buttonText: "Cek Produk"},
|
||||
]}
|
||||
title="Solusi Alat Tukang Lengkap"
|
||||
description="Berbagai kategori alat kebutuhan bangunan dan teknik untuk proyek Anda."
|
||||
@@ -141,50 +101,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gembok Kuning Baja",
|
||||
price: "Rp 25.000",
|
||||
variant: "Terjual 1000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-security-system-perforated-paper-padlock_53876-144404.jpg",
|
||||
},
|
||||
id: "p1", name: "Gembok Kuning Baja", price: "Rp 25.000", variant: "Terjual 1000+", imageSrc: "http://img.b2bpic.net/free-photo/network-security-system-perforated-paper-padlock_53876-144404.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kuas Roll Premium",
|
||||
price: "Rp 15.000",
|
||||
variant: "Terjual 800+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506279.jpg",
|
||||
},
|
||||
id: "p2", name: "Kuas Roll Premium", price: "Rp 15.000", variant: "Terjual 800+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506279.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Klem Selang Baja",
|
||||
price: "Rp 5.000",
|
||||
variant: "Terjual 2000+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spare-part-water-pump-isolated-white_627829-7477.jpg",
|
||||
},
|
||||
id: "p3", name: "Klem Selang Baja", price: "Rp 5.000", variant: "Terjual 2000+", imageSrc: "http://img.b2bpic.net/free-photo/spare-part-water-pump-isolated-white_627829-7477.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Meteran Tukang 5M",
|
||||
price: "Rp 35.000",
|
||||
variant: "Terjual 500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retractable-tape-measure-white-background_191095-100083.jpg",
|
||||
},
|
||||
id: "p4", name: "Meteran Tukang 5M", price: "Rp 35.000", variant: "Terjual 500+", imageSrc: "http://img.b2bpic.net/free-photo/retractable-tape-measure-white-background_191095-100083.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Grendel Pintu",
|
||||
price: "Rp 12.000",
|
||||
variant: "Terjual 1200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362612.jpg",
|
||||
},
|
||||
id: "p5", name: "Grendel Pintu", price: "Rp 12.000", variant: "Terjual 1200+", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362612.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Batu Gerinda",
|
||||
price: "Rp 8.000",
|
||||
variant: "Terjual 1500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sewing-machine-shuttles_23-2148527889.jpg",
|
||||
},
|
||||
id: "p6", name: "Batu Gerinda", price: "Rp 8.000", variant: "Terjual 1500+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sewing-machine-shuttles_23-2148527889.jpg"},
|
||||
]}
|
||||
title="Produk Terlaris"
|
||||
description="Alat tukang yang paling banyak dicari dan terbukti kualitasnya."
|
||||
description="Dapatkan alat berkualitas dengan harga tangan pertama hari ini."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,11 +123,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Kenapa Pilih WILMER?"
|
||||
description={[
|
||||
"Kualitas alat kuat & tahan lama untuk penggunaan profesional.",
|
||||
"Harga lebih hemat karena langsung dari tangan pertama.",
|
||||
"Produk lengkap untuk kebutuhan renovasi hingga proyek besar.",
|
||||
"Pengiriman cepat dan terpercaya ke seluruh Indonesia.",
|
||||
]}
|
||||
"Kualitas alat kuat & tahan lama untuk penggunaan profesional.", "Harga lebih hemat karena langsung dari tangan pertama.", "Produk lengkap untuk kebutuhan renovasi hingga proyek besar.", "Pengiriman cepat dan terpercaya ke seluruh Indonesia."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -206,30 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Budi - Kontraktor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-safety-helmet-standing-with-hammer-smiling-isolated-orange-wall_141793-15158.jpg",
|
||||
},
|
||||
id: "t1", name: "Budi - Kontraktor", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-safety-helmet-standing-with-hammer-smiling-isolated-orange-wall_141793-15158.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Andi - Bengkel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881158.jpg",
|
||||
},
|
||||
id: "t2", name: "Andi - Bengkel", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881158.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Siti - Pemilik Rumah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
|
||||
},
|
||||
id: "t3", name: "Siti - Pemilik Rumah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Rahmat - Tukang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-smiling_23-2148269285.jpg",
|
||||
},
|
||||
id: "t4", name: "Rahmat - Tukang", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-smiling_23-2148269285.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Deni - Reseller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg",
|
||||
},
|
||||
id: "t5", name: "Deni - Reseller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg"},
|
||||
]}
|
||||
cardTitle="Apa Kata Mereka?"
|
||||
cardTag="Rating 4.9/5"
|
||||
@@ -245,25 +156,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "60%",
|
||||
title: "Diskon Besar",
|
||||
description: "Potongan langsung.",
|
||||
icon: Percent,
|
||||
id: "m1", value: "60%", title: "Diskon Besar", description: "Potongan langsung.", icon: Percent,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
title: "Produk Terjual",
|
||||
description: "Kepercayaan pelanggan.",
|
||||
icon: CheckCircle,
|
||||
id: "m2", value: "1000+", title: "Produk Terjual", description: "Kepercayaan pelanggan.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Respon Cepat",
|
||||
description: "Siap melayani.",
|
||||
icon: Clock,
|
||||
id: "m3", value: "24h", title: "Respon Cepat", description: "Siap melayani.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Promo Terbatas Akhir Bulan"
|
||||
@@ -278,33 +177,19 @@ export default function LandingPage() {
|
||||
description="Isi form di bawah untuk menanyakan stok atau harga grosir."
|
||||
inputs={[
|
||||
{
|
||||
name: "nama",
|
||||
type: "text",
|
||||
placeholder: "Nama Lengkap",
|
||||
required: true,
|
||||
name: "nama", type: "text", placeholder: "Nama Lengkap", required: true,
|
||||
},
|
||||
{
|
||||
name: "wa",
|
||||
type: "tel",
|
||||
placeholder: "Nomor WhatsApp",
|
||||
required: true,
|
||||
name: "wa", type: "tel", placeholder: "Nomor WhatsApp", required: true,
|
||||
},
|
||||
{
|
||||
name: "produk",
|
||||
type: "text",
|
||||
placeholder: "Produk yang dicari",
|
||||
required: true,
|
||||
name: "produk", type: "text", placeholder: "Produk yang dicari", required: true,
|
||||
},
|
||||
{
|
||||
name: "jumlah",
|
||||
type: "number",
|
||||
placeholder: "Jumlah Pesanan",
|
||||
},
|
||||
name: "jumlah", type: "number", placeholder: "Jumlah Pesanan"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "pesan",
|
||||
placeholder: "Pesan tambahan",
|
||||
}}
|
||||
name: "pesan", placeholder: "Pesan tambahan"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/large-modern-warehouse-theme-blur-background_1385-1611.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -313,29 +198,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Tentang Kami",
|
||||
items: [
|
||||
title: "Tentang Kami", items: [
|
||||
{
|
||||
label: "Kontak",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontak", href: "#contact"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/6281234567890",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/6281234567890"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kategori",
|
||||
items: [
|
||||
title: "Kategori", items: [
|
||||
{
|
||||
label: "Gembok",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Gembok", href: "#products"},
|
||||
{
|
||||
label: "Tools",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tools", href: "#products"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -345,4 +220,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user