Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
304
src/app/page.tsx
304
src/app/page.tsx
@@ -15,214 +15,116 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Our Heritage",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Signature Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Eat Ngon"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Our Heritage", id: "about" },
|
||||
{ name: "Signature Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="Eat Ngon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Authentic Flavors, Elevated."
|
||||
description="Experience the soul of Southeast Asian cuisine in the heart of Carlton. Handcrafted dishes, served with passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-mayonnaise-table_140725-10066.jpg",
|
||||
imageAlt: "Authentic Pho Bowl",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-street-food-fest_23-2151543722.jpg",
|
||||
imageAlt: "Crispy Pork Banh Mi",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basil-minced-pork-with-rice-fried-egg_1150-27368.jpg",
|
||||
imageAlt: "Fragrant Thai Fried Rice",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-cocktail-wooden-table_123827-27822.jpg",
|
||||
imageAlt: "Spicy Prawn Pot",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-pumpkin-soup-table_23-2147947919.jpg",
|
||||
imageAlt: "Rich Curry Broth",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-cake-roll-slice-ceramic-plate-lihgt-with-copy-space_114579-4143.jpg",
|
||||
imageAlt: "Signature Roti Canai",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Authentic Flavors, Elevated."
|
||||
description="Experience the soul of Southeast Asian cuisine in the heart of Carlton. Handcrafted dishes, served with passion."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-mayonnaise-table_140725-10066.jpg", imageAlt: "Authentic Pho Bowl" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/enjoying-street-food-fest_23-2151543722.jpg", imageAlt: "Crispy Pork Banh Mi" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/basil-minced-pork-with-rice-fried-egg_1150-27368.jpg", imageAlt: "Fragrant Thai Fried Rice" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-cocktail-wooden-table_123827-27822.jpg", imageAlt: "Spicy Prawn Pot" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/bowl-pumpkin-soup-table_23-2147947919.jpg", imageAlt: "Rich Curry Broth" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/different-cake-roll-slice-ceramic-plate-lihgt-with-copy-space_114579-4143.jpg", imageAlt: "Signature Roti Canai" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Taste"
|
||||
description="Born from a love for traditional street food and a desire to bring people together, Eat Ngon has evolved into a premier destination for those seeking authentic Vietnamese, Japanese, and Southeast Asian comfort food in Melbourne."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Roots",
|
||||
description: "Time-honored recipes passed through generations.",
|
||||
},
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "High-quality, seasonal produce sourced locally.",
|
||||
},
|
||||
{
|
||||
title: "Modern Twist",
|
||||
description: "Classic flavors presented with a sophisticated, modern flair.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cutting-onion_23-2148471903.jpg"
|
||||
imageAlt="Chef preparing authentic food"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="A Legacy of Taste"
|
||||
description="Born from a love for traditional street food and a desire to bring people together, Eat Ngon has evolved into a premier destination for those seeking authentic Vietnamese, Japanese, and Southeast Asian comfort food in Melbourne."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cutting-onion_23-2148471903.jpg"
|
||||
imageAlt="Chef preparing authentic food"
|
||||
bulletPoints={[
|
||||
{ title: "Authentic Roots", description: "Time-honored recipes passed through generations." },
|
||||
{ title: "Fresh Ingredients", description: "High-quality, seasonal produce sourced locally." },
|
||||
{ title: "Modern Twist", description: "Classic flavors presented with a sophisticated, modern flair." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Beef Pho",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lemon-slices-with-bowl-shrimp-rolls-salad_23-2148381140.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Crispy Pork Banh Mi",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-cut-baguette-bread-marble-background_114579-47877.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Spicy Prawn Hot Pot",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-bowl-with-tomato-chili-lemongrass-garlic-lemon-kaffir-lime-leaves_1150-25788.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thai Seafood Fried Rice",
|
||||
price: "$16.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912660.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="From our legendary Pho to our crispy pork belly, discover our curated selection of crowd favorites."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Our Signature Dishes"
|
||||
description="From our legendary Pho to our crispy pork belly, discover our curated selection of crowd favorites."
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Signature Beef Pho", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/lemon-slices-with-bowl-shrimp-rolls-salad_23-2148381140.jpg" },
|
||||
{ id: "2", name: "Crispy Pork Banh Mi", price: "$12.00", imageSrc: "http://img.b2bpic.net/half-cut-baguette-bread-marble-background_114579-47877.jpg" },
|
||||
{ id: "3", name: "Spicy Prawn Hot Pot", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-bowl-with-tomato-chili-lemongrass-garlic-lemon-kaffir-lime-leaves_1150-25788.jpg" },
|
||||
{ id: "4", name: "Thai Seafood Fried Rice", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912660.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jeni Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furniture-restaurant-wooden-room-chair_1203-4100.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Muhammad Rizwan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-with-smoked-salmon-fillet-grilled-fish-lamb-steak-wine_140725-501.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucy Bui",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-sandwich-with-copy-space_23-2148633454.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Andy Vuong",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-red-strawberries-with-candies-white-surface-fruit-sweet-candy-color_140725-81927.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Loved by Locals"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Loved by Locals"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jeni Kim", imageSrc: "http://img.b2bpic.net/free-photo/furniture-restaurant-wooden-room-chair_1203-4100.jpg" },
|
||||
{ id: "2", name: "Muhammad Rizwan", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-with-smoked-salmon-fillet-grilled-fish-lamb-steak-wine_140725-501.jpg" },
|
||||
{ id: "3", name: "Lucy Bui", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-sandwich-with-copy-space_23-2148633454.jpg" },
|
||||
{ id: "4", name: "Andy Vuong", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-red-strawberries-with-candies-white-surface-fruit-sweet-candy-color_140725-81927.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Melbourne, Carlton",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "eatngon@info.com",
|
||||
href: "mailto:eatngon@info.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Eat Ngon"
|
||||
copyrightText="© 2025 Eat Ngon. Authentic Asian Flavors."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg"
|
||||
logoText="Eat Ngon"
|
||||
copyrightText="© 2025 Eat Ngon. Authentic Asian Flavors."
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Reservations", href: "#" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Melbourne, Carlton", href: "#" },
|
||||
{ label: "eatngon@info.com", href: "mailto:eatngon@info.com" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user