Merge version_4 into main

Merge version_4 into main

src/app/admin/page.tsx

@@ -0,0 +1,80 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function AdminPanelPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Inicio", id: "home" },
+              { name: "Nuestra Historia", id: "about" },
+              { name: "Productos", id: "products" },
+              { name: "Ventajas", id: "features" },
+              { name: "Profesionales", id: "professionals" },
+              { name: "Admin", id: "/admin" },
+              { name: "Contacto", id: "contact" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780481858970-vnz8dv02.png"
+            logoAlt="Logo de Chente Ibéricos"
+            brandName="Chente"
+            button={{ text: "Contacto", href: "contact" }}
+          />
+        </div>
+
+        <div className="min-h-[60vh] flex flex-col items-center justify-center p-8 text-center">
+          <h1 className="text-5xl font-bold mb-4">Panel de Administración</h1>
+          <p className="text-xl mb-8">Gestiona tu tienda de productos ibéricos.</p>
+          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-4xl">
+            <div className="bg-card p-6 rounded-lg shadow-md">
+              <h2 className="text-2xl font-semibold mb-2">Gestión de Productos y Precios</h2>
+              <p>Añade, edita o elimina productos, y actualiza sus precios.</p>
+            </div>
+            <div className="bg-card p-6 rounded-lg shadow-md">
+              <h2 className="text-2xl font-semibold mb-2">Gestión de Órdenes y Stock</h2>
+              <p>Supervisa pedidos, actualiza estados y controla el inventario.</p>
+            </div>
+            <div className="bg-card p-6 rounded-lg shadow-md">
+              <h2 className="text-2xl font-semibold mb-2">Formularios de Contacto</h2>
+              <p>Revisa y responde a las consultas de los clientes.</p>
+            </div>
+            <div className="bg-card p-6 rounded-lg shadow-md">
+              <h2 className="text-2xl font-semibold mb-2">Cupones de Descuento</h2>
+              <p>Crea y gestiona códigos de descuento para tus promociones.</p>
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780481858970-vnz8dv02.png"
+            logoAlt="Logo de Chente Ibéricos"
+            logoText="Chente © JAMONES CHENTACO S.L. Todos los derechos reservados."
+            leftLink={{
+              text: "Política de Privacidad",              href: "/politica-privacidad"
+            }}
+            rightLink={{
+              text: "Aviso Legal",              href: "/aviso-legal"
+            }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/checkout/page.tsx

@@ -0,0 +1,240 @@
+"use client";
+
+import React from 'react';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ShoppingBag, CreditCard, DollarSign, Truck } from "lucide-react";
+
+export default function CheckoutPage() {
+  const navItems = [
+    { name: "Inicio", id: "/" },
+    { name: "Nuestra Historia", id: "about" },
+    { name: "Productos", id: "products" },
+    { name: "Ventajas", id: "features" },
+    { name: "Profesionales", id: "professionals" },
+    { name: "Contacto", id: "contact" },
+    { name: "Checkout", id: "/checkout" },
+  ];
+
+  // Dummy order data - in a real app, this would come from a cart state or API
+  const initialOrder = {
+    items: [
+      { id: 'p1', name: 'Jamón 100% Ibérico de Bellota', price: 450.00, quantity: 1 },
+      { id: 'p5', name: 'Lomo Ibérico de Bellota', price: 60.00, quantity: 2 },
+    ],
+    subtotal: 0,
+    shippingCost: 0,
+    ivaRate: 0.10, // Assuming 10% IVA for food products in Spain
+    ivaAmount: 0,
+    total: 0,
+  };
+
+  const shippingOptions = [
+    { label: "Envío Estándar (3-5 días)", cost: 10.00 },
+    { label: "Envío Urgente (1-2 días)", cost: 20.00 },
+    { label: "Recogida en tienda (Gratis)", cost: 0.00 },
+  ];
+
+  const [currentOrder, setCurrentOrder] = React.useState(initialOrder);
+  const [selectedShipping, setSelectedShipping] = React.useState(shippingOptions[0]);
+  const [orderConfirmed, setOrderConfirmed] = React.useState(false);
+
+  React.useEffect(() => {
+    const subtotal = currentOrder.items.reduce((sum, item) => sum + item.price * item.quantity, 0);
+    const calculatedIva = subtotal * currentOrder.ivaRate;
+    const total = subtotal + calculatedIva + selectedShipping.cost;
+
+    setCurrentOrder(prevOrder => ({
+      ...prevOrder,
+      subtotal: subtotal,
+      ivaAmount: calculatedIva,
+      shippingCost: selectedShipping.cost,
+      total: total,
+    }));
+  }, [selectedShipping, currentOrder.items]);
+
+  const handleConfirmOrder = () => {
+    // In a real application, this would trigger a payment gateway redirect
+    // or call an API to process the order.
+    console.log("Order confirmed:", currentOrder);
+    setOrderConfirmed(true);
+    // Simulate Stripe/PayPal integration by showing a success message
+  };
+
+  if (orderConfirmed) {
+    return (
+      <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+      >
+        <ReactLenis root>
+          <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+              navItems={navItems}
+              logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780481858970-vnz8dv02.png"
+              logoAlt="Logo de Chente Ibéricos"
+              brandName="Chente"
+              button={{
+                text: "Contacto",                href: "#contact"
+              }}
+            />
+          </div>
+          <main className="min-h-[70vh] flex items-center justify-center p-8">
+            <div className="max-w-xl text-center">
+              <h1 className="text-4xl font-bold mb-4">¡Gracias por tu compra!</h1>
+              <p className="text-lg text-foreground/80 mb-6">Tu pedido ha sido confirmado y será procesado en breve. Recibirás un correo electrónico con los detalles.</p>
+              <a href="/" className="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-cta hover:bg-primary-cta/90">
+                Volver al Inicio
+              </a>
+            </div>
+          </main>
+          <div id="footer" data-section="footer">
+            <FooterLogoReveal
+              logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780481858970-vnz8dv02.png"
+              logoAlt="Logo de Chente Ibéricos"
+              logoText="Chente © JAMONES CHENTACO S.L. Todos los derechos reservados."
+              leftLink={{
+                text: "Política de Privacidad",                href: "/politica-privacidad"
+              }}
+              rightLink={{
+                text: "Aviso Legal",                href: "/aviso-legal"
+              }}
+            />
+          </div>
+        </ReactLenis>
+      </ThemeProvider>
+    );
+  }
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="fluid"
+      cardStyle="outline"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780481858970-vnz8dv02.png"
+            logoAlt="Logo de Chente Ibéricos"
+            brandName="Chente"
+            button={{
+              text: "Contacto",              href: "#contact"
+            }}
+          />
+        </div>
+
+        <main className="container mx-auto p-4 md:p-8 min-h-[70vh]">
+          <h1 className="text-4xl font-bold text-center mb-8">Finalizar Compra</h1>
+
+          <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+            {/* Order Summary */}
+            <div className="lg:col-span-2 bg-card p-6 rounded-lg shadow-lg">
+              <h2 className="text-2xl font-semibold mb-4 flex items-center"><ShoppingBag className="mr-2" /> Resumen del Pedido</h2>
+              <div className="space-y-4">
+                {currentOrder.items.map(item => (
+                  <div key={item.id} className="flex justify-between items-center border-b border-foreground/10 pb-2">
+                    <span className="text-foreground/90">{item.name} (x{item.quantity})</span>
+                    <span className="font-medium">{item.price * item.quantity}€</span>
+                  </div>
+                ))}
+              </div>
+              <div className="mt-6 pt-4 border-t border-foreground/20 space-y-2">
+                <div className="flex justify-between">
+                  <span>Subtotal:</span>
+                  <span className="font-medium">{currentOrder.subtotal.toFixed(2)}€</span>
+                </div>
+                <div className="flex justify-between">
+                  <span>IVA ({currentOrder.ivaRate * 100}%):</span>
+                  <span className="font-medium">{currentOrder.ivaAmount.toFixed(2)}€</span>
+                </div>
+                <div className="flex justify-between">
+                  <span>Envío:</span>
+                  <span className="font-medium">{selectedShipping.cost.toFixed(2)}€</span>
+                </div>
+                <div className="flex justify-between text-xl font-bold mt-4">
+                  <span>Total:</span>
+                  <span>{currentOrder.total.toFixed(2)}€</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Shipping and Payment */}
+            <div className="bg-card p-6 rounded-lg shadow-lg">
+              <h2 className="text-2xl font-semibold mb-4 flex items-center"><Truck className="mr-2" /> Detalles del Envío</h2>
+              <div className="space-y-3 mb-6">
+                {shippingOptions.map(option => (
+                  <label key={option.label} className="flex items-center space-x-2 cursor-pointer">
+                    <input
+                      type="radio"
+                      name="shipping"
+                      value={option.cost}
+                      checked={selectedShipping.cost === option.cost}
+                      onChange={() => setSelectedShipping(option)}
+                      className="form-radio text-primary-cta"
+                    />
+                    <span>{option.label} - {option.cost.toFixed(2)}€</span>
+                  </label>
+                ))}
+              </div>
+
+              <h2 className="text-2xl font-semibold mb-4 flex items-center"><CreditCard className="mr-2" /> Método de Pago</h2>
+              <div className="space-y-3">
+                <button
+                  className="w-full flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-[#5a67d8] hover:bg-[#434d9b]"
+                  onClick={() => alert("Integración con Stripe Checkout (Visa, Mastercard, Apple Pay, Google Pay)")}
+                >
+                  Pagar con Stripe
+                </button>
+                <button
+                  className="w-full flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-[#0070ba] hover:bg-[#005a9c]"
+                  onClick={() => alert("Integración con PayPal")}
+                >
+                  Pagar con PayPal
+                </button>
+              </div>
+              <button
+                className="mt-6 w-full flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-cta hover:bg-primary-cta/90"
+                onClick={handleConfirmOrder}
+              >
+                Confirmar Pedido
+              </button>
+            </div>
+          </div>
+        </main>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780481858970-vnz8dv02.png"
+            logoAlt="Logo de Chente Ibéricos"
+            logoText="Chente © JAMONES CHENTACO S.L. Todos los derechos reservados."
+            leftLink={{
+              text: "Política de Privacidad",              href: "/politica-privacidad"
+            }}
+            rightLink={{
+              text: "Aviso Legal",              href: "/aviso-legal"
+            }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -8,9 +8,9 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import { Award, Building2, Headphones, Leaf, ShieldCheck, Truck } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,23 +32,25 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Inicio",          id: "#home"},
+          name: "Inicio",          id: "home"},
         {
-          name: "Nuestra Historia",          id: "#about"},
+          name: "Nuestra Historia",          id: "about"},
         {
-          name: "Productos",          id: "#products"},
+          name: "Productos",          id: "products"},
         {
-          name: "Ventajas",          id: "#features"},
+          name: "Ventajas",          id: "features"},
         {
-          name: "Profesionales",          id: "#professionals"},
+          name: "Profesionales",          id: "professionals"},
         {
-          name: "Contacto",          id: "#contact"},
+          name: "Admin",          id: "/admin"},
+        {
+          name: "Contacto",          id: "contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780481858970-vnz8dv02.png"
       logoAlt="Logo de Chente Ibéricos"
       brandName="Chente"
       button={{
-        text: "Contacto",        href: "#contact"}}
+        text: "Contacto",        href: "contact"}}
     />
   </div>
 
