Merge version_1 into main #1
216
src/app/page.tsx
216
src/app/page.tsx
@@ -18,31 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Produk",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Tentang",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimoni",
|
||||
id: "testimonial",
|
||||
},
|
||||
{
|
||||
name: "Kontak",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Produk", id: "product" },
|
||||
{ name: "Tentang", id: "about" },
|
||||
{ name: "Testimoni", id: "testimonial" },
|
||||
{ name: "Kontak", id: "contact" },
|
||||
]}
|
||||
brandName="Risol Lezat"
|
||||
/>
|
||||
@@ -52,12 +44,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Risol Lezat"
|
||||
description="Rasakan kelezatan risol crispy dengan isian melimpah yang dibuat dari bahan premium dan resep rahasia keluarga. Pesan sekarang untuk acara spesial Anda!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Pesan Sekarang",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Pesan Sekarang", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crispy-vegetables-spring-rolls_123827-36152.jpg"
|
||||
imageAlt="Risoles Crispy Lezat"
|
||||
@@ -67,55 +54,19 @@ export default function LandingPage() {
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Risol Mayo",
|
||||
price: "Rp 5.000",
|
||||
variant: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-coconut-cookies_114579-62715.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Risol Sayur",
|
||||
price: "Rp 4.000",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-with-dipping-sauce_84443-81913.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Risol Ragout",
|
||||
price: "Rp 5.500",
|
||||
variant: "Creamy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076083.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Risol Pedas",
|
||||
price: "Rp 5.000",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-croquettes-wooden-board_23-2149202669.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Risol Beef Cheese",
|
||||
price: "Rp 6.000",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-toast-rolls-with-ham-cheese-tomatoes-ketchup-white-plate_181624-9988.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Risol Mix",
|
||||
price: "Rp 25.000",
|
||||
variant: "Platter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-bagels-with-sour-plums-tea-light-white-desk_140725-65852.jpg",
|
||||
},
|
||||
{ id: "1", name: "Risol Mayo", price: "Rp 5.000", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-coconut-cookies_114579-62715.jpg" },
|
||||
{ id: "2", name: "Risol Sayur", price: "Rp 4.000", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-with-dipping-sauce_84443-81913.jpg" },
|
||||
{ id: "3", name: "Risol Ragout", price: "Rp 5.500", variant: "Creamy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076083.jpg" },
|
||||
{ id: "4", name: "Risol Pedas", price: "Rp 5.000", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-croquettes-wooden-board_23-2149202669.jpg" },
|
||||
{ id: "5", name: "Risol Beef Cheese", price: "Rp 6.000", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-toast-rolls-with-ham-cheese-tomatoes-ketchup-white-plate_181624-9988.jpg" },
|
||||
{ id: "6", name: "Risol Mix", price: "Rp 25.000", variant: "Platter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-bagels-with-sour-plums-tea-light-white-desk_140725-65852.jpg" },
|
||||
]}
|
||||
title="Varian Risol Kami"
|
||||
description="Temukan risol favorit Anda dengan berbagai pilihan isian yang menggugah selera."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -123,15 +74,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Kualitas Terbaik, Resep Tradisional",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-pepper-cips-with-different-seasonings-ingredients-dark-background-food-meal-photo-pasta_140725-160422.jpg",
|
||||
alt: "Proses Pembuatan",
|
||||
},
|
||||
{ type: "text", content: "Kualitas Terbaik, Resep Tradisional" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-tasty-pepper-cips-with-different-seasonings-ingredients-dark-background-food-meal-photo-pasta_140725-160422.jpg", alt: "Proses Pembuatan" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,34 +83,16 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bahan Premium",
|
||||
description: "Hanya menggunakan bahan segar pilihan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kyiv-cotletes-table_140725-366.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food-top-view_1150-21503.jpg",
|
||||
buttonText: "Cek",
|
||||
},
|
||||
{
|
||||
title: "Tanpa Pengawet",
|
||||
description: "Dibuat fresh setiap hari tanpa kimia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-rolls-pita-bread-wooden-table_140725-9810.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg",
|
||||
buttonText: "Cek",
|
||||
},
|
||||
{
|
||||
title: "Isian Melimpah",
|
||||
description: "Kepuasan di setiap gigitan risol.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/fios-de-ovos-plate-consists-two-eggs-coconut-milk_1150-20715.jpg",
|
||||
buttonText: "Cek",
|
||||
},
|
||||
{ title: "Bahan Premium", description: "Hanya menggunakan bahan segar pilihan.", imageSrc: "http://img.b2bpic.net/free-photo/kyiv-cotletes-table_140725-366.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food-top-view_1150-21503.jpg", buttonText: "Cek" },
|
||||
{ title: "Tanpa Pengawet", description: "Dibuat fresh setiap hari tanpa kimia.", imageSrc: "http://img.b2bpic.net/free-photo/fried-rolls-pita-bread-wooden-table_140725-9810.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg", buttonText: "Cek" },
|
||||
{ title: "Isian Melimpah", description: "Kepuasan di setiap gigitan risol.", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/fios-de-ovos-plate-consists-two-eggs-coconut-milk_1150-20715.jpg", buttonText: "Cek" },
|
||||
]}
|
||||
title="Kenapa Risol Kami?"
|
||||
description="Kami berkomitmen untuk memberikan kualitas terbaik pada setiap gigitan."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,26 +103,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sari, Ibu Rumah Tangga"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overjoyed-curly-haired-young-woman-holds-delicious-chocolate-cookie-homemade-waffle-has-sweet-tooth-has-addiction-sugar-exclaims-loudly-keeps-mouth-opened-isolated-pink-background_273609-61698.jpg",
|
||||
alt: "Pelanggan 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-model-holding-donaught-cup_651396-236.jpg",
|
||||
alt: "Pelanggan 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427594.jpg",
|
||||
alt: "Pelanggan 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-standing-kitchen-holding-green-lettuce-leaf_1258-204557.jpg",
|
||||
alt: "Pelanggan 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/celebration-party-holidays-concept-portrait-boyfriend-cant-resist-temptation-eat-last-piec_1258-112156.jpg",
|
||||
alt: "Pelanggan 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/overjoyed-curly-haired-young-woman-holds-delicious-chocolate-cookie-homemade-waffle-has-sweet-tooth-has-addiction-sugar-exclaims-loudly-keeps-mouth-opened-isolated-pink-background_273609-61698.jpg", alt: "Pelanggan 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-model-holding-donaught-cup_651396-236.jpg", alt: "Pelanggan 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427594.jpg", alt: "Pelanggan 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-standing-kitchen-holding-green-lettuce-leaf_1258-204557.jpg", alt: "Pelanggan 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/celebration-party-holidays-concept-portrait-boyfriend-cant-resist-temptation-eat-last-piec_1258-112156.jpg", alt: "Pelanggan 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -208,21 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Berapa lama risol bertahan?",
|
||||
content: "Risol dalam suhu ruang tahan 12 jam, dalam kulkas tahan 3 hari.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bisa kirim luar kota?",
|
||||
content: "Saat ini kami melayani pengiriman area lokal untuk menjaga kualitas.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ada minimal order?",
|
||||
content: "Minimal order adalah 1 pack isi 10 pcs risol.",
|
||||
},
|
||||
{ id: "1", title: "Berapa lama risol bertahan?", content: "Risol dalam suhu ruang tahan 12 jam, dalam kulkas tahan 3 hari." },
|
||||
{ id: "2", title: "Bisa kirim luar kota?", content: "Saat ini kami melayani pengiriman area lokal untuk menjaga kualitas." },
|
||||
{ id: "3", title: "Ada minimal order?", content: "Minimal order adalah 1 pack isi 10 pcs risol." },
|
||||
]}
|
||||
title="Tanya Jawab"
|
||||
description="Informasi seputar pemesanan dan pengiriman risol."
|
||||
@@ -236,23 +135,10 @@ export default function LandingPage() {
|
||||
title="Hubungi Kami"
|
||||
description="Tertarik pesan risol untuk acara Anda? Hubungi kami melalui form di bawah ini."
|
||||
inputs={[
|
||||
{
|
||||
name: "nama",
|
||||
type: "text",
|
||||
placeholder: "Nama Lengkap",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "hp",
|
||||
type: "tel",
|
||||
placeholder: "Nomor WhatsApp",
|
||||
required: true,
|
||||
},
|
||||
{ name: "nama", type: "text", placeholder: "Nama Lengkap", required: true },
|
||||
{ name: "hp", type: "tel", placeholder: "Nomor WhatsApp", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "pesan",
|
||||
placeholder: "Pesan atau Detail Pesanan Anda",
|
||||
}}
|
||||
textarea={{ name: "pesan", placeholder: "Pesan atau Detail Pesanan Anda" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-s-hand-adding-seasoning-spaghetti_23-2147844189.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -260,32 +146,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Produk",
|
||||
items: [
|
||||
{
|
||||
label: "Risol Mayo",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Risol Sayur",
|
||||
href: "#product",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Layanan",
|
||||
items: [
|
||||
{
|
||||
label: "Pemesanan",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Produk", items: [{ label: "Risol Mayo", href: "#product" }, { label: "Risol Sayur", href: "#product" }] },
|
||||
{ title: "Layanan", items: [{ label: "Pemesanan", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Risol Lezat"
|
||||
bottomRightText="Dibuat dengan cinta"
|
||||
|
||||
Reference in New Issue
Block a user