Update src/pages/HomePage.tsx

This commit is contained in:
2026-06-22 20:32:36 +00:00
parent e78abb0bf6
commit d1d5151cf4

View File

@@ -7,300 +7,164 @@ import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TeamListCards from '@/components/sections/team/TeamListCards';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import { CheckCircle, Gauge, Globe, Shield, Users, Zap } from "lucide-react";
import { CheckCircle, Gauge, Globe, Shield, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlayMarquee
tag="+85 Años de Legado Industrial"
title="Fabricamos para quienes no pueden permitirse fallar."
description="Torrent i Fills garantiza suministro de precisión con capacidad instalada para retail, distribución y HORECA. Liderazgo en trazabilidad y calidad técnica desde 1939."
primaryButton={{
text: "Hablar con ventas",
href: "#contact",
}}
secondaryButton={{
text: "Capacidad industrial",
href: "#capacity",
}}
items={[
{
text: "Trazabilidad completa",
icon: CheckCircle,
},
{
text: "Certificación IFS/BRC",
icon: Shield,
},
{
text: "Especialistas en marca blanca",
icon: Zap,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/technologist-controlling-machine-production-plant_342744-1198.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
tag="+85 Años de Legado Industrial"
title="Fabricamos para quienes no pueden permitirse fallar."
description="Torrent i Fills garantiza suministro de precisión con capacidad instalada para retail, distribución y HORECA. Liderazgo en trazabilidad y calidad técnica desde 1939."
primaryButton={{
text: "Hablar con ventas", href: "#contact"}}
secondaryButton={{
text: "Capacidad industrial", href: "#capacity"}}
items={[
{
text: "Trazabilidad completa", icon: CheckCircle,
},
{
text: "Certificación IFS/BRC", icon: Shield,
},
{
text: "Especialistas en marca blanca", icon: Zap,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/technologist-controlling-machine-production-plant_342744-1198.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Presencia y Calidad"
title="Exportación y Calidad Certificada"
names={[
"IFS Global Standard",
"BRC Food Safety",
"Bienestar Animal",
"Exportación UE",
"Halal Certification",
"Trazabilidad Total",
"Sostenibilidad",
]}
/>
</SectionErrorBoundary>
</div>
tag="Presencia y Calidad"
title="Exportación y Calidad Certificada"
description="Certificaciones internacionales avalan nuestra operatividad y calidad técnica."
names={[
"IFS Global Standard", "BRC Food Safety", "Bienestar Animal", "Exportación UE", "Halal Certification", "Trazabilidad Total", "Sostenibilidad"]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="El oficio de producir con precisión técnica."
primaryButton={{
text: "Nuestra historia",
href: "#about",
}}
/>
</SectionErrorBoundary>
</div>
title="El oficio de producir con precisión técnica."
primaryButton={{
text: "Nuestra historia", href: "#about"}}
/>
</SectionErrorBoundary>
</div>
<div id="capacity" data-section="capacity">
<SectionErrorBoundary name="capacity">
<div id="capacity" data-section="capacity">
<SectionErrorBoundary name="capacity">
<FeaturesMediaCarousel
tag="Capacidad Industrial"
title="Infraestructura Técnica Avanzada"
description="Despiece, elaboración y logística integrada en tres centros de producción especializados."
items={[
{
title: "Planta Mataró",
description: "Matadero y elaborados cárnicos de alta capacidad.",
buttonIcon: "Factory",
imageSrc: "http://img.b2bpic.net/free-vector/smart-manufacturing-with-robotic-equipment-holographic-control-panel-isometric-flowchart-dark_1284-29440.jpg?_wi=1",
},
{
title: "Nave Logística",
description: "Gestión centralizada de stock y distribución global.",
buttonIcon: "Truck",
imageSrc: "http://img.b2bpic.net/free-photo/farm-life-concept-with-chickens-fence_23-2148573826.jpg",
},
{
title: "Centro Banyoles",
description: "Despiece especializado y transformación cárnica.",
buttonIcon: "ChefHat",
imageSrc: "http://img.b2bpic.net/free-vector/five-strategy-diagrams-templates-set_1262-4178.jpg",
},
{
title: "Control Calidad",
description: "Laboratorio propio para análisis de trazabilidad.",
buttonIcon: "Microscope",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-scene-poultry-farm-with-people-chickens_23-2151462292.jpg",
},
{
title: "Packaging NPD",
description: "Desarrollo de producto a medida para clientes.",
buttonIcon: "Package",
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-holding-syringe-ready-vaccination-pig-farm_342744-355.jpg",
},
{
title: "Export Logistics",
description: "Capacidad operativa para +17 mercados internacionales.",
buttonIcon: "Globe",
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-with-transportation-vehicles_52683-99739.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Capacidad Industrial"
title="Infraestructura Técnica Avanzada"
description="Despiece, elaboración y logística integrada en tres centros de producción especializados."
items={[
{ title: "Planta Mataró", description: "Matadero y elaborados cárnicos de alta capacidad.", buttonIcon: "Factory", imageSrc: "http://img.b2bpic.net/free-vector/smart-manufacturing-with-robotic-equipment-holographic-control-panel-isometric-flowchart-dark_1284-29440.jpg" },
{ title: "Nave Logística", description: "Gestión centralizada de stock y distribución global.", buttonIcon: "Truck", imageSrc: "http://img.b2bpic.net/free-photo/farm-life-concept-with-chickens-fence_23-2148573826.jpg" },
{ title: "Centro Banyoles", description: "Despiece especializado y transformación cárnica.", buttonIcon: "ChefHat", imageSrc: "http://img.b2bpic.net/free-vector/five-strategy-diagrams-templates-set_1262-4178.jpg" },
{ title: "Control Calidad", description: "Laboratorio propio para análisis de trazabilidad.", buttonIcon: "Microscope", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-scene-poultry-farm-with-people-chickens_23-2151462292.jpg" },
{ title: "Packaging NPD", description: "Desarrollo de producto a medida para clientes.", buttonIcon: "Package", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-holding-syringe-ready-vaccination-pig-farm_342744-355.jpg" },
{ title: "Export Logistics", description: "Capacidad operativa para +17 mercados internacionales.", buttonIcon: "Globe", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-with-transportation-vehicles_52683-99739.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Catálogo Profesional"
title="Soluciones para el Profesional"
description="Líneas de producto configuradas para canal retail, horeca e industria."
items={[
{
title: "Aves y despiece",
description: "Selección industrial premium.",
imageSrc: "http://img.b2bpic.net/free-photo/uncooked-chicken-legs-white-plate-with-sliced-onion_114579-57587.jpg",
},
{
title: "Vacuno y Porcino",
description: "Despiece estratégico.",
imageSrc: "http://img.b2bpic.net/free-photo/pharmacy-industry-woman-worker-protective-clothing-operating-production-tablets-sterile-working-conditions_645730-352.jpg",
},
{
title: "Cordero y Conejo",
description: "Calidad cárnica constante.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-financial-neon-bull_23-2151691835.jpg",
},
{
title: "Elaborados cocinados",
description: "Desarrollo marca blanca.",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-factory-worker-blue-lab-suit-check-readings-machine_645730-151.jpg",
},
{
title: "Curados tradicionales",
description: "Elaboración artesanal a escala.",
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-logistics-service-composition_23-2149128315.jpg",
},
{
title: "Línea HORECA",
description: "Formatos optimizados para cocina.",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-recipe-preparation_23-2147959041.jpg",
},
{
title: "Marca Blanca",
description: "Co-manufacturing a medida.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-meat_273609-21003.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Catálogo Profesional"
title="Soluciones para el Profesional"
description="Líneas de producto configuradas para canal retail, horeca e industria."
items={[
{ title: "Aves y despiece", description: "Selección industrial premium.", imageSrc: "http://img.b2bpic.net/free-photo/uncooked-chicken-legs-white-plate-with-sliced-onion_114579-57587.jpg" },
{ title: "Vacuno y Porcino", description: "Despiece estratégico.", imageSrc: "http://img.b2bpic.net/free-photo/pharmacy-industry-woman-worker-protective-clothing-operating-production-tablets-sterile-working-conditions_645730-352.jpg" },
{ title: "Cordero y Conejo", description: "Calidad cárnica constante.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-financial-neon-bull_23-2151691835.jpg" },
{ title: "Elaborados cocinados", description: "Desarrollo marca blanca.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-factory-worker-blue-lab-suit-check-readings-machine_645730-151.jpg" },
{ title: "Curados tradicionales", description: "Elaboración artesanal a escala.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-logistics-service-composition_23-2149128315.jpg" },
{ title: "Línea HORECA", description: "Formatos optimizados para cocina.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-recipe-preparation_23-2147959041.jpg" },
{ title: "Marca Blanca", description: "Co-manufacturing a medida.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-meat_273609-21003.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Estructura Operativa"
title="Datos Técnicos de Producción"
metrics={[
{
icon: Gauge,
title: "Toneladas/día",
value: "150+",
},
{
icon: Users,
title: "Profesionales expertos",
value: "200+",
},
{
icon: Globe,
title: "Mercados activos",
value: "17",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Estructura Operativa"
title="Datos Técnicos de Producción"
description="Nuestra capacidad productiva nos permite liderar el suministro industrial."
metrics={[
{ icon: "Gauge", title: "Toneladas/día", value: "150+" },
{ icon: "Users", title: "Profesionales expertos", value: "200+" },
{ icon: "Globe", title: "Mercados activos", value: "17" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamListCards
tag="Equipo de decisión"
title="Expertos al servicio de su cadena"
groups={[
{
title: "Dirección Técnica",
members: [
{
name: "Maria Torrent",
role: "Directora de Calidad",
detail: "Supervisión APPCC y certificaciones IFS.",
imageSrc: "http://img.b2bpic.net/free-photo/serious-supervisor-white-helmet-holding-tablet-looking-manufacturing-process_74855-16458.jpg",
},
{
name: "Jordi Valls",
role: "Ingeniero de Procesos",
detail: "Optimización de líneas de despiece.",
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-is-warehouse-cheese-shop-production-butter-cheese-quality-control-dairy-plant-racks-with-cheese_645730-504.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/technologist-controlling-machine-production-plant_342744-1198.jpg?_wi=2",
imageAlt: "factory quality assurance specialist",
},
{
title: "Gestión Comercial",
members: [
{
name: "Elena Puig",
role: "Directora Comercial B2B",
detail: "Estrategia de mercado Retail / HORECA.",
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145561.jpg",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Equipo de decisión"
title="Expertos al servicio de su cadena"
description="Un equipo humano altamente cualificado para garantizar la excelencia operativa."
groups={[
{
title: "Dirección Técnica", members: [
{ name: "Maria Torrent", role: "Directora de Calidad", detail: "Supervisión APPCC y certificaciones IFS.", imageSrc: "http://img.b2bpic.net/free-photo/serious-supervisor-white-helmet-holding-tablet-looking-manufacturing-process_74855-16458.jpg" },
{ name: "Jordi Valls", role: "Ingeniero de Procesos", detail: "Optimización de líneas de despiece.", imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-is-warehouse-cheese-shop-production-butter-cheese-quality-control-dairy-plant-racks-with-cheese_645730-504.jpg" },
],
},
{
title: "Gestión Comercial", members: [
{ name: "Elena Puig", role: "Directora Comercial B2B", detail: "Estrategia de mercado Retail / HORECA.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145561.jpg" },
],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Confianza B2B"
title="Socios estratégicos a largo plazo"
description="Descubra por qué las principales empresas del sector confían en nosotros."
testimonials={[
{
name: "Carlos M.",
role: "Director de Compras",
quote: "Torrent i Fills garantiza una regularidad en el suministro que nos permite planificar con total seguridad.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-florist-work_23-2149127319.jpg",
},
{
name: "Ana S.",
role: "Chef Ejecutivo",
quote: "La precisión en el despiece de los elaborados facilita nuestro trabajo diario sin desperdicio.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-barber-wearing-uniform-holding-looking-clipboard-touching-his-chin-with-pen-isolated-white-wall_141793-97823.jpg",
},
{
name: "Luis F.",
role: "Retail Procurement",
quote: "Excelente capacidad de adaptación a formatos de marca blanca cumpliendo estándares de exportación.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/retail-assistant-examines-apparel-racks-trendy-boutique_482257-118414.jpg",
},
{
name: "Sofia R.",
role: "Logistics Manager",
quote: "Una cadena de suministro impecable. La trazabilidad en cada lote es su mayor activo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-lady-standing-greenhouse-holding-clipboard_171337-6897.jpg",
},
{
name: "Jordi T.",
role: "QA Manager",
quote: "El cumplimiento estricto de las normativas de bienestar animal y calidad es ejemplar en su sector.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-thinking-office_1098-673.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Confianza B2B"
title="Socios estratégicos a largo plazo"
description="Historias de éxito con partners de primer nivel."
testimonials={[
{ name: "Carlos M.", role: "Director de Compras", quote: "Torrent i Fills garantiza una regularidad en el suministro que nos permite planificar con total seguridad.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-florist-work_23-2149127319.jpg" },
{ name: "Ana S.", role: "Chef Ejecutivo", quote: "La precisión en el despiece de los elaborados facilita nuestro trabajo diario sin desperdicio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-barber-wearing-uniform-holding-looking-clipboard-touching-his-chin-with-pen-isolated-white-wall_141793-97823.jpg" },
{ name: "Luis F.", role: "Retail Procurement", quote: "Excelente capacidad de adaptación a formatos de marca blanca cumpliendo estándares de exportación.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/retail-assistant-examines-apparel-racks-trendy-boutique_482257-118414.jpg" },
{ name: "Sofia R.", role: "Logistics Manager", quote: "Una cadena de suministro impecable. La trazabilidad en cada lote es su mayor activo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-lady-standing-greenhouse-holding-clipboard_171337-6897.jpg" },
{ name: "Jordi T.", role: "QA Manager", quote: "El cumplimiento estricto de las normativas de bienestar animal y calidad es ejemplar en su sector.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-thinking-office_1098-673.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contacto Comercial"
text="Comience a desarrollar su producto o solicite ficha técnica profesional."
primaryButton={{
text: "Contactar con ventas",
href: "#",
}}
secondaryButton={{
text: "Descargar catálogo",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Contacto Comercial"
text="Comience a desarrollar su producto o solicite ficha técnica profesional."
primaryButton={{
text: "Contactar con ventas", href: "#"}}
secondaryButton={{
text: "Descargar catálogo", href: "#"}}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}