Merge version_1 into main #1
167
src/app/page.tsx
167
src/app/page.tsx
@@ -30,55 +30,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pancong Perjalanan"
|
||||
button={{ text: "Book Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Pancong Perjalanan"
|
||||
description="Experience the authentic taste of traditional Pancong, served with passion in a cozy atmosphere. Your journey into tradition starts here."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets_2829-14075.jpg",
|
||||
imageAlt: "Authentic Pancong",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-coffee-together_23-2149304450.jpg",
|
||||
imageAlt: "Cafe Ambience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-10017.jpg",
|
||||
imageAlt: "Fresh Preparation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304423.jpg",
|
||||
imageAlt: "Close up on person enjoying food",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-caramel-eclair-served-tea-setup_141793-2469.jpg",
|
||||
imageAlt: "Woman holding caramel eclair",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets_2829-14075.jpg", imageAlt: "Authentic Pancong" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-coffee-together_23-2149304450.jpg", imageAlt: "Cafe Ambience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-10017.jpg", imageAlt: "Fresh Preparation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304423.jpg", imageAlt: "Close up on person enjoying food" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-caramel-eclair-served-tea-setup_141793-2469.jpg", imageAlt: "Woman holding caramel eclair" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,42 +70,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Original",
|
||||
price: "IDR 10k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-pastry-black-plate_114579-83830.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chocolate Melt",
|
||||
price: "IDR 15k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cheese Delight",
|
||||
price: "IDR 15k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Greentea Special",
|
||||
price: "IDR 18k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-biscuits-wooden-board_114579-48353.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Strawberry Sweet",
|
||||
price: "IDR 18k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-food-japanese-cracker_53876-30971.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Red Velvet",
|
||||
price: "IDR 20k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-soup-table_140725-1411.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Original", price: "IDR 10k", imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-pastry-black-plate_114579-83830.jpg" },
|
||||
{ id: "p2", name: "Chocolate Melt", price: "IDR 15k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg" },
|
||||
{ id: "p3", name: "Cheese Delight", price: "IDR 15k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg" },
|
||||
{ id: "p4", name: "Greentea Special", price: "IDR 18k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-biscuits-wooden-board_114579-48353.jpg" },
|
||||
{ id: "p5", name: "Strawberry Sweet", price: "IDR 18k", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-food-japanese-cracker_53876-30971.jpg" },
|
||||
{ id: "p6", name: "Red Velvet", price: "IDR 20k", imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-soup-table_140725-1411.jpg" },
|
||||
]}
|
||||
title="Signature Treats"
|
||||
description="Discover our variety of traditional Pancong flavors, crafted to bring back memories."
|
||||
@@ -147,26 +89,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Budi Santoso"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-attractive-black-woman-has-afro-hairstyle_273609-28702.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-discussing-with-waiter-who-is-serving-her-food-pub_637285-6627.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man-earphones_171337-4772.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-attractive-black-woman-has-afro-hairstyle_273609-28702.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-discussing-with-waiter-who-is-serving-her-food-pub_637285-6627.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man-earphones_171337-4772.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -179,21 +106,9 @@ export default function LandingPage() {
|
||||
title="Our Journey"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
description: "Menu Variations",
|
||||
},
|
||||
{ id: "m1", value: "10+", description: "Years of Tradition" },
|
||||
{ id: "m2", value: "5k+", description: "Happy Customers" },
|
||||
{ id: "m3", value: "20+", description: "Menu Variations" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -203,21 +118,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open from 4 PM to 12 AM every day.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we are available on major food delivery apps.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "For large groups, please contact us ahead of time.",
|
||||
},
|
||||
{ id: "f1", title: "What are your opening hours?", content: "We are open from 4 PM to 12 AM every day." },
|
||||
{ id: "f2", title: "Do you offer delivery?", content: "Yes, we are available on major food delivery apps." },
|
||||
{ id: "f3", title: "Can I reserve a table?", content: "For large groups, please contact us ahead of time." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -230,16 +133,8 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="Find us at our location and enjoy the authentic experience."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/kids-kitchen-full-food_23-2151191386.jpg"
|
||||
/>
|
||||
@@ -254,4 +149,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user