Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3bfb05787c |
200
src/app/page.tsx
200
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Produk",
|
||||
id: "#produk",
|
||||
},
|
||||
name: "Produk", id: "#produk"},
|
||||
{
|
||||
name: "Harga",
|
||||
id: "#harga",
|
||||
},
|
||||
name: "Harga", id: "#harga"},
|
||||
{
|
||||
name: "Hampers",
|
||||
id: "#hampers",
|
||||
},
|
||||
name: "Hampers", id: "#hampers"},
|
||||
{
|
||||
name: "Pesan",
|
||||
id: "#pesan",
|
||||
},
|
||||
name: "Pesan", id: "#pesan"},
|
||||
]}
|
||||
brandName="Beku-Beku Bintaro"
|
||||
/>
|
||||
@@ -53,65 +45,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Cita Rasa Nusantara, Di Rumahmu"
|
||||
description="Nikmati kelezatan masakan Indonesia autentik dengan bahan premium pilihan yang terjaga kesegarannya hingga ke tangan Anda."
|
||||
buttons={[
|
||||
{
|
||||
text: "Lihat Produk",
|
||||
href: "#produk",
|
||||
},
|
||||
text: "Lihat Produk", href: "#produk"},
|
||||
{
|
||||
text: "Pesan Sekarang",
|
||||
href: "#pesan",
|
||||
},
|
||||
text: "Pesan Sekarang", href: "#pesan"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-marshmallows-metallic-cup-with-herbal-tea-crackers_114579-16620.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/assortment-delicious-poke-bowl_23-2148873827.jpg",
|
||||
alt: "Pelanggan puas 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/assortment-delicious-poke-bowl_23-2148873827.jpg", alt: "Pelanggan puas 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overhead-view-spa-ingredient_23-2147845023.jpg",
|
||||
alt: "Pelanggan puas 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/overhead-view-spa-ingredient_23-2147845023.jpg", alt: "Pelanggan puas 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg",
|
||||
alt: "Pelanggan puas 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mini-ethnic-sculptures-embedded-frames_114579-12096.jpg", alt: "Pelanggan puas 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-fresh-chicken-with-green-leaves-dark-blue-surface_179666-44606.jpg",
|
||||
alt: "Pelanggan puas 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-fresh-chicken-with-green-leaves-dark-blue-surface_179666-44606.jpg", alt: "Pelanggan puas 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unprepared-chicken-legs-white-plate-marble-surface_114579-52609.jpg",
|
||||
alt: "Pelanggan puas 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/unprepared-chicken-legs-white-plate-marble-surface_114579-52609.jpg", alt: "Pelanggan puas 5"},
|
||||
]}
|
||||
avatarText="Lebih dari 1.000+ keluarga telah berlangganan"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bahan Premium",
|
||||
},
|
||||
type: "text", text: "Bahan Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tanpa Pengawet",
|
||||
},
|
||||
type: "text", text: "Tanpa Pengawet"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Higienis",
|
||||
},
|
||||
type: "text", text: "Higienis"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Siap Masak",
|
||||
},
|
||||
type: "text", text: "Siap Masak"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pengiriman Cepat",
|
||||
},
|
||||
type: "text", text: "Pengiriman Cepat"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,59 +91,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Beku-Beku",
|
||||
name: "Frozen Chicken",
|
||||
price: "Tersedia",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-raw-chicken-meats-plate_114579-85966.jpg",
|
||||
},
|
||||
id: "1", brand: "Beku-Beku", name: "Frozen Chicken", price: "Tersedia", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-raw-chicken-meats-plate_114579-85966.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Beku-Beku",
|
||||
name: "Frozen Dimpling",
|
||||
price: "Tersedia",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-dumplings-wooden-board_114579-30393.jpg",
|
||||
},
|
||||
id: "2", brand: "Beku-Beku", name: "Frozen Dimpling", price: "Tersedia", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/raw-dumplings-wooden-board_114579-30393.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Beku-Beku",
|
||||
name: "Frozen Bakso",
|
||||
price: "Tersedia",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-composition-delicious-indonesian-bakso_23-2148933314.jpg",
|
||||
},
|
||||
id: "3", brand: "Beku-Beku", name: "Frozen Bakso", price: "Tersedia", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-composition-delicious-indonesian-bakso_23-2148933314.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Beku-Beku",
|
||||
name: "Cuanki Bandung",
|
||||
price: "Tersedia",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-organic-scandinavian-rhubarb-pie-closeup-soft-selective-focus-slice-pie-shoulder-blade_166373-2580.jpg",
|
||||
},
|
||||
id: "4", brand: "Beku-Beku", name: "Cuanki Bandung", price: "Tersedia", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/traditional-organic-scandinavian-rhubarb-pie-closeup-soft-selective-focus-slice-pie-shoulder-blade_166373-2580.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Beku-Beku",
|
||||
name: "Hampers Spesial",
|
||||
price: "Segera Hadir",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg",
|
||||
},
|
||||
id: "5", brand: "Beku-Beku", name: "Hampers Spesial", price: "Segera Hadir", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Beku-Beku",
|
||||
name: "Paket Bundling",
|
||||
price: "Segera Hadir",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-tasty-food-restaurant-facebook-template_23-2150939431.jpg",
|
||||
},
|
||||
id: "6", brand: "Beku-Beku", name: "Paket Bundling", price: "Segera Hadir", rating: 5,
|
||||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-tasty-food-restaurant-facebook-template_23-2150939431.jpg"},
|
||||
]}
|
||||
title="Produk Unggulan"
|
||||
description="Berbagai pilihan produk beku premium untuk kebutuhan dapur Anda."
|
||||
@@ -188,34 +119,20 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
cardClassName="group/price-card transition-all duration-300"
|
||||
priceClassName="opacity-0 group-hover/price-card:opacity-100 transition-opacity duration-300"
|
||||
plans={[
|
||||
{
|
||||
id: "chicken",
|
||||
badge: "Chicken",
|
||||
price: "Rp 59.000",
|
||||
subtitle: "Daftar harga ayam per kg",
|
||||
features: [
|
||||
"0.8-0.9kg: Rp 59rb",
|
||||
"0.9-1kg: Rp 63rb",
|
||||
"Dada/Paha: Rp 62rb-85rb",
|
||||
"Sayap: Rp 56rb",
|
||||
],
|
||||
id: "chicken", badge: "Chicken", price: "Rp 59.000", subtitle: "Daftar harga ayam per kg", features: [
|
||||
"0.8-0.9kg: Rp 59rb", "0.9-1kg: Rp 63rb", "Dada/Paha: Rp 62rb-85rb", "Sayap: Rp 56rb"],
|
||||
},
|
||||
{
|
||||
id: "others",
|
||||
badge: "Other",
|
||||
price: "Segera",
|
||||
subtitle: "Produk lainnya",
|
||||
features: [
|
||||
"Bakso Premium",
|
||||
"Dimsum Ayam",
|
||||
"Cuanki Instan",
|
||||
"Hampers Eksklusif",
|
||||
],
|
||||
id: "others", badge: "Other", price: "Segera", subtitle: "Produk lainnya", features: [
|
||||
"Bakso Premium", "Dimsum Ayam", "Cuanki Instan", "Hampers Eksklusif"],
|
||||
},
|
||||
]}
|
||||
title="Daftar Harga"
|
||||
description="Harga kompetitif untuk kualitas ayam dan olahan premium."
|
||||
description="Harga kompetitif untuk kualitas ayam dan olahan premium. Arahkan kursor ke nama produk untuk melihat harga."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,9 +142,7 @@ export default function LandingPage() {
|
||||
title="Hampers Eksklusif Beku-Beku"
|
||||
buttons={[
|
||||
{
|
||||
text: "Lihat Detail Hampers",
|
||||
href: "#pesan",
|
||||
},
|
||||
text: "Lihat Detail Hampers", href: "#pesan"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,40 +154,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
items: [
|
||||
"Tanpa Pengawet",
|
||||
"Alami",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Fresh Ingredients", items: [
|
||||
"Tanpa Pengawet", "Alami"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Cold",
|
||||
title: "Cold Chain Maintained",
|
||||
items: [
|
||||
"Terjaga Suhu",
|
||||
"Higienis",
|
||||
],
|
||||
id: "m2", value: "Cold", title: "Cold Chain Maintained", items: [
|
||||
"Terjaga Suhu", "Higienis"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Bintaro",
|
||||
title: "Area Delivery",
|
||||
items: [
|
||||
"Cepat",
|
||||
"Terpercaya",
|
||||
],
|
||||
id: "m3", value: "Bintaro", title: "Area Delivery", items: [
|
||||
"Cepat", "Terpercaya"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Love",
|
||||
title: "Made With Love",
|
||||
items: [
|
||||
"Homemade",
|
||||
"Kualitas Tinggi",
|
||||
],
|
||||
id: "m4", value: "Love", title: "Made With Love", items: [
|
||||
"Homemade", "Kualitas Tinggi"],
|
||||
},
|
||||
]}
|
||||
title="Mengapa Kami"
|
||||
@@ -284,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="WhatsApp Order"
|
||||
title="Cara Pesan"
|
||||
description="1. Pilih Produk | 2. Hubungi Kami | 3. Terima Pesanan"
|
||||
@@ -302,4 +196,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user