Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5237d11683 | |||
| 4a1bacd4ec | |||
| faf11687d7 | |||
| a57d7003a9 | |||
| 999df89a8a | |||
| fa1d95083d | |||
| c9ec295ead | |||
| 0b23fa336d | |||
| 3650ada445 |
182
src/app/page.tsx
182
src/app/page.tsx
@@ -9,6 +9,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Soup } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,8 +21,8 @@ export default function LandingPage() {
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -29,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Meet the Chef", id: "about"},
|
||||
{
|
||||
name: "The Gas Station Secret",
|
||||
id: "about",
|
||||
},
|
||||
name: "Location Hack", id: "find-us"},
|
||||
{
|
||||
name: "Begging for 5 Stars",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Read Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "find-us",
|
||||
},
|
||||
name: "The 5-Star Ask", id: "reviews"},
|
||||
]}
|
||||
brandName="NGON Authentic Vietnamese"
|
||||
/>
|
||||
@@ -52,39 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="The Best Authentic Vietnamese Food in Nonthaburi. (Yes, we are inside a PTT Gas Station. Yes, it will blow your mind.)"
|
||||
description="Crafted by our native Vietnamese chef. No passport required—just an empty stomach and 89 Baht."
|
||||
variant: "radial-gradient"}}
|
||||
title="Authentic Vietnamese Food in Nonthaburi. "
|
||||
description="Crafted by our native chef. "
|
||||
tag="NGON Authentic Vietnamese"
|
||||
tagIcon={Soup}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2150853971.jpg",
|
||||
imageAlt: "Massive bowl of steaming beef pho",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-noodle-spring-roll_1339-5425.jpg",
|
||||
imageAlt: "Fresh Vietnamese spring rolls",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2150853971.jpg", imageAlt: "Close-up of steaming authentic Beef Pho with fresh herbs and chili"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-green-vegetables-cutting-board_23-2148294641.jpg",
|
||||
imageAlt: "Mountain of fresh green vegetables",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-noodle-spring-roll_1339-5425.jpg", imageAlt: "Fresh Vietnamese spring rolls on a wooden board"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
|
||||
imageAlt: "Vietnamese chef preparing food",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg", imageAlt: "Smiling authentic Vietnamese female chef cooking in the kitchen"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "🗺️ Navigate to the PTT Station",
|
||||
href: "https://maps.app.goo.gl/NGONRestaurantLocation",
|
||||
},
|
||||
text: "[ 📍 Navigate with Maps ]", href: "https://maps.app.goo.gl/NGONRestaurantLocation"},
|
||||
{
|
||||
text: "🍲 See the Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "[ 🍲 Browse Full Menu ]", href: "#menu"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,53 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Yuri Z.",
|
||||
handle: "@YuriZ",
|
||||
testimonial: "I'm from Houston, Texas, where Vietnamese food is legendary. This is the real deal. Best Pho I've ever had. So good I forgot to take a picture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/college-students-are-discussing-with-advisor_53876-30146.jpg",
|
||||
imageAlt: "Yuri Z.",
|
||||
},
|
||||
id: "1", name: "Yuri Z.", handle: "@YuriZ", testimonial: "I'm from Houston, Texas, where Vietnamese food is legendary. This is the real deal. Best Pho I've ever had. So good I forgot to take a picture.", imageSrc: "http://img.b2bpic.net/free-photo/college-students-are-discussing-with-advisor_53876-30146.jpg", imageAlt: "Yuri Z."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wednesday C.",
|
||||
handle: "@WednesdayC",
|
||||
testimonial: "Stumbled in by accident. Food is wildly delicious, huge portions of fresh veggies, and cheap! Parking is infinite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-female-photographer-exploring-subway-city_23-2149186695.jpg",
|
||||
imageAlt: "Wednesday C.",
|
||||
},
|
||||
id: "2", name: "Wednesday C.", handle: "@WednesdayC", testimonial: "Stumbled in by accident. Food is wildly delicious, huge portions of fresh veggies, and cheap! Parking is infinite.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-female-photographer-exploring-subway-city_23-2149186695.jpg", imageAlt: "Wednesday C."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Siriluk C.",
|
||||
handle: "@SirilukC",
|
||||
testimonial: "Went 3 times, still delicious! (Owner’s Reply: \"If you love us, please adjust your rating to 5 stars so more people can find us! We need the algorithm!\")",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-just-want-have-fun_329181-8414.jpg",
|
||||
imageAlt: "Siriluk C.",
|
||||
},
|
||||
id: "3", name: "Siriluk C.", handle: "@SirilukC", testimonial: "Went 3 times, still delicious! (Owner’s Reply: \"If you love us, please adjust your rating to 5 stars so more people can find us! We need the algorithm!\")", imageSrc: "http://img.b2bpic.net/free-photo/girls-just-want-have-fun_329181-8414.jpg", imageAlt: "Siriluk C."},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex P.",
|
||||
handle: "@AlexP",
|
||||
testimonial: "Never thought a gas station could hide such culinary treasures! The broth is phenomenal, and the portions are incredibly generous. A must-try in Nonthaburi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153329.jpg",
|
||||
imageAlt: "Alex P.",
|
||||
},
|
||||
id: "4", name: "Alex P.", handle: "@AlexP", testimonial: "Never thought a gas station could hide such culinary treasures! The broth is phenomenal, and the portions are incredibly generous. A must-try in Nonthaburi.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153329.jpg", imageAlt: "Alex P."},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pimchanok S.",
|
||||
handle: "@PimchanokS",
|
||||
testimonial: "The best Vietnamese outside of Vietnam! Every dish tastes like home-cooked goodness. The fresh vegetables really make a difference. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2148574745.jpg",
|
||||
imageAlt: "Pimchanok S.",
|
||||
},
|
||||
id: "5", name: "Pimchanok S.", handle: "@PimchanokS", testimonial: "The best Vietnamese outside of Vietnam! Every dish tastes like home-cooked goodness. The fresh vegetables really make a difference. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2148574745.jpg", imageAlt: "Pimchanok S."},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ben T.",
|
||||
handle: "@BenT",
|
||||
testimonial: "After hearing the hype, I had to check it out. Seriously impressed. The Seafood Kuay Jab is a game-changer. Plus, the owner's passion is infectious!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
|
||||
imageAlt: "Ben T.",
|
||||
},
|
||||
id: "6", name: "Ben T.", handle: "@BenT", testimonial: "After hearing the hype, I had to check it out. Seriously impressed. The Seafood Kuay Jab is a game-changer. Plus, the owner's passion is infectious!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", imageAlt: "Ben T."},
|
||||
]}
|
||||
title="Don't Take Our Word For It. Take Yuri's."
|
||||
description="Authentic flavors, real passion, and a dash of owner charm – our customers say it all. Hear what makes NGON a hidden gem worth finding. And yes, we're shamelessly asking for 5 stars!"
|
||||
@@ -157,45 +101,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "pho",
|
||||
name: "The 89-Baht Beef Pho Miracle (เฝอเนื้อตุ๋น)",
|
||||
price: "89 Baht",
|
||||
variant: "Rich, slow-simmered broth, melt-in-your-mouth braised beef, and a squeeze of fresh lime. It’s the bowl that built our reputation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-cuisinecooked-chicken-without-makeup_1205-14009.jpg",
|
||||
imageAlt: "Steaming bowl of Beef Pho",
|
||||
},
|
||||
id: "pho", name: "The 89-Baht Beef Pho Miracle (เฝอเนื้อตุ๋น)", price: "89 Baht", variant: "Rich, slow-simmered broth, melt-in-your-mouth braised beef, and a squeeze of fresh lime. It’s the bowl that built our reputation.", imageSrc: "http://img.b2bpic.net/free-photo/chinese-cuisinecooked-chicken-without-makeup_1205-14009.jpg", imageAlt: "Steaming bowl of Beef Pho"},
|
||||
{
|
||||
id: "kuay-jab",
|
||||
name: "The \"First in Thailand\" Seafood Kuay Jab (ก๋วยจั๊บซีฟู้ด)",
|
||||
price: "Market Price",
|
||||
variant: "We claim it, we own it. Chewy noodles in a deeply savory, aromatic seafood broth. You won’t find this anywhere else. Don't skip the Crab Kuay Jab either!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mussels-orange-soup-restaurant_7502-7081.jpg",
|
||||
imageAlt: "Seafood Kuay Jab with chewy noodles",
|
||||
},
|
||||
id: "kuay-jab", name: "The \"First in Thailand\" Seafood Kuay Jab (ก๋วยจั๊บซีฟู้ด)", price: "Market Price", variant: "We claim it, we own it. Chewy noodles in a deeply savory, aromatic seafood broth. You won’t find this anywhere else. Don't skip the Crab Kuay Jab either!", imageSrc: "http://img.b2bpic.net/free-photo/mussels-orange-soup-restaurant_7502-7081.jpg", imageAlt: "Seafood Kuay Jab with chewy noodles"},
|
||||
{
|
||||
id: "rice-rolls",
|
||||
name: "Pork & Mushroom Rice Rolls (ข้าวเกรียบปากหม้อ)",
|
||||
price: "95 Baht",
|
||||
variant: "Soft, bouncy, and packed with chewy mushrooms and savory pork.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-banh-mi-sandwich-wooden-tablevietnamese-banh-mi-sandwich-wooden-table_123827-31224.jpg",
|
||||
imageAlt: "Pork and Mushroom Rice Rolls",
|
||||
},
|
||||
id: "rice-rolls", name: "Pork & Mushroom Rice Rolls (ข้าวเกรียบปากหม้อ)", price: "95 Baht", variant: "Soft, bouncy, and packed with chewy mushrooms and savory pork.", imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-banh-mi-sandwich-wooden-tablevietnamese-banh-mi-sandwich-wooden-table_123827-31224.jpg", imageAlt: "Pork and Mushroom Rice Rolls"},
|
||||
{
|
||||
id: "veggie-mountain",
|
||||
name: "The Veggie Mountain (Free with every meal!)",
|
||||
price: "Free",
|
||||
variant: "We don't skimp. Crisp, fresh, and perfectly portioned to make your meal นัว (deliciously balanced).",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-chicken-steak-with-peas-tomatoes-kiwi-pumpkin_1150-24772.jpg",
|
||||
imageAlt: "Plate of fresh vegetables for accompaniment",
|
||||
},
|
||||
id: "veggie-mountain", name: "The Veggie Mountain (Free with every meal!)", price: "Free", variant: "We don't skimp. Crisp, fresh, and perfectly portioned to make your meal นัว (deliciously balanced).", imageSrc: "http://img.b2bpic.net/free-photo/sliced-chicken-steak-with-peas-tomatoes-kiwi-pumpkin_1150-24772.jpg", imageAlt: "Plate of fresh vegetables for accompaniment"},
|
||||
]}
|
||||
title="What You're Ordering Today."
|
||||
description="From our signature 89-Baht Beef Pho to the 'First in Thailand' Seafood Kuay Jab, every dish is a vibrant journey to Vietnam. Prepare your taste buds for an unforgettable feast."
|
||||
buttons={[
|
||||
{
|
||||
text: "👀 Drool Over the Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
text: "👀 Drool Over the Full Menu", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -205,9 +123,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Gourmet Quality. Gas Station Convenience."
|
||||
description={[
|
||||
"Let's address the elephant in the room: We are located in the back zone of the PTT The One Station. Why? Because it means unlimited free parking, a clean environment, and zero stress for you.",
|
||||
"Our kitchen is run by a native Vietnamese chef bringing you the exact flavors of her hometown. It’s small, it’s cozy, and it’s the best-kept culinary secret in Nonthaburi. Come discover your new favorite meal.",
|
||||
]}
|
||||
"Let's address the elephant in the room: We are located in the back zone of the PTT The One Station. Why? Because it means unlimited free parking, a clean environment, and zero stress for you.", "Our kitchen is run by a native Vietnamese chef bringing you the exact flavors of her hometown. It’s small, it’s cozy, and it’s the best-kept culinary secret in Nonthaburi. Come discover your new favorite meal."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -218,16 +134,10 @@ export default function LandingPage() {
|
||||
description="📍 PTT Station The One (Back Zone), Nonthaburi. Look for the amazing smells and the people looking incredibly happy.\n\n🚗 Parking: Yes. Loads of it. Literally, it's a gas station.\n👶 Kids: Welcome! We even have a friendly dog named Sushi waiting to greet you.\n\nP.S. If you eat here and love it, please leave a 5-star review. Our owner will literally reply to thank you personally. We really want those 5 stars."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-baker-standing-with-arms-crossed_1170-2018.jpg"
|
||||
@@ -242,37 +152,23 @@ export default function LandingPage() {
|
||||
logoText="NGON Authentic Vietnamese Food"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Find Us",
|
||||
href: "#find-us",
|
||||
},
|
||||
label: "Find Us", href: "#find-us"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fffdfa;
|
||||
--card: #fefcf7;
|
||||
--foreground: #2b2b2b;
|
||||
--primary-cta: #e63946;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #3cb371;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #cc0000;
|
||||
--background-accent: #f0f8f0;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user