Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -31,109 +31,58 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Trang chủ",          id: "hero"},
         {
-          name: "Why Nham",
-          id: "features",
-        },
+          name: "Tại sao chọn Nham",          id: "features"},
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Location",
-          id: "location",
-        },
+          name: "Địa điểm",          id: "location"},
       ]}
       brandName="NHAM COFFEE"
       button={{
-        text: "Get Directions",
-        href: "#location",
-      }}
+        text: "Chỉ đường",        href: "#location"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
-      }}
-      title="A Coffee Space That Never Sleeps"
-      description="Open 24/7 in the heart of Saigon — come for the coffee, stay for the vibe."
+        variant: "gradient-bars"}}
+      title="Không gian cà phê không ngủ"
+      description="Mở cửa 24/7 ngay giữa lòng Sài Gòn — nơi bắt đầu những câu chuyện bất tận."
       kpis={[
         {
-          value: "24/7",
-          label: "Always Open",
-        },
+          value: "24/7",          label: "Luôn mở cửa"},
         {
-          value: "2000+",
-          label: "Happy Fans",
-        },
+          value: "2000+",          label: "Khách hàng"},
         {
-          value: "4.4★",
-          label: "Rating",
-        },
+          value: "4.4★",          label: "Đánh giá"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "View Menu",
-          href: "#menu",
-        },
+          text: "Xem thực đơn",          href: "#menu"},
         {
-          text: "Get Directions",
-          href: "#location",
-        },
+          text: "Chỉ đường",          href: "#location"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/coffee-latte-lavender-flower-spectacles-notebook-wooden-desk_23-2147893006.jpg"
       imageAlt="Nham Coffee Saigon atmosphere"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg",
-          alt: "Happy regular",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bathroom-room-interior-color-vintage_1203-4677.jpg",
-          alt: "Student study session",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6432.jpg",
-          alt: "Coffee enthusiast",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/opened-book-near-bouquet-coffee_23-2147711730.jpg",
-          alt: "Remote worker",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg",
-          alt: "Late night regular",
-        },
+        { src: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg", alt: "Happy regular" },
+        { src: "http://img.b2bpic.net/free-photo/bathroom-room-interior-color-vintage_1203-4677.jpg", alt: "Student study session" },
+        { src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6432.jpg", alt: "Coffee enthusiast" },
+        { src: "http://img.b2bpic.net/free-photo/opened-book-near-bouquet-coffee_23-2147711730.jpg", alt: "Remote worker" },
+        { src: "http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg", alt: "Late night regular" },
       ]}
-      avatarText="Join our community of 2000+ local coffee fans"
+      avatarText="Gia nhập cộng đồng 2000+ người yêu cà phê tại Nham"
       marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Service",
-        },
-        {
-          type: "text",
-          text: "Freshly Roasted",
-        },
-        {
-          type: "text",
-          text: "Garden Oasis",
-        },
-        {
-          type: "text",
-          text: "Cozy Atmosphere",
-        },
-        {
-          type: "text",
-          text: "Saigon Soul",
-        },
+        { type: "text", text: "Phục vụ 24/7" },
+        { type: "text", text: "Cà phê tươi mới" },
+        { type: "text", text: "Ốc đảo xanh" },
+        { type: "text", text: "Không gian ấm cúng" },
+        { type: "text", text: "Hồn Sài Gòn" },
       ]}
     />
   </div>
@@ -143,16 +92,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Spacious & beautiful",
-        "Perfect for studying",
-        "Best photo spots",
-        "24/7 vibe",
-        "Amazing decor",
-        "Always open",
-        "Great coffee",
-      ]}
-      title="Voted Local Favorite"
-      description="What our community says about their favorite spot."
+        "Rộng rãi & đẹp",        "Thích hợp để học tập",        "Góc sống ảo cực chất",        "Vibe 24/7",        "Decor tinh tế",        "Luôn sẵn sàng phục vụ",        "Cà phê hảo hạng"]}
+      title="Điểm đến được yêu thích"
+      description="Cảm nhận của khách hàng về góc nhỏ yêu thương của họ tại Nham."
     />
   </div>
 
