From 2140cc14fb05740b9d3e362b87b5e77205efc11d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 16:19:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 123 +++++++++++++++++------------------------------
 1 file changed, 45 insertions(+), 78 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e7da20b..80586a5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import { Smartphone, Star, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -29,14 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Menú",          id: "menu"},
-        {
-          name: "Promos",          id: "features"},
-        {
-          name: "Contacto",          id: "contact"},
+        { name: "Inicio", id: "hero" },
+        { name: "Menú", id: "menu" },
+        { name: "Estrategia", id: "strategy" },
+        { name: "Promos", id: "features" },
+        { name: "Contacto", id: "contact" },
       ]}
       brandName="Mi Barrio"
     />
@@ -44,22 +42,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Hamburguesas con actitud, directas a tu casa."
       description="El sabor de siempre, elevado. Pedí ahora y disfrutá la verdadera experiencia Mi Barrio en cualquier lugar."
       tag="LAS MEJORES DE LA CIUDAD"
       buttons={[
-        {
-          text: "Pedir Ahora",          href: "#menu"},
-        {
-          text: "Ver Promos",          href: "#features"},
+        { text: "Pedir Ahora", href: "#menu" },
+        { text: "Ver Promos", href: "#features" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg?_wi=1",          imageAlt: "Hamburguesa premium de Mi Barrio"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=1",          imageAlt: "Clásica del Barrio"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg?_wi=1", imageAlt: "Hamburguesa premium de Mi Barrio" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=1", imageAlt: "Clásica del Barrio" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -74,39 +67,42 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Clásica del Barrio",          price: "$8.500",          variant: "Carne, cheddar, lechuga",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=2"},
-        {
-          id: "2",          name: "Bacon Explosion",          price: "$10.200",          variant: "Doble carne, bacon, BBQ",          imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg"},
-        {
-          id: "3",          name: "Mushroom Lover",          price: "$9.800",          variant: "Hongos, queso suizo",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-sandwich-red-fork-wooden-board-dark-mix-color-surface-with-free-space_179666-42255.jpg"},
-        {
-          id: "4",          name: "Crispy Chicken",          price: "$8.900",          variant: "Pollo crispy, mayo",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-fries-refreshment-lunch-generated-by-ai_188544-16106.jpg"},
-        {
-          id: "5",          name: "Veggie Delight",          price: "$9.200",          variant: "Garbanzos, palta",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-burgers-tray_23-2148678841.jpg"},
-        {
-          id: "6",          name: "Smash Boss",          price: "$11.500",          variant: "Doble smash, cheddar intenso",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-meat-burgers_141793-17491.jpg"},
+        { id: "1", name: "Clásica del Barrio", price: "$8.500", variant: "Carne, cheddar, lechuga", imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=2" },
+        { id: "2", name: "Bacon Explosion", price: "$10.200", variant: "Doble carne, bacon, BBQ", imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg" },
+        { id: "3", name: "Mushroom Lover", price: "$9.800", variant: "Hongos, queso suizo", imageSrc: "http://img.b2bpic.net/free-photo/tasty-sandwich-red-fork-wooden-board-dark-mix-color-surface-with-free-space_179666-42255.jpg" },
+        { id: "4", name: "Crispy Chicken", price: "$8.900", variant: "Pollo crispy, mayo", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-fries-refreshment-lunch-generated-by-ai_188544-16106.jpg" },
+        { id: "5", name: "Veggie Delight", price: "$9.200", variant: "Garbanzos, palta", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burgers-tray_23-2148678841.jpg" },
+        { id: "6", name: "Smash Boss", price: "$11.500", variant: "Doble smash, cheddar intenso", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-meat-burgers_141793-17491.jpg" },
       ]}
       title="Nuestro Menú"
       description="Elegí tu favorita y personalizala a tu gusto."
     />
   </div>
 
+  <div id="strategy" data-section="strategy">
+      <MetricCardFourteen
+        title="Estrategia de Crecimiento 2025"
+        tag="PLAN DE ESCALABILIDAD"
+        metrics={[
+          { id: "1", value: "40%", description: "Aumento proyectado en nuevos canales digitales" },
+          { id: "2", value: "85%", description: "Tasa de retención mediante programa de fidelidad" },
+          { id: "3", value: "2.5x", description: "Proyección de retorno en marketing de conversión" },
+          { id: "4", value: "30 min", description: "Tiempo objetivo de entrega en nuevas zonas" }
+        ]}
+        metricsAnimation="blur-reveal"
+        useInvertedBackground={true}
+      />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureBento
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Delivery ultra rápido",          description: "Tu comida llega caliente y a tiempo.",          bentoComponent: "reveal-icon",          icon: Zap,
-        },
-        {
-          title: "Menú inteligente",          description: "Personalizá cada ingrediente fácilmente.",          bentoComponent: "reveal-icon",          icon: Smartphone,
-        },
-        {
-          title: "Club Mi Barrio",          description: "Sumá puntos con cada pedido y canjeá premios.",          bentoComponent: "reveal-icon",          icon: Star,
-        },
+        { title: "Delivery ultra rápido", description: "Tu comida llega caliente y a tiempo.", bentoComponent: "reveal-icon", icon: Zap },
+        { title: "Menú inteligente", description: "Personalizá cada ingrediente fácilmente.", bentoComponent: "reveal-icon", icon: Smartphone },
+        { title: "Club Mi Barrio", description: "Sumá puntos con cada pedido y canjeá premios.", bentoComponent: "reveal-icon", icon: Star },
       ]}
       title="Por qué elegirnos"
       description="Calidad, velocidad y beneficios exclusivos por pedir en nuestra app."
@@ -118,16 +114,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          title: "Increíble",          quote: "La mejor hamburguesa de mi vida, el pedido llegó en 20 minutos.",          name: "Sarah Johnson",          role: "Cliente frecuente",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-peace-sign-with-fingers_181624-56338.jpg"},
-        {
-          id: "2",          title: "Calidad top",          quote: "Se nota la calidad de la carne, volveré a pedir seguro.",          name: "Michael Chen",          role: "Foodie",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg"},
-        {
-          id: "3",          title: "Muy fácil",          quote: "Usar la app para pedir desde la mesa es un golazo.",          name: "Emily Rodriguez",          role: "Cliente local",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-student-with-curly-short-hairstyle-looking-aside-logo-banner-feeling-happy-relaxed-staring-left-copyspace-standing-against-white-background_176420-46406.jpg"},
-        {
-          id: "4",          title: "Sabor auténtico",          quote: "Mi Barrio nunca defrauda, la Bacon Explosion es de otro planeta.",          name: "David Kim",          role: "Adicto a las hamburguesas",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg"},
-        {
-          id: "5",          title: "Excelente servicio",          quote: "Muy buena la atención y el programa de puntos funciona perfecto.",          name: "Ana Perez",          role: "Cliente frecuente",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-smartphone-street-short-haired-teen-bright-glasses-denim-beige-jacket-posing-cafe-with-bottle-water_197531-29369.jpg"},
+        { id: "1", title: "Increíble", quote: "La mejor hamburguesa de mi vida, el pedido llegó en 20 minutos.", name: "Sarah Johnson", role: "Cliente frecuente", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-peace-sign-with-fingers_181624-56338.jpg" },
+        { id: "2", title: "Calidad top", quote: "Se nota la calidad de la carne, volveré a pedir seguro.", name: "Michael Chen", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg" },
+        { id: "3", title: "Muy fácil", quote: "Usar la app para pedir desde la mesa es un golazo.", name: "Emily Rodriguez", role: "Cliente local", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-student-with-curly-short-hairstyle-looking-aside-logo-banner-feeling-happy-relaxed-staring-left-copyspace-standing-against-white-background_176420-46406.jpg" },
+        { id: "4", title: "Sabor auténtico", quote: "Mi Barrio nunca defrauda, la Bacon Explosion es de otro planeta.", name: "David Kim", role: "Adicto a las hamburguesas", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg" },
+        { id: "5", title: "Excelente servicio", quote: "Muy buena la atención y el programa de puntos funciona perfecto.", name: "Ana Perez", role: "Cliente frecuente", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-smartphone-street-short-haired-teen-bright-glasses-denim-beige-jacket-posing-cafe-with-bottle-water_197531-29369.jpg" },
       ]}
       title="Lo que dicen nuestros clientes"
       description="Historias reales de hamburgueseros satisfechos."
@@ -137,8 +128,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       tag="ATENCIÓN PERSONALIZADA"
       title="Contactanos ahora"
       description="Si tenés dudas, consultas o querés hacer un pedido especial, estamos listos para atenderte."
@@ -151,32 +141,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Navegación",          items: [
-            {
-              label: "Inicio",              href: "#hero"},
-            {
-              label: "Menú",              href: "#menu"},
-            {
-              label: "Promos",              href: "#features"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Términos y condiciones",              href: "#"},
-            {
-              label: "Privacidad",              href: "#"},
-          ],
-        },
-        {
-          title: "Contacto",          items: [
-            {
-              label: "WhatsApp",              href: "https://wa.me/123456789"},
-            {
-              label: "Instagram",              href: "#"},
-          ],
-        },
+        { title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#menu" }, { label: "Estrategia", href: "#strategy" }, { label: "Promos", href: "#features" }] },
+        { title: "Legal", items: [{ label: "Términos y condiciones", href: "#" }, { label: "Privacidad", href: "#" }] },
+        { title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/123456789" }, { label: "Instagram", href: "#" }] },
       ]}
       bottomLeftText="© 2024 Mi Barrio Hamburguesería"
       bottomRightText="Desarrollado con pasión"
@@ -185,4 +152,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1