diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1379c80..b9472b2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,8 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Leaf, ShoppingBag, Star, Users, Utensils } from "lucide-react";
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import { Award, Leaf, ShoppingBag, Star, Users, Utensils, Store, Truck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,6 +33,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Servicios", id: "servicios" },
+        { name: "Mercado", id: "mercado" },
         { name: "Nosotros", id: "nosotros" },
         { name: "Galería", id: "galeria" },
         { name: "Reseñas", id: "testimonios" },
@@ -67,6 +69,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="mercado" data-section="mercado">
+    <FeatureCardSeven 
+      title="Mercado en Línea"
+      description="Haz tus compras desde casa en cualquiera de nuestros 4 supermercados de la zona."
+      animationType="slide-up"
+      features={[
+        {
+          title: "Envío a Domicilio",          description: "Recibe tus productos frescos directamente en la puerta de tu casa en Guanacaste.",          imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-holding-cardboard-box_23-2149361668.jpg"
+        },
+        {
+          title: "Retiro en Tienda",          description: "Realiza tu pedido en línea y recógelo en el supermercado más cercano de forma rápida.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-paper-bags-with-groceries_23-2148281358.jpg"
+        }
+      ]}
+    />
+  </div>
+
   <div id="nosotros" data-section="nosotros">
       <AboutMetric
       useInvertedBackground={false}