5 Commits

Author SHA1 Message Date
4a1bacd4ec Update src/app/page.tsx 2026-03-26 14:25:16 +00:00
a57d7003a9 Update theme colors 2026-03-26 14:19:33 +00:00
fa1d95083d Update src/app/page.tsx 2026-03-26 14:09:07 +00:00
0b23fa336d Update src/app/styles/variables.css 2026-03-26 14:08:43 +00:00
3650ada445 Update src/app/page.tsx 2026-03-26 14:08:43 +00:00
2 changed files with 47 additions and 151 deletions

View File

@@ -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! (Owners 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! (Owners 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. Its 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. Its 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 wont 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 wont 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. Its small, its cozy, and its 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. Its small, its cozy, and its 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: "#"},
],
},
]}

View File

@@ -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);