Update src/app/page.tsx
This commit is contained in:
229
src/app/page.tsx
229
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
name: "Events", id: "events"},
|
||||
]}
|
||||
brandName="Kndy Dining"
|
||||
/>
|
||||
@@ -54,83 +46,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Escape the City. Indulge in the Experience."
|
||||
description="A hidden dining destination in the hills of Pampanga—where every meal is slow, scenic, and unforgettable."
|
||||
kpis={[
|
||||
{
|
||||
value: "Scenic",
|
||||
label: "Mountain Views",
|
||||
},
|
||||
value: "Scenic", label: "Mountain Views"},
|
||||
{
|
||||
value: "Elevated",
|
||||
label: "Kapampangan Cuisine",
|
||||
},
|
||||
value: "Elevated", label: "Kapampangan Cuisine"},
|
||||
{
|
||||
value: "Hidden",
|
||||
label: "Destination",
|
||||
},
|
||||
value: "Hidden", label: "Destination"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Plan Your Visit", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-meat-steak-with-pomato-wooden-board-with-glass-wine-glass-table-with-sea-view_176474-2498.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/married-couple-facing-camera_23-2148060459.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/married-couple-facing-camera_23-2148060459.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gesture-with-finger-while-eat-salad-outdoors-cafe_231208-12133.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gesture-with-finger-while-eat-salad-outdoors-cafe_231208-12133.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081872.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081872.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg", alt: "Diner 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced Ingredients",
|
||||
type: "text", text: "Locally Sourced Ingredients"},
|
||||
{
|
||||
type: "text-icon", text: "Romantic Atmosphere", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Romantic Atmosphere",
|
||||
icon: Heart,
|
||||
type: "text", text: "Authentic Kapampangan"},
|
||||
{
|
||||
type: "text-icon", text: "Private Event Catering", icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Kapampangan",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Private Event Catering",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Cuisine",
|
||||
},
|
||||
type: "text", text: "Award-Winning Cuisine"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,20 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Breathtaking Views",
|
||||
description: "Dine surrounded by mountain air, open skies, and a peaceful escape from the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/olden-norway-june-28-2023-mountain_58702-11289.jpg",
|
||||
},
|
||||
title: "Breathtaking Views", description: "Dine surrounded by mountain air, open skies, and a peaceful escape from the city.", imageSrc: "http://img.b2bpic.net/free-photo/olden-norway-june-28-2023-mountain_58702-11289.jpg"},
|
||||
{
|
||||
title: "Elevated Cuisine",
|
||||
description: "Classic Kapampangan flavors, reimagined with bold, modern flair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-cakes-blue-tray-biscuits-dark-background_140725-91970.jpg",
|
||||
},
|
||||
title: "Elevated Cuisine", description: "Classic Kapampangan flavors, reimagined with bold, modern flair.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-cakes-blue-tray-biscuits-dark-background_140725-91970.jpg"},
|
||||
{
|
||||
title: "Intimate Spaces",
|
||||
description: "From romantic tables to private rooms for celebrations, find your perfect corner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
|
||||
},
|
||||
title: "Intimate Spaces", description: "From romantic tables to private rooms for celebrations, find your perfect corner.", imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"},
|
||||
]}
|
||||
title="More Than Dining — It’s a Destination"
|
||||
description="Slow down and reconnect in a serene mountain setting."
|
||||
@@ -164,52 +116,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crispy Liempo Kare-Kare",
|
||||
price: "Signature",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-slices-served-with-mashed-potato_140725-5854.jpg",
|
||||
},
|
||||
id: "1", name: "Crispy Liempo Kare-Kare", price: "Signature", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-slices-served-with-mashed-potato_140725-5854.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Okoy Fritter",
|
||||
price: "Signature",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-pawns-fried-served-with-lettuce-sticks_114579-3106.jpg",
|
||||
},
|
||||
id: "2", name: "Okoy Fritter", price: "Signature", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/red-pawns-fried-served-with-lettuce-sticks_114579-3106.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Aligue Fried Rice",
|
||||
price: "Signature",
|
||||
variant: "Rice",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sausage-fried-rice-with-tomatoes-carrots-shiitake-mushrooms-plate_1150-27196.jpg",
|
||||
},
|
||||
id: "3", name: "Aligue Fried Rice", price: "Signature", variant: "Rice", imageSrc: "http://img.b2bpic.net/free-photo/sausage-fried-rice-with-tomatoes-carrots-shiitake-mushrooms-plate_1150-27196.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Crispy Tilapia",
|
||||
price: "Signature",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bass-fish-dish-arrangement_23-2148950219.jpg",
|
||||
},
|
||||
id: "4", name: "Crispy Tilapia", price: "Signature", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/bass-fish-dish-arrangement_23-2148950219.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Salmon Steak",
|
||||
price: "Signature",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg",
|
||||
},
|
||||
id: "5", name: "Salmon Steak", price: "Signature", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kndy Lemonada",
|
||||
price: "Signature",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-glass-iced-cocktail-garnished-with-burnt-cinnamon_140725-4893.jpg",
|
||||
},
|
||||
id: "6", name: "Kndy Lemonada", price: "Signature", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/mirror-glass-iced-cocktail-garnished-with-burnt-cinnamon_140725-4893.jpg"},
|
||||
]}
|
||||
title="Guest Favorites You’ll Keep Coming Back For"
|
||||
description="Every dish is crafted to comfort, impress, and surprise."
|
||||
@@ -221,34 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/married-couple-facing-camera_23-2148060459.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/married-couple-facing-camera_23-2148060459.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gesture-with-finger-while-eat-salad-outdoors-cafe_231208-12133.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gesture-with-finger-while-eat-salad-outdoors-cafe_231208-12133.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081872.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081872.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Loved by Every Guest Who Finds It"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
id: "5", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg"},
|
||||
],
|
||||
cardTitle: "Loved by Every Guest Who Finds It", cardTag: "Reviews", cardAnimation: "slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -257,20 +163,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Celebrate Life’s Special Moments",
|
||||
},
|
||||
type: "text", content: "Celebrate Life’s Special Moments"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
|
||||
alt: "Private Dining",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg", alt: "Private Dining"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire for Events",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire for Events", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -279,20 +178,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Experience Kndy Dining?"
|
||||
description="Nestled in the hills of Sapangbato, Pampanga. A hidden gem worth the journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
{
|
||||
text: "Message Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Message Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,42 +195,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Signature Dishes",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Signature Dishes", href: "#menu"},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Drinks", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Private Events",
|
||||
href: "#events",
|
||||
},
|
||||
label: "Private Events", href: "#events"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Directions", href: "#contact"},
|
||||
{
|
||||
label: "Message Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Message Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user