Merge version_2 into main #1
257
src/app/page.tsx
257
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pancong Perjalanan"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Perjalanan Rasa di Setiap Gigitan"
|
||||
description="Menghadirkan kelezatan pancong tradisional dengan sentuhan modern, siap menemani setiap momen perjalanan Anda."
|
||||
buttons={[
|
||||
{
|
||||
text: "Lihat Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Lihat Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-lemon-muffins-cupcakes-with-frosting-almond-flakes_166373-1542.jpg"
|
||||
imageAlt="traditional pancong cake warm"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-delicious-goulash-bread_23-2149388089.jpg",
|
||||
alt: "Above view delicious goulash and bread",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-delicious-goulash-bread_23-2149388089.jpg", alt: "Above view delicious goulash and bread"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-squash-meal-sliced-vegetables-inside-plate-grey-surface_140725-90708.jpg",
|
||||
alt: "Top view of tasty squash meal sliced vegetables inside plate on a grey surface",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-squash-meal-sliced-vegetables-inside-plate-grey-surface_140725-90708.jpg", alt: "Top view of tasty squash meal sliced vegetables inside plate on a grey surface"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-sticky-rice-custard-banana-leaf-white-plate-with-butterfly-pea-flowers_1150-20712.jpg",
|
||||
alt: "Black sticky rice and custard on a banana leaf in a white plate with butterfly pea flowers.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-sticky-rice-custard-banana-leaf-white-plate-with-butterfly-pea-flowers_1150-20712.jpg", alt: "Black sticky rice and custard on a banana leaf in a white plate with butterfly pea flowers."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-rice-dish_23-2147680629.jpg",
|
||||
alt: "Tasty rice dish",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-rice-dish_23-2147680629.jpg", alt: "Tasty rice dish"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-women-preparing-food_23-2149481193.jpg",
|
||||
alt: "Front view women preparing food",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-women-preparing-food_23-2149481193.jpg", alt: "Front view women preparing food"},
|
||||
]}
|
||||
avatarText="Bergabung dengan 5.000+ pelanggan puas"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pancong Legendaris",
|
||||
},
|
||||
type: "text", text: "Pancong Legendaris"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bahan Alami",
|
||||
},
|
||||
type: "text", text: "Bahan Alami"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rasa Autentik",
|
||||
},
|
||||
type: "text", text: "Rasa Autentik"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pengiriman Cepat",
|
||||
},
|
||||
type: "text", text: "Pengiriman Cepat"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kepuasan Terjamin",
|
||||
},
|
||||
type: "text", text: "Kepuasan Terjamin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,29 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bahan Premium",
|
||||
descriptions: [
|
||||
"Hanya menggunakan bahan alami pilihan berkualitas tinggi.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-bread-with-ingredients-blue-table_114579-14609.jpg",
|
||||
},
|
||||
id: "f1", title: "Bahan Premium", descriptions: [
|
||||
"Hanya menggunakan bahan alami pilihan berkualitas tinggi."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-bread-with-ingredients-blue-table_114579-14609.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Layanan Cepat",
|
||||
descriptions: [
|
||||
"Pengiriman cepat agar tetap hangat dan lezat saat dinikmati.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-body-shot-confident-courier-girl-wearing-medical-mask-gloves-holding-orders-pastel-peach-background_179666-40983.jpg",
|
||||
},
|
||||
id: "f2", title: "Layanan Cepat", descriptions: [
|
||||
"Pengiriman cepat agar tetap hangat dan lezat saat dinikmati."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-body-shot-confident-courier-girl-wearing-medical-mask-gloves-holding-orders-pastel-peach-background_179666-40983.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Resep Warisan",
|
||||
descriptions: [
|
||||
"Menjaga keaslian rasa tradisional yang dicintai generasi.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-pouring-honey-apple-slices_23-2149452281.jpg",
|
||||
},
|
||||
id: "f3", title: "Resep Warisan", descriptions: [
|
||||
"Menjaga keaslian rasa tradisional yang dicintai generasi."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-pouring-honey-apple-slices_23-2149452281.jpg"},
|
||||
]}
|
||||
title="Mengapa Harus Pancong Perjalanan?"
|
||||
description="Keunggulan kami adalah jaminan kualitas dan rasa yang tak tertandingi."
|
||||
@@ -170,47 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pancong Keju",
|
||||
price: "Rp 15.000",
|
||||
variant: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-eclairs-grey-plate-center-white-wooden-ground_140725-90102.jpg",
|
||||
},
|
||||
id: "p1", name: "Pancong Keju", price: "Rp 15.000", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-eclairs-grey-plate-center-white-wooden-ground_140725-90102.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pancong Original",
|
||||
price: "Rp 10.000",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-full-banana-shaped-chewing-candies-jelly-sweets_114579-67229.jpg",
|
||||
},
|
||||
id: "p2", name: "Pancong Original", price: "Rp 10.000", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-full-banana-shaped-chewing-candies-jelly-sweets_114579-67229.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pancong Matcha",
|
||||
price: "Rp 18.000",
|
||||
variant: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-fruits-inside-white-plate-along-with-fresh-fruits-cinnamon-grey-blue-desk-fruit-cake_140725-22842.jpg",
|
||||
},
|
||||
id: "p3", name: "Pancong Matcha", price: "Rp 18.000", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-fruits-inside-white-plate-along-with-fresh-fruits-cinnamon-grey-blue-desk-fruit-cake_140725-22842.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pancong Tiramisu",
|
||||
price: "Rp 20.000",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-with-mixed-fruit_1339-4930.jpg",
|
||||
},
|
||||
id: "p4", name: "Pancong Tiramisu", price: "Rp 20.000", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-with-mixed-fruit_1339-4930.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pancong Strawberry",
|
||||
price: "Rp 19.000",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cakes-with-fruits-holiday-tree-toys-light-background_140725-80185.jpg",
|
||||
},
|
||||
id: "p5", name: "Pancong Strawberry", price: "Rp 19.000", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cakes-with-fruits-holiday-tree-toys-light-background_140725-80185.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pancong Peanut",
|
||||
price: "Rp 17.000",
|
||||
variant: "Crunchy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-flat-lay_23-2149455083.jpg",
|
||||
},
|
||||
id: "p6", name: "Pancong Peanut", price: "Rp 17.000", variant: "Crunchy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-flat-lay_23-2149455083.jpg"},
|
||||
]}
|
||||
title="Menu Andalan Kami"
|
||||
description="Temukan varian rasa yang akan membuat hari Anda lebih manis."
|
||||
@@ -224,40 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Budi Santoso",
|
||||
role: "Pelanggan Setia",
|
||||
testimonial: "Pancong paling enak yang pernah saya coba, rasa originalnya juara!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
},
|
||||
id: "t1", name: "Budi Santoso", role: "Pelanggan Setia", testimonial: "Pancong paling enak yang pernah saya coba, rasa originalnya juara!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Siti Aminah",
|
||||
role: "Food Blogger",
|
||||
testimonial: "Varian toppingnya sangat inovatif dan pas di lidah.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-ppetizing-pancakes-decorated-with-berries-flowers_169016-23193.jpg",
|
||||
},
|
||||
id: "t2", name: "Siti Aminah", role: "Food Blogger", testimonial: "Varian toppingnya sangat inovatif dan pas di lidah.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-ppetizing-pancakes-decorated-with-berries-flowers_169016-23193.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Andi Wijaya",
|
||||
role: "Mahasiswa",
|
||||
testimonial: "Harga terjangkau dan rasanya sangat premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-eating-cookie-kitchen_1262-17120.jpg",
|
||||
},
|
||||
id: "t3", name: "Andi Wijaya", role: "Mahasiswa", testimonial: "Harga terjangkau dan rasanya sangat premium.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-eating-cookie-kitchen_1262-17120.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dewi Lestari",
|
||||
role: "Karyawan",
|
||||
testimonial: "Teman setia saat lembur, selalu bikin mood jadi baik.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg",
|
||||
},
|
||||
id: "t4", name: "Dewi Lestari", role: "Karyawan", testimonial: "Teman setia saat lembur, selalu bikin mood jadi baik.", imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rizky Firmansyah",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Sangat recommended untuk dicoba bareng teman-teman.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg",
|
||||
},
|
||||
id: "t5", name: "Rizky Firmansyah", role: "Entrepreneur", testimonial: "Sangat recommended untuk dicoba bareng teman-teman.", imageSrc: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg"},
|
||||
]}
|
||||
title="Kata Mereka Tentang Kami"
|
||||
description="Kepuasan pelanggan adalah prioritas perjalanan rasa kami."
|
||||
@@ -270,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Berapa lama pancong bertahan?",
|
||||
content: "Disarankan langsung dinikmati selagi hangat agar rasa optimal.",
|
||||
},
|
||||
id: "q1", title: "Berapa lama pancong bertahan?", content: "Disarankan langsung dinikmati selagi hangat agar rasa optimal."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Apakah ada layanan pengiriman?",
|
||||
content: "Tentu, kami bekerja sama dengan berbagai layanan pengiriman online.",
|
||||
},
|
||||
id: "q2", title: "Apakah ada layanan pengiriman?", content: "Tentu, kami bekerja sama dengan berbagai layanan pengiriman online."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Bagaimana cara order jumlah besar?",
|
||||
content: "Silahkan hubungi kami langsung melalui kontak WhatsApp yang tersedia.",
|
||||
},
|
||||
id: "q3", title: "Bagaimana cara order jumlah besar?", content: "Silahkan hubungi kami langsung melalui kontak WhatsApp yang tersedia."},
|
||||
]}
|
||||
title="Pertanyaan Umum"
|
||||
description="Segala hal yang perlu Anda ketahui tentang Pancong Perjalanan."
|
||||
@@ -300,85 +193,41 @@ export default function LandingPage() {
|
||||
description="Simak artikel terbaru seputar perjalanan kami."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Kisah",
|
||||
title: "Sejarah Pancong Kita",
|
||||
excerpt: "Menelusuri jejak pancong dari masa ke masa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196242.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-hipster-woman-eating-cookies-drinking-coffee_285396-1880.jpg",
|
||||
date: "2025-05-01",
|
||||
},
|
||||
id: "b1", category: "Kisah", title: "Sejarah Pancong Kita", excerpt: "Menelusuri jejak pancong dari masa ke masa.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196242.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-hipster-woman-eating-cookies-drinking-coffee_285396-1880.jpg", date: "2025-05-01"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tips",
|
||||
title: "Rahasia Kelezatan",
|
||||
excerpt: "Kenapa pancong kami terasa berbeda?",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-tomatoes-with-knife-lemon-cucumber-cheese-greens-cutting-board-gray-surface-top-view_176474-6475.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
|
||||
date: "2025-05-05",
|
||||
},
|
||||
id: "b2", category: "Tips", title: "Rahasia Kelezatan", excerpt: "Kenapa pancong kami terasa berbeda?", imageSrc: "http://img.b2bpic.net/free-photo/some-tomatoes-with-knife-lemon-cucumber-cheese-greens-cutting-board-gray-surface-top-view_176474-6475.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", date: "2025-05-05"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Event",
|
||||
title: "Pop-up Event",
|
||||
excerpt: "Kunjungi kami di bazaar terdekat bulan ini.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cake-with-red-currants-lemons-apples-spoon-hand_140725-122822.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
|
||||
date: "2025-05-10",
|
||||
},
|
||||
id: "b3", category: "Event", title: "Pop-up Event", excerpt: "Kunjungi kami di bazaar terdekat bulan ini.", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cake-with-red-currants-lemons-apples-spoon-hand_140725-122822.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg", date: "2025-05-10"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Kontak Kami"
|
||||
title="Siap Menikmati Pancong?"
|
||||
description="Pesan sekarang dan rasakan kelezatannya hari ini juga."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Kami",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterBase
|
||||
logoText="Pancong Perjalanan"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Produk",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produk", href: "#products"},
|
||||
{
|
||||
label: "Tentang Kami",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Tentang Kami", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
title: "Kontak", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -388,4 +237,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user