@@ -162,41 +104,20 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Massive Space",
-          descriptions: [
-            "No matter the crowd, there's always a corner for you.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-date-side-view_23-2148422396.jpg",
-        },
-        {
-          id: "f2",
-          title: "Aesthetic Everywhere",
-          descriptions: [
-            "From garden views to giant bookshelves — every angle is a photo.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg",
-        },
-        {
-          id: "f3",
-          title: "24/7 Energy",
-          descriptions: [
-            "Morning coffee, midnight deadlines, late-night talks — we're always open.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-hugging-sitting-cafe_171337-16595.jpg",
-        },
+        { id: "f1", title: "Không gian rộng lớn", descriptions: ["Dù đông đúc đến đâu, Nham vẫn có góc riêng cho bạn."], imageSrc: "http://img.b2bpic.net/free-photo/couple-date-side-view_23-2148422396.jpg" },
+        { id: "f2", title: "Góc nào cũng đẹp", descriptions: ["Từ view sân vườn đến kệ sách khổng lồ — mọi góc đều là khung hình đẹp."], imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg" },
+        { id: "f3", title: "Năng lượng 24/7", descriptions: ["Cà phê sáng, deadline đêm khuya, trò chuyện thâu đêm — Nham luôn mở cửa đợi bạn."], imageSrc: "http://img.b2bpic.net/free-photo/couple-hugging-sitting-cafe_171337-16595.jpg" },
       ]}
-      title="Why People Love Nham"
-      description="From morning fuel to late-night inspiration, we're your home away from home."
+      title="Tại sao mọi người yêu Nham"
+      description="Từ nguồn cảm hứng buổi sáng đến những ý tưởng đêm muộn, chúng tôi là ngôi nhà thứ hai của bạn."
     />
   </div>
 
   <div id="experience" data-section="experience">
       <MediaAbout
       useInvertedBackground={false}
-      title="Find Your Corner"
-      description="Whether you are here to chill, work, or catch up with friends, our spaces are designed for your moments."
+      title="Tìm góc riêng của bạn"
+      description="Cho dù bạn đến để thư giãn, làm việc hay trò chuyện cùng bạn bè, không gian của chúng tôi đều được thiết kế dành riêng cho bạn."
       imageSrc="http://img.b2bpic.net/free-photo/woman-with-daughter-porch_23-2147663772.jpg"
       imageAlt="The Nham Garden oasis"
     />
@@ -209,45 +130,15 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Salted Cream Coffee",
-          price: "45k",
-          imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-glass_74190-4610.jpg",
-        },
-        {
-          id: "p2",
-          name: "Pomegranate Jelly Tea",
-          price: "50k",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-iced-tea-table-pool_23-2149967020.jpg",
-        },
-        {
-          id: "p3",
-          name: "Buon Me Thuot Cocoa",
-          price: "40k",
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-book-pinecones-marble-background-high-quality-photo_114579-67877.jpg",
-        },
-        {
-          id: "p4",
-          name: "Vietnamese Iced Coffee",
-          price: "35k",
-          imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-sugar-cubes-top-view_23-2149600696.jpg",
-        },
-        {
-          id: "p5",
-          name: "Matcha Latte",
-          price: "55k",
-          imageSrc: "http://img.b2bpic.net/free-photo/frut-te-with-lemon-orange-mint-grapefruit-table_140725-10932.jpg",
-        },
-        {
-          id: "p6",
-          name: "Classic Hot Chocolate",
-          price: "40k",
-          imageSrc: "http://img.b2bpic.net/free-photo/star-shaped-cookies-red-plate-cup-with-cream_1252-150.jpg",
-        },
+        { id: "p1", name: "Cà phê muối", price: "45k", imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-glass_74190-4610.jpg" },
+        { id: "p2", name: "Trà thạch lựu", price: "50k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-iced-tea-table-pool_23-2149967020.jpg" },
+        { id: "p3", name: "Cacao Buôn Mê Thuột", price: "40k", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-book-pinecones-marble-background-high-quality-photo_114579-67877.jpg" },
+        { id: "p4", name: "Cà phê sữa đá", price: "35k", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-sugar-cubes-top-view_23-2149600696.jpg" },
+        { id: "p5", name: "Matcha Latte", price: "55k", imageSrc: "http://img.b2bpic.net/free-photo/frut-te-with-lemon-orange-mint-grapefruit-table_140725-10932.jpg" },
+        { id: "p6", name: "Sô-cô-la nóng cổ điển", price: "40k", imageSrc: "http://img.b2bpic.net/free-photo/star-shaped-cookies-red-plate-cup-with-cream_1252-150.jpg" },
       ]}
-      title="Signature Drinks"
-      description="Balanced, refreshing, and made for everyday cravings."
+      title="Thức uống đặc trưng"
+      description="Cân bằng, sảng khoái, và được tạo ra để chiều lòng mọi sở thích."
     />
   </div>
 
@@ -257,69 +148,34 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "Garden",
-          title: "Relax & Chill",
-          items: [
-            "Greenery",
-            "Open-air",
-            "Photo-ready",
-          ],
-        },
-        {
-          id: "m2",
-          value: "Study",
-          title: "Work & Focus",
-          items: [
-            "Group-friendly",
-            "Large tables",
-            "Stable Wi-Fi",
-          ],
-        },
-        {
-          id: "m3",
-          value: "Social",
-          title: "Meet & Connect",
-          items: [
-            "High energy",
-            "Lively",
-            "24/7 crowd",
-          ],
-        },
+        { id: "m1", value: "Sân vườn", title: "Thư giãn & chill", items: ["Nhiều cây xanh", "Không gian mở", "Góc chụp ảnh đẹp"] },
+        { id: "m2", value: "Học tập", title: "Làm việc & tập trung", items: ["Thân thiện với nhóm", "Bàn rộng", "Wi-Fi mạnh"] },
+        { id: "m3", value: "Kết nối", title: "Gặp gỡ & trò chuyện", items: ["Năng lượng cao", "Sôi động", "Không khí đêm Sài Gòn"] },
       ]}
-      title="Nham in Moments"
-      description="Capture the vibe."
+      title="Khoảnh khắc tại Nham"
+      description="Lưu giữ những rung động."
     />
   </div>
 
   <div id="location" data-section="location">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Visit Us"
-      title="Always Open in Saigon"
-      description="195/10/2 Dien Bien Phu, Binh Thanh, Ho Chi Minh City. Come early. Or come late. We don't close."
-      buttonText="Get Directions"
+      background={{ variant: "gradient-bars" }}
+      tag="Ghé thăm chúng tôi"
+      title="Luôn mở cửa tại Sài Gòn"
+      description="195/10/2 Điện Biên Phủ, Bình Thạnh, TP.HCM. Đến sớm hay đêm khuya, chúng tôi vẫn ở đây đợi bạn."
+      buttonText="Nhận chỉ đường"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="NHAM COFFEE"
-      leftLink={{
-        text: "Instagram",
-        href: "https://instagram.com/nhamcoffee",
-      }}
-      rightLink={{
-        text: "Built for Saigon nights",
-        href: "#",
-      }}
+      leftLink={{ text: "Instagram", href: "https://instagram.com/nhamcoffee" }}
+      rightLink={{ text: "Tâm hồn của đêm Sài Gòn", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}