Update src/app/page.tsx

src/app/page.tsx

@@ -7,11 +7,11 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Award, Calendar, MapPin, Star, Users, Wine } from "lucide-react";
+import { Award, Calendar, MapPin, Star, Users, Wine, Trophy } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,6 +32,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         { name: "About", id: "about" },
+        { name: "Awards", id: "metrics" },
         { name: "Menu", id: "menu" },
         { name: "Reserve", id: "contact" },
       ]}
@@ -100,6 +101,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="metrics" data-section="metrics">
+      <MetricCardOne
+      animationType="slide-up"
+      gridVariant="uniform-all-items-equal"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      metrics={[
+        { id: "m1", icon: Trophy, title: "America's Best Restaurant", value: "Top 50", description: "Recognized consistently among the finest culinary institutions in the nation." },
+        { id: "m2", icon: Star, title: "Awards", value: "15+", description: "Multiple James Beard Foundation honors and industry excellence awards." },
+        { id: "m3", icon: Calendar, title: "Anniversaries", value: "5000+", description: "Dedicated to creating unforgettable life moments for our guests." },
+      ]}
+      title="Celebrating Excellence"
+      description="We are honored to be counted among America's premier culinary destinations."
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSixteen
       textboxLayout="default"
@@ -122,21 +139,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "m1", icon: Star, title: "Awards", value: "15+" },
-        { id: "m2", icon: Calendar, title: "Anniversaries Celebrated", value: "5000+" },
-        { id: "m3", icon: MapPin, title: "Scenic Views", value: "1 Panoramic" },
-      ]}
-      title="By The Numbers"
-      description="The impact of our dedication to craft."
-    />
-  </div>
-
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="default"
@@ -166,7 +168,7 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
+        { items: [{ label: "About", href: "#about" }, { label: "Awards", href: "#metrics" }, { label: "Menu", href: "#menu" }] },
         { items: [{ label: "Reservations", href: "#contact" }, { label: "Gift Cards", href: "#" }] },
         { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}