@@ -58,15 +60,15 @@ export default function LandingPage() {
       description="Tradición, calidad y sabor únicos desde el corazón de Salamanca."
       buttons={[
         {
-          text: "Ver Productos",          href: "#products"},
+          text: "Ver Productos",          href: "products"},
         {
-          text: "Contactar",          href: "#contact"},
+          text: "Contactar",          href: "contact"},
         {
-          text: "Nuestra Historia",          href: "#about"},
+          text: "Nuestra Historia",          href: "about"},
       ]}
       slides={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482350957-5lrvytst.jpg",          imageAlt: "Jamones ibéricos curados de Chente"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482350957-5lrvytst.jpg?_wi=1",          imageAlt: "Jamones ibéricos curados de Chente"},
         {
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482270979-w2hzcdzq.jpg",          imageAlt: "Dehesas salmantinas con cerdos ibéricos"},
         {
@@ -74,7 +76,7 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/smoked-sausages-grass-with-wooden-boxes-backside-side-view_141793-12547.jpg",          imageAlt: "Bodegas de curación tradicionales de jamón"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482361804-m6entzco.jpg",          imageAlt: "Detalle de jamón ibérico"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482361804-m6entzco.jpg?_wi=1",          imageAlt: "Detalle de jamón ibérico"},
         {
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482309566-c5ml8dk4.jpg",          imageAlt: "Atardecer en la dehesa salmantina"},
       ]}
@@ -130,17 +132,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",          name: "Jamón 100% Ibérico de Bellota",          price: "Desde 450€",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482100471-bthq22mo.jpg",          imageAlt: "Jamón 100% Ibérico de Bellota"},
+          id: "p1",          name: "Jamón 100% Ibérico de Bellota",          price: "Desde 450€",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482100471-bthq22mo.jpg?_wi=1",          imageAlt: "Jamón 100% Ibérico de Bellota"},
         {
           id: "p2",          name: "Jamón Ibérico 50% Raza Bellota",          price: "Desde 300€",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482118721-j8es2j8w.jpg",          imageAlt: "Jamón Ibérico 50% Raza Ibérica de Bellota"},
         {
           id: "p3",          name: "Paleta 100% Ibérica de Bellota",          price: "Desde 200€",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482145533-4ginde3n.jpg",          imageAlt: "Paleta 100% Ibérica de Bellota"},
         {
-          id: "p4",          name: "Paleta Ibérica 50% Raza Bellota",          price: "Desde 150€",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482165077-nv6tifwb.jpg",          imageAlt: "Paleta Ibérica 50% Raza Ibérica de Bellota"},
+          id: "p4",          name: "Paleta Ibérica 50% Raza Bellota",          price: "Desde 150€",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482165077-nv6tifwb.jpg?_wi=1",          imageAlt: "Paleta Ibérica 50% Raza Ibérica de Bellota"},
         {
-          id: "p5",          name: "Lomo Ibérico de Bellota",          price: "Desde 60€/pieza",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482185779-ydysqi08.jpg",          imageAlt: "Lomo Ibérico de Bellota"},
+          id: "p5",          name: "Lomo Ibérico de Bellota",          price: "Desde 60€/pieza",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482185779-ydysqi08.jpg?_wi=1",          imageAlt: "Lomo Ibérico de Bellota"},
         {
-          id: "p6",          name: "Chorizo Ibérico de Bellota",          price: "Desde 30€/pieza",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482205181-7pngwm0j.jpg",          imageAlt: "Chorizo Ibérico de Bellota"},
+          id: "p6",          name: "Chorizo Ibérico de Bellota",          price: "Desde 30€/pieza",          variant: "Pieza entera",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482205181-7pngwm0j.jpg?_wi=1",          imageAlt: "Chorizo Ibérico de Bellota"},
       ]}
       title="Nuestro Exclusivo Catálogo de Productos Ibéricos"
       description="Explore nuestra selección de jamones, paletas, lomos y embutidos, cada uno elaborado con la pasión y la tradición de Guijuelo para ofrecerle una experiencia gourmet inigualable."
@@ -155,13 +157,13 @@ export default function LandingPage() {
         {
           id: "t1",          title: "Un sabor que transporta a la dehesa",          quote: "El jamón de Chente es simplemente espectacular. Cada loncha te transporta directamente a la dehesa salmantina. Calidad insuperable y un aroma inconfundible. ¡Repetiremos sin duda!",          name: "Sofía García",          role: "Chef Ejecutiva",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-small-plant_23-2149412612.jpg",          imageAlt: "Avatar de Sofía García"},
         {
-          id: "t2",          title: "Excelencia en cada corte",          quote: "Como profesional de la hostelería, valoro la excelencia. Chente no solo cumple, sino que supera las expectativas. Sus productos son la estrella en nuestra carta. Atención y calidad de 10.",          name: "Javier López",          role: "Propietario de Restaurante",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg",          imageAlt: "Avatar de Javier López"},
+          id: "t2",          title: "Excelencia en cada corte",          quote: "Como profesional de la hostelería, valoro la excelencia. Chente no solo cumple, sino que supera las expectativas. Sus productos son la estrella en nuestra carta. Atención y calidad de 10.",          name: "Susana López ",          role: "Propietario de Restaurante",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg",          imageAlt: "Avatar de Javier López"},
         {
           id: "t3",          title: "La auténtica joya ibérica",          quote: "He probado muchos jamones, pero el 100% ibérico de bellota de Chente es una auténtica joya. La infiltración de grasa, el punto de sal, el buqué… todo perfecto. Indispensable en mi despensa gourmet.",          name: "Elena Torres",          role: "Gastrónoma y Crítica Culinaria",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-tasting-snacks-buffet-table_1262-2008.jpg",          imageAlt: "Avatar de Elena Torres"},
         {
           id: "t4",          title: "Un partner de confianza",          quote: "Para nuestro negocio, contar con un proveedor como Chente es fundamental. Productos de calidad constante, excelente servicio y una relación muy cercana. Son un partner indispensable.",          name: "Miguel Ruíz",          role: "Gerente de Hotel Boutique",          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-combing-his-beard-isolated-purple-with-copy-space_141793-76922.jpg",          imageAlt: "Avatar de Miguel Ruíz"},
         {
-          id: "t5",          title: "Siempre un acierto para regalar",          quote: "Cuando quiero impresionar con un regalo, siempre elijo Chente. La presentación es impecable y la calidad de sus embutidos y paletas es un acierto seguro. Recibo siempre felicitaciones.",          name: "Laura Fernández",          role: "Empresaria y Clienta Habitual",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-office-man-pointing-tablet-hands_23-2147787575.jpg",          imageAlt: "Avatar de Laura Fernández"},
+          id: "t5",          title: "Siempre un acierto para regalar",          quote: "Cuando quiero impresionar con un regalo, siempre elijo Chente. La presentación es impecable y la calidad de sus embutidos y paletas es un acierto seguro. Recibo siempre felicitaciones.",          name: "Rodrigo Fernández",          role: "Empresario y cliente habitual",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-office-man-pointing-tablet-hands_23-2147787575.jpg",          imageAlt: "Avatar de Laura Fernández"},
       ]}
       title="Lo que Nuestros Clientes Dicen"
       description="La satisfacción de quienes ya han experimentado la calidad premium de los productos ibéricos Chente. Su confianza es nuestro mayor orgullo."
@@ -169,16 +171,36 @@ export default function LandingPage() {
   </div>
 
   <div id="professionals" data-section="professionals">
-      <SocialProofOne
+      <FeatureCardTwentyFour
+      title="Soluciones Ibéricas Premium para Profesionales"
+      description="Descubre las ventajas exclusivas de Chente Ibéricos para tu negocio: calidad inigualable, precios competitivos y un servicio personalizado."
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "Restaurantes de Lujo",        "Hoteles Premium",        "Tiendas Gourmet Exclusivas",        "Distribuidores Nacionales",        "Servicios de Catering",        "Bares de Tapas Selectos",        "Bodegas y Enotecas"]}
-      title="Condiciones especiales para profesionales de la hostelería"
-      description="Trabajamos con restaurantes, hoteles, tiendas gourmet y distribuidores, ofreciendo tarifas especiales, asesoramiento personalizado y suministro continuo de productos ibéricos de máxima calidad para su negocio."
+      features={[
+        {
+          id: "res-hotel",          title: "Hostelería de Lujo: Restaurantes y Hoteles", author: "Chente Ibéricos",          description: "Productos ibéricos de bellota con Denominación de Origen Guijuelo, ideales para alta cocina. Calidad constante y formatos adaptados para sus menús y eventos exclusivos. Proveedor de jamón ibérico para hostelería de excelencia.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482100471-bthq22mo.jpg?_wi=2",          imageAlt: "Jamón ibérico para restaurantes y hoteles",          tags: ["Jamón de bellota", "Productos ibéricos Guijuelo", "Proveedor hostelería"]
+        },
+        {
+          id: "distributors",          title: "Distribuidores: Suministro Continuo y Eficiente", author: "Chente Ibéricos",          description: "Condiciones comerciales competitivas y un suministro fiable de nuestro amplio catálogo de jamones, paletas, lomos y embutidos ibéricos. Garantizamos frescura, trazabilidad y logística optimizada.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482165077-nv6tifwb.jpg?_wi=2",          imageAlt: "Embutidos ibéricos para distribuidores",          tags: ["Embutidos ibéricos", "Suministro continuo", "Logística"]
+        },
+        {
+          id: "gourmet-shops",          title: "Tiendas Gourmet: Diferenciación y Exclusividad", author: "Chente Ibéricos",          description: "Amplíe su oferta con jamón 100% ibérico de bellota y paleta ibérica premium de Guijuelo. Ofrecemos diferenciación por excelencia y autenticidad, con soporte de marketing y materiales promocionales. Los mejores jamones Salamanca.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482185779-ydysqi08.jpg?_wi=2",          imageAlt: "Lomo ibérico para tiendas gourmet",          tags: ["Jamón 100% ibérico", "Paleta ibérica", "Tiendas gourmet"]
+        },
+        {
+          id: "special-prices",          title: "Precios Especiales para Profesionales", author: "Chente Ibéricos",          description: "Benefíciate de tarifas preferenciales y descuentos exclusivos por volumen. Maximiza la rentabilidad de tu negocio con productos de alta demanda y la máxima calidad garantizada.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482205181-7pngwm0j.jpg?_wi=2",          imageAlt: "Ofertas especiales para profesionales",          tags: ["Precios B2B", "Ofertas profesionales"]
+        },
+        {
+          id: "personalized-attention",          title: "Atención Personalizada y Asesoramiento Experto", author: "Chente Ibéricos",          description: "Un gestor comercial exclusivo dedicado a tu cuenta, ofreciendo asesoramiento experto, soluciones a medida y un canal de comunicación directo para todas tus necesidades.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482361804-m6entzco.jpg?_wi=2",          imageAlt: "Atención al cliente personalizada",          tags: ["Asesoramiento", "Servicio al cliente"]
+        },
+        {
+          id: "quality-guarantee",          title: "Calidad Certificada: Jamón Ibérico de Bellota", author: "Chente Ibéricos",          description: "Nuestros productos son jamones de bellota 100% ibéricos, paletas y embutidos elaborados con la máxima exigencia. Cumplimos con todas las normativas para ofrecer un producto excepcional de Guijuelo.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482350957-5lrvytst.jpg?_wi=2",          imageAlt: "Certificación de calidad del jamón ibérico",          tags: ["Calidad garantizada", "Certificación ibérica"]
+        }
+      ]}
       buttons={[
         {
-          text: "Solicitar tarifas profesionales",          href: "#contact"},
+          text: "Solicitar Información Profesional",          href: "contact"
+        }
       ]}
     />
   </div>
@@ -191,7 +213,7 @@ export default function LandingPage() {
       tag="Contacto"
       title="Hablemos de Jamón Ibérico"
       description="Contáctenos para cualquier consulta, pedido o para explorar oportunidades profesionales. Estaremos encantados de atenderle en JAMONES CHENTACO S.L. en Finca El Viñato, Carretera de Cespedosa Km 3, 37770 Guijuelo, Salamanca, España. También puede llamarnos al 647 96 19 85. Complete el formulario y nos pondremos en contacto con usted."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-landscape-with-delimitation-concept_23-2149721818.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EccHcmLBLfaDNDp5ChTlQGMJOM/uploaded-1780482876257-wbfrp3e4.jpg"
       imageAlt="Ubicación de Chente en Guijuelo, Salamanca"
       mediaAnimation="opacity"
       mediaPosition="left"