From 002a3f9b0063ac77f3f4be80a2cb38c09e159025 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 05:57:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 164 +++++++++++------------------------------------
 1 file changed, 38 insertions(+), 126 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a61194e..5320282 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,8 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Flame, ShieldCheck, Wine } from "lucide-react";
+import { Award, Flame, ShieldCheck, Wine, MapPin, Mail, Phone } from "lucide-react";
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 
 export default function LandingPage() {
   return (
@@ -29,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Our Heritage",          id: "about"},
-        {
-          name: "Signature Cuts",          id: "menu"},
-        {
-          name: "Experience",          id: "testimonials"},
-        {
-          name: "Reservations",          id: "contact"},
+        { name: "Our Heritage", id: "about" },
+        { name: "Signature Cuts", id: "menu" },
+        { name: "Experience", id: "testimonials" },
+        { name: "Location & Contact", id: "contact" },
       ]}
       brandName="MIRADOR"
     />
@@ -44,46 +41,28 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Three Decades of Culinary Mastery"
       description="Where time-honored tradition meets the art of the perfect flame. Experience the pinnacle of luxury at Mirador."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081855.jpg",          alt: "Distinguished man"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6896.jpg",          alt: "Sophisticated woman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg",          alt: "Food critic portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",          alt: "Business executive"},
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-receiving-gift-from-her-lover_23-2148060577.jpg",          alt: "Elegant couple"},
+        { src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081855.jpg", alt: "Distinguished man" },
+        { src: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6896.jpg", alt: "Sophisticated woman" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg", alt: "Food critic portrait" },
+        { src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg", alt: "Business executive" },
+        { src: "http://img.b2bpic.net/free-photo/woman-receiving-gift-from-her-lover_23-2148060577.jpg", alt: "Elegant couple" },
       ]}
       avatarText="Join our world-class dining legacy"
       buttons={[
-        {
-          text: "Reserve Your Table",          href: "#contact"},
-        {
-          text: "View Menu",          href: "#menu"},
+        { text: "Reserve Your Table", href: "#contact" },
+        { text: "View Menu", href: "#menu" },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
-          type: "text-icon",          text: "30 Years of Excellence",          icon: Award,
-        },
-        {
-          type: "text-icon",          text: "Prime Wagyu Selection",          icon: Award,
-        },
-        {
-          type: "text-icon",          text: "Vintage Cellar Access",          icon: Wine,
-        },
-        {
-          type: "text-icon",          text: "Private Dining Suites",          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",          text: "Artisanal Preparation",          icon: Flame,
-        },
+        { type: "text-icon", text: "30 Years of Excellence", icon: Award },
+        { type: "text-icon", text: "Prime Wagyu Selection", icon: Award },
+        { type: "text-icon", text: "Vintage Cellar Access", icon: Wine },
+        { type: "text-icon", text: "Private Dining Suites", icon: ShieldCheck },
+        { type: "text-icon", text: "Artisanal Preparation", icon: Flame },
       ]}
     />
   </div>
@@ -107,105 +86,38 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Signature Tomahawk",          price: "$125",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetables-pan_23-2148599843.jpg"},
-        {
-          id: "2",          name: "Vintage Reserve Red",          price: "$95",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-wineglass-reflects-candlelit-elegance-celebration-generated-by-ai_188544-15330.jpg"},
-        {
-          id: "3",          name: "Artisan Glazed Roots",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg"},
-        {
-          id: "4",          name: "Gold Leaf Decadence",          price: "$32",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95311.jpg"},
-        {
-          id: "5",          name: "Wagyu Carpaccio",          price: "$45",          imageSrc: "http://img.b2bpic.net/free-photo/eating-asian-food-dinner-concept_53876-23414.jpg"},
-        {
-          id: "6",          name: "Mirador Craft Coupe",          price: "$22",          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg"},
+        { id: "1", name: "Signature Tomahawk", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetables-pan_23-2148599843.jpg" },
+        { id: "2", name: "Vintage Reserve Red", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/luxury-wineglass-reflects-candlelit-elegance-celebration-generated-by-ai_188544-15330.jpg" },
+        { id: "3", name: "Artisan Glazed Roots", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg" },
+        { id: "4", name: "Gold Leaf Decadence", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95311.jpg" },
       ]}
       title="A Menu of Icons"
-      description="From prime cuts aged to perfection to rare vintage pairings, discover the flavors that define the Mirador experience."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",          name: "Arthur Sterling",          handle: "@sterlinggroup",          testimonial: "The standard of excellence is simply unmatched. A perfect steakhouse.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg"},
-        {
-          id: "2",          name: "Elena Vance",          handle: "@elena_vance",          testimonial: "Every meal here is a sensory journey. Mirador never fails to impress.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-velvet-dress-holds-martini-glass_197531-15681.jpg"},
-        {
-          id: "3",          name: "Julian Thorne",          handle: "@jthorn_critic",          testimonial: "Exquisite. The perfect marriage of tradition and modern innovation.",          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187196.jpg"},
-        {
-          id: "4",          name: "Marcus Reid",          handle: "@mreid_ceo",          testimonial: "The gold standard for a reason. Simply extraordinary service.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006711.jpg"},
-        {
-          id: "5",          name: "Clara & James",          handle: "@the_couple",          testimonial: "Celebrated our 10th anniversary here, and every moment was pure magic.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-gift-from-her-lover_23-2148060577.jpg"},
-      ]}
-      title="Voices of Excellence"
-      description="Join the circle of connoisseurs who consider Mirador their home for fine dining."
+      description="Discover the flavors that define the Mirador experience."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Secure Your Table"
-      description="Direct inquiries for reservations, private dining, or exclusive events. Mirador looks forward to hosting your next memorable evening."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-        },
-        {
-          name: "date",          type: "date",          placeholder: "Preferred Date",          required: true,
-        },
-        {
-          name: "time",          type: "time",          placeholder: "Preferred Time",          required: true,
-        },
-        {
-          name: "guests",          type: "number",          placeholder: "Number of Guests",          required: true,
-        },
+      <MetricCardOne
+      title="Location & Contact"
+      description="Visit us in the heart of the city, or reach out to our dedicated concierge service."
+      textboxLayout="split"
+      gridVariant="uniform-all-items-equal"
+      animationType="blur-reveal"
+      useInvertedBackground={true}
+      metrics={[
+        { id: "1", value: "1994", title: "Founded", description: "Three decades of excellence", icon: Award },
+        { id: "2", value: "City Core", title: "Location", description: "Luxury District, Suite 101", icon: MapPin },
+        { id: "3", value: "24/7", title: "Concierge", description: "contact@mirador.com", icon: Mail },
+        { id: "4", value: "Direct", title: "Reservation", description: "+1 (800) MIR-ADOR", icon: Phone },
       ]}
-      textarea={{
-        name: "notes",        placeholder: "Special requests or seating preferences?",        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826254.jpg"
-      mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Our Menu",              href: "#menu"},
-            {
-              label: "Reservations",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "LinkedIn",              href: "#"},
-          ],
-        },
+        { items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="MIRADOR"
     />