Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Leaf } from "lucide-react";
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import { Leaf, Utensils, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",          id: "#hero"},
+        { name: "About", id: "#about" },
-        {
+        { name: "Menu", id: "#menu" },
-          name: "About",          id: "#about"},
+        { name: "Reviews", id: "#testimonials" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Menu",          id: "#menu"},
-        {
-          name: "Reviews",          id: "#testimonials"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="Nanglo Dhulabari"
     />
@@ -48,24 +43,21 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       title="Authentic Taste of Dhulabari"
-      description="Experience the true essence of traditional and contemporary flavors in a warm, welcoming environment."
+      description="Experience the true essence of traditional Nepali cuisine in a warm, welcoming environment."
       tag="Welcome to Nanglo"
       buttons={[
         { text: "Book a Table", href: "#contact" },
         { text: "View Menu", href: "#menu" }
       ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/nepali-thali-set-wooden-table_527904-45.jpg?_wi=1", imageAlt: "Traditional Nepali Thali" },
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg",          imageAlt: "Restaurant Interior"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/momos-served-traditional-nepali-plate_1258-293.jpg", imageAlt: "Authentic Nepali Momos" }
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vegetables_23-2148494042.jpg",          imageAlt: "Gourmet Dish"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
-      ratingText="Highly rated by local food enthusiasts"
+      ratingText="Loved by the local community"
     />
   </div>
 
@@ -74,15 +66,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Culinary Commitment"
       metrics={[
-        {
+        { icon: Leaf, label: "Fresh Local Ingredients", value: "100%" },
-          icon: Leaf,
+        { icon: Utensils, label: "Authentic Recipes", value: "100%" },
-          label: "Fresh Ingredients",          value: "100%"},
+        { icon: Star, label: "Customer Satisfaction", value: "4.9/5" },
-        {
-          icon: Award,
-          label: "Expert Chefs",          value: "15+"},
-        {
-          icon: Award,
-          label: "Years Served",          value: "10+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -95,39 +81,28 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", name: "Buff Momos", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/steaming-momos-bamboo-steamer_1258-201.jpg" },
-          id: "1",          name: "Classic Momos",          price: "$5",          imageSrc: "http://img.b2bpic.net/free-photo/steaming-asian-dumplings-dark-plate_84443-82009.jpg"},
+        { id: "2", name: "Traditional Thakali Khana", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/nepali-thali-set-wooden-table_527904-45.jpg?_wi=2" },
-        {
+        { id: "3", name: "Chicken Sekuwa", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-sekuwa_1258-301.jpg" },
-          id: "2",          name: "Dal Bhat Platter",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20781.jpg"},
+        { id: "4", name: "Mixed Vegetable Curry", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-curry-bowl_1258-289.jpg" },
-        {
+        { id: "5", name: "Aloo Chop", price: "$3", imageSrc: "http://img.b2bpic.net/free-photo/aloo-chop-plate_1258-210.jpg" },
-          id: "3",          name: "Special Fried Rice",          price: "$8",          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-cashew-nuts-thai-food_1150-26462.jpg"},
+        { id: "6", name: "Sel Roti & Curry", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/sel-roti-dish_1258-278.jpg" },
-        {
-          id: "4",          name: "Garden Fresh Salad",          price: "$6",          imageSrc: "http://img.b2bpic.net/free-photo/appetizer-ingredients-with-platter-macaroni-marble-surface_114579-69873.jpg"},
-        {
-          id: "5",          name: "Berry Refresher",          price: "$4",          imageSrc: "http://img.b2bpic.net/free-photo/blue-chilled-drink-glass-decorated-with-umbrella_23-2148145329.jpg"},
-        {
-          id: "6",          name: "Signature Dessert",          price: "$5",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-dessert-assortment_23-2149143312.jpg"},
       ]}
-      title="Signature Dishes"
+      title="Featured Menu Items"
-      description="Handpicked favorites from our extensive menu, crafted with passion."
+      description="Discover our signature Nepali delicacies, prepared with traditional techniques and local spices."
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyEight
+      <MetricCardFourteen
-      animationType="slide-up"
-      textboxLayout="split"
       useInvertedBackground={false}
-      features={[
+      title="Operational Excellence"
-        {
+      tag="Our Service"
-          id: "f1",          title: "Cozy Ambience",          subtitle: "Perfect for family and friends",          category: "Environment",          value: "Warm"},
+      metrics={[
-        {
+        { id: "m1", value: "Daily", description: "Fresh preparation of spices" },
-          id: "f2",          title: "Fast Service",          subtitle: "Your order on the table, quick",          category: "Quality",          value: "Speed"},
+        { id: "m2", value: "100%", description: "Authentic Nepali heritage" },
-        {
+        { id: "m3", value: "Local", description: "Sourced from Dhulabari farmers" },
-          id: "f3",          title: "Local Ingredients",          subtitle: "Supporting our regional farmers",          category: "Sourcing",          value: "Local"},
       ]}
-      title="Why Nanglo?"
-      description="More than just a meal, it's a dining experience you'll love."
     />
   </div>
 
@@ -138,24 +113,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Rita Sharma", role: "Local Resident", company: "Dhulabari", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-nepali-woman-eating-thali_527904-98.jpg" },
-          id: "t1",          name: "Rita Sharma",          role: "Foodie",          company: "Dhulabari",          rating: 5,
+        { id: "t2", name: "Raj Karki", role: "Regular Customer", company: "Dhulabari", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-momos_527904-102.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg"},
+        { id: "t3", name: "Sita Limbu", role: "Visitor", company: "Birtamod", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-at-restaurant_527904-105.jpg" },
-        {
-          id: "t2",          name: "Raj Karki",          role: "Regular",          company: "Dhulabari",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looks-up-food-shop-internet_482257-76249.jpg"},
-        {
-          id: "t3",          name: "Sita Limbu",          role: "Visitor",          company: "Birtamod",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg"},
-        {
-          id: "t4",          name: "Arjun Giri",          role: "Regular",          company: "Dhulabari",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg"},
-        {
-          id: "t5",          name: "Maya Rai",          role: "Fan",          company: "Dhulabari",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
       ]}
       title="Our Guests Love Us"
-      description="Hear what our regulars have to say."
+      description="Hear what our regulars have to say about the authentic experience at Nanglo."
     />
   </div>
 
@@ -164,12 +127,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Is your food authentic?", content: "Yes, our recipes are passed down through generations to ensure true Nepali taste." },
-          id: "q1",          title: "Do you offer delivery?",          content: "Yes, we partner with local delivery apps."},
+        { id: "q2", title: "Do you host large groups?", content: "We have spacious seating perfect for family gatherings and celebrations." },
-        {
+        { id: "q3", title: "Can I book a table?", content: "Yes, we recommend calling ahead for evening reservations." },
-          id: "q2",          title: "Can I book a table?",          content: "Yes, please call us to reserve in advance."},
-        {
-          id: "q3",          title: "Are there vegan options?",          content: "We offer a variety of vegetable-based dishes."},
       ]}
       title="Frequent Questions"
       description="Everything you need to know about dining with us."
@@ -180,39 +140,23 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Let's Connect"
       title="Visit Us Today"
-      description="Join us for a memorable meal in Dhulabari."
+      description="Join us for a memorable, authentic meal in the heart of Dhulabari."
       buttons={[
-        {
+        { text: "Call to Reserve", href: "tel:+977000000000" },
-          text: "Call to Reserve",          href: "tel:+977000000000"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-donut_23-2148773568.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/nepali-masala-tea_527904-90.jpg"
       logoText="Nanglo Dhulabari"
       columns={[
-        {
+        { title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
-          title: "Navigate",          items: [
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "About",              href: "#about"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "FAQ",              href: "#faq"},
-          ],
-        },
       ]}
       copyrightText="© 2025 Nanglo Dhulabari"
     />
@@ -220,4 +164,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}