Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ 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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import { Award, Leaf, ShoppingBag, Star, Users, Utensils } from "lucide-react";
 
 export default function LandingPage() {
@@ -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,24 @@ 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"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      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}
@@ -191,4 +211,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #FFFFFF;
+  --card: #F5F5F5;
+  --foreground: #D93025;
+  --primary-cta: #8CCB2E;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #4F8A2A;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #E3C233;
+  --background-accent: #4A4A4A;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);