Merge version_1 into main #2
334
src/app/page.tsx
334
src/app/page.tsx
@@ -27,203 +27,157 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Events", id: "events"},
|
||||
]}
|
||||
brandName="Kndy Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Events", id: "events" }
|
||||
]}
|
||||
brandName="Kndy Dining"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
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: "Elevated", label: "Kapampangan Cuisine"},
|
||||
{
|
||||
value: "Hidden", label: "Destination"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Locally Sourced Ingredients"},
|
||||
{
|
||||
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: "Award-Winning Cuisine"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ 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: "Elevated", label: "Kapampangan Cuisine" },
|
||||
{ value: "Hidden", label: "Destination" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ 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/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/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" }
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Locally Sourced Ingredients" },
|
||||
{ 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: "Award-Winning Cuisine" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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: "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="More Than Dining — It’s a Destination"
|
||||
description="Slow down and reconnect in a serene mountain setting."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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: "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="More Than Dining — It’s a Destination"
|
||||
description="Slow down and reconnect in a serene mountain setting."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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: "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: "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: "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."
|
||||
/>
|
||||
</div>
|
||||
<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: "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: "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: "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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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: "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: "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>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ 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: "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: "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>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire for Events", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="events" data-section="events">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ 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" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Inquire for Events", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
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: "Message Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ 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: "Message Us", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Signature Dishes", href: "#menu"},
|
||||
{
|
||||
label: "Drinks", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Private Events", href: "#events"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Directions", href: "#contact"},
|
||||
{
|
||||
label: "Message Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Kndy Dining. All Rights Reserved."
|
||||
bottomRightText="Sapangbato, Angeles, Pampanga"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Signature Dishes", href: "#menu" },
|
||||
{ label: "Drinks", href: "#menu" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Private Events", href: "#events" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Directions", href: "#contact" },
|
||||
{ label: "Message Us", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Kndy Dining. All Rights Reserved."
|
||||
bottomRightText="Sapangbato, Angeles, Pampanga"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user