Merge version_1 into main #1
280
src/app/page.tsx
280
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="QuimicMex"
|
||||
/>
|
||||
@@ -54,84 +42,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Distribución Química de Alta Precisión en México"
|
||||
description="Innovación, seguridad y fiabilidad en cada suministro. Somos el aliado estratégico que su industria necesita para escalar con estándares de calidad internacionales."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Años de Experiencia",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Clientes Industriales",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Cumplimiento en Entregas",
|
||||
},
|
||||
{ value: "20+", label: "Años de Experiencia" },
|
||||
{ value: "500+", label: "Clientes Industriales" },
|
||||
{ value: "99%", label: "Cumplimiento en Entregas" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Cotización",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Solicitar Cotización", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-craft-beer-concept_23-2148111057.jpg"
|
||||
imageAlt="Laboratorio químico profesional"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laboratory-equipment-with-neon-lights_23-2151807349.jpg",
|
||||
alt: "Laboratory equipment with neon lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laboratory-equipment-with-neon-lights_23-2151807346.jpg",
|
||||
alt: "Laboratory equipment with neon lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-laboratory-equipment-neon-lights_23-2151807329.jpg",
|
||||
alt: "View of laboratory equipment in neon lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560640.jpg",
|
||||
alt: "Laboratory 3d glassware",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-with-craft-beer-concept_23-2148111057.jpg",
|
||||
alt: "chemical industry laboratory high tech",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/laboratory-equipment-with-neon-lights_23-2151807349.jpg", alt: "Laboratory equipment with neon lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/laboratory-equipment-with-neon-lights_23-2151807346.jpg", alt: "Laboratory equipment with neon lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-laboratory-equipment-neon-lights_23-2151807329.jpg", alt: "View of laboratory equipment in neon lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560640.jpg", alt: "Laboratory 3d glassware" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-with-craft-beer-concept_23-2148111057.jpg", alt: "chemical industry laboratory high tech" },
|
||||
]}
|
||||
avatarText="Equipo técnico certificado"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ISO 9001",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "NOM-018",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sostenibilidad",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Innovación",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seguridad",
|
||||
icon: Lock,
|
||||
},
|
||||
{ type: "text-icon", text: "ISO 9001", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "NOM-018", icon: Shield },
|
||||
{ type: "text-icon", text: "Sostenibilidad", icon: Leaf },
|
||||
{ type: "text-icon", text: "Innovación", icon: Droplets },
|
||||
{ type: "text-icon", text: "Seguridad", icon: Lock },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,10 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Compromiso con la Excelencia"
|
||||
description={[
|
||||
"Fundados con la visión de elevar los estándares de la industria química en México, nos dedicamos a ofrecer materias primas de la más alta pureza.",
|
||||
"Nuestra misión es garantizar la continuidad de sus operaciones a través de una cadena de suministro robusta, segura y sostenible, cuidando siempre el entorno y el cumplimiento normativo nacional.",
|
||||
"Cada decisión que tomamos está guiada por la integridad, la calidad y el servicio al cliente, consolidándonos como un referente de confianza en el mercado.",
|
||||
]}
|
||||
"Fundados con la visión de elevar los estándares de la industria química en México, nos dedicamos a ofrecer materias primas de la más alta pureza.", "Nuestra misión es garantizar la continuidad de sus operaciones a través de una cadena de suministro robusta, segura y sostenible, cuidando siempre el entorno y el cumplimiento normativo nacional.", "Cada decisión que tomamos está guiada por la integridad, la calidad y el servicio al cliente, consolidándonos como un referente de confianza en el mercado."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,27 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Farmacéutica",
|
||||
description: "Suministros certificados para producción de alta pureza y síntesis compleja.",
|
||||
tag: "Certificado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-front-picture-industrial-worker-check-readings_645730-777.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Alimentaria",
|
||||
description: "Aditivos y reactivos que cumplen con normativas de inocuidad rigurosas.",
|
||||
tag: "Inocuo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-blue-laboratory-suit-gas-mask-stand-clean-room-check-graphs-tablet_645730-154.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Agrícola",
|
||||
description: "Soluciones para optimización de cultivos con tecnología de vanguardia.",
|
||||
tag: "Especializado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-worker-is-making-notes-about-serviceability-cebtrifuge_645730-126.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Farmacéutica", description: "Suministros certificados para producción de alta pureza y síntesis compleja.", tag: "Certificado", imageSrc: "http://img.b2bpic.net/free-photo/blurry-front-picture-industrial-worker-check-readings_645730-777.jpg" },
|
||||
{ id: "f2", title: "Alimentaria", description: "Aditivos y reactivos que cumplen con normativas de inocuidad rigurosas.", tag: "Inocuo", imageSrc: "http://img.b2bpic.net/free-photo/scientist-blue-laboratory-suit-gas-mask-stand-clean-room-check-graphs-tablet_645730-154.jpg" },
|
||||
{ id: "f3", title: "Agrícola", description: "Soluciones para optimización de cultivos con tecnología de vanguardia.", tag: "Especializado", imageSrc: "http://img.b2bpic.net/free-photo/medical-worker-is-making-notes-about-serviceability-cebtrifuge_645730-126.jpg" },
|
||||
]}
|
||||
title="Industrias a las que Servimos"
|
||||
description="Soluciones químicas especializadas para diversos sectores estratégicos."
|
||||
@@ -188,48 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Solventes Industriales",
|
||||
price: "Consulte precio",
|
||||
variant: "Alto Rendimiento",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wine-barrels-winery_1268-15698.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Reactivos de Laboratorio",
|
||||
price: "Consulte precio",
|
||||
variant: "Grado Analítico",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-transparent-bubbles-water_23-2148227171.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fertilizantes Especializados",
|
||||
price: "Consulte precio",
|
||||
variant: "Alta Eficiencia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-hard-cheese-cheese-manufacture-interior_645730-810.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Materias Primas Cosméticas",
|
||||
price: "Consulte precio",
|
||||
variant: "Pureza Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-day-celebration-with-male-pharmacist_23-2151734676.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Catalizadores Químicos",
|
||||
price: "Consulte precio",
|
||||
variant: "Grado Industrial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Aditivos Alimentarios",
|
||||
price: "Consulte precio",
|
||||
variant: "Grado Alimenticio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-girl-learning-chemistry_23-2148581937.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Solventes Industriales", price: "Consulte precio", variant: "Alto Rendimiento", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wine-barrels-winery_1268-15698.jpg" },
|
||||
{ id: "p2", name: "Reactivos de Laboratorio", price: "Consulte precio", variant: "Grado Analítico", imageSrc: "http://img.b2bpic.net/free-photo/close-up-transparent-bubbles-water_23-2148227171.jpg" },
|
||||
{ id: "p3", name: "Fertilizantes Especializados", price: "Consulte precio", variant: "Alta Eficiencia", imageSrc: "http://img.b2bpic.net/free-photo/production-hard-cheese-cheese-manufacture-interior_645730-810.jpg" },
|
||||
{ id: "p4", name: "Materias Primas Cosméticas", price: "Consulte precio", variant: "Pureza Premium", imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-day-celebration-with-male-pharmacist_23-2151734676.jpg" },
|
||||
{ id: "p5", name: "Catalizadores Químicos", price: "Consulte precio", variant: "Grado Industrial", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg" },
|
||||
{ id: "p6", name: "Aditivos Alimentarios", price: "Consulte precio", variant: "Grado Alimenticio", imageSrc: "http://img.b2bpic.net/free-photo/blurred-girl-learning-chemistry_23-2148581937.jpg" },
|
||||
]}
|
||||
title="Catálogo de Productos"
|
||||
description="Una selección integral de materias primas y químicos industriales."
|
||||
@@ -238,25 +118,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "ISO 9001",
|
||||
description: "Certificación de calidad en procesos.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "NOM-018",
|
||||
description: "Cumplimiento total en etiquetado.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Protocolos de seguridad química.",
|
||||
},
|
||||
{ id: "m1", value: "ISO 9001", description: "Certificación de calidad en procesos." },
|
||||
{ id: "m2", value: "NOM-018", description: "Cumplimiento total en etiquetado." },
|
||||
{ id: "m3", value: "100%", description: "Protocolos de seguridad química." },
|
||||
]}
|
||||
title="Calidad y Seguridad Garantizada"
|
||||
description="Nuestras operaciones cumplen estrictamente con los estándares y regulaciones mexicanas."
|
||||
@@ -267,31 +136,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alejandro Ruiz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-mask_23-2148970017.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dra. Elena Vargas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-pharmacist-with-table-checking-stock-pharmacy_23-2150359102.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ing. Carlos Mendoza",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-doctor-monitoring-oxygen-therapy-hyperbaric-chamber-looking-camera-while-sitting-control-room_637285-370.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara Hinojosa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-talking-mobile-phone-cold-drink-factory_107420-96508.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fernando Torres",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-delivery-man_23-2148944593.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alejandro Ruiz", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-mask_23-2148970017.jpg" },
|
||||
{ id: "t2", name: "Dra. Elena Vargas", imageSrc: "http://img.b2bpic.net/free-photo/female-pharmacist-with-table-checking-stock-pharmacy_23-2150359102.jpg" },
|
||||
{ id: "t3", name: "Ing. Carlos Mendoza", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-doctor-monitoring-oxygen-therapy-hyperbaric-chamber-looking-camera-while-sitting-control-room_637285-370.jpg" },
|
||||
{ id: "t4", name: "Sara Hinojosa", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-talking-mobile-phone-cold-drink-factory_107420-96508.jpg" },
|
||||
{ id: "t5", name: "Fernando Torres", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-delivery-man_23-2148944593.jpg" },
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros socios"
|
||||
cardTag="Opiniones"
|
||||
@@ -302,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Cotice sus requerimientos"
|
||||
description="Nuestro equipo de expertos está listo para atender su solicitud de cotización en menos de 24 horas."
|
||||
@@ -315,50 +162,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Calidad",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Empresa", items: [
|
||||
{ label: "Nosotros", href: "#about" },
|
||||
{ label: "Calidad", href: "#metrics" },
|
||||
{ label: "Contacto", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Catálogo",
|
||||
items: [
|
||||
{
|
||||
label: "Industrial",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Laboratorio",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Especialidades",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Catálogo", items: [
|
||||
{ label: "Industrial", href: "#products" },
|
||||
{ label: "Laboratorio", href: "#products" },
|
||||
{ label: "Especialidades", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Aviso de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos y Condiciones",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Aviso de Privacidad", href: "#" },
|
||||
{ label: "Términos y Condiciones", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user