bender/2b803c4e-1ebe-4c1f-a84a-17f35d97829d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... main

Author SHA1 Message Date
bender
cb44630a7d Merge version_3 into main 
Merge version_3 into main
 2026-05-12 15:56:12 +00:00
bender
ba2f0af71b Update src/app/page.tsx 2026-05-12 15:56:06 +00:00
bender
ddf60be8cf Merge version_2 into main 
Merge version_2 into main
 2026-05-12 15:54:30 +00:00
bender
7172863ca0 Update src/app/styles/variables.css 2026-05-12 15:54:27 +00:00
bender
5a0d5a2a64 Update src/app/page.tsx 2026-05-12 15:54:27 +00:00
2 changed files with 52 additions and 235 deletions
Expand all files Collapse all files

273
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Nosotros",
id: "about",
},
{
name: "Servicios",
id: "services",
},
{
name: "Contacto",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Servicios", id: "services" },
{ name: "Contacto", id: "contact" },
]}
brandName="CISYSE"
/>
@@ -54,24 +42,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
logoText="CISYSE - Corporación Iberoamericana de Salud y Seguridad"
description="Líderes regionales en consultoría integral de seguridad industrial, salud ocupacional y cumplimiento normativo."
description="Corporación peruana especializada en servicios de salud, seguridad industrial y gestión de riesgos, enfocada en la excelencia regional."
buttons={[
{
text: "Nuestros Servicios",
href: "#services",
},
{
text: "Contacto",
href: "#contact",
},
{ text: "Nuestros Servicios", href: "#services" },
{ text: "Contacto", href: "#contact" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833344.jpg"
imageAlt="CISYSE Safety Compliance"
imageAlt="CISYSE Soluciones en Perú"
mediaAnimation="slide-up"
/>
</div>
@@ -79,8 +59,8 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Compromiso con la Excelencia"
description="En Corporación Iberoamericana, transformamos la cultura de seguridad en su empresa. Con años de experiencia, garantizamos entornos laborales más sanos, seguros y productivos para sus colaboradores."
title="Experiencia Peruana en Salud y Seguridad"
description="Como empresa peruana líder, Corporación Iberoamericana de Salud y Seguridad ofrece soluciones integrales para potenciar el bienestar y la seguridad en el entorno laboral de nuestros clientes a nivel nacional."
imageSrc="http://img.b2bpic.net/free-photo/female-architect-talking-mobile-phone_107420-74351.jpg"
/>
</div>
@@ -92,30 +72,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Auditorías Técnicas",
description: "Análisis exhaustivos de cumplimiento legal y estándares internacionales.",
imageSrc: "http://img.b2bpic.net/free-photo/focused-office-lady-glasses-using-tablet-while-two-mature-businessmen-discussing-work-glass-wall-copy-space-communication-concept_74855-14243.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/colleagues-with-safety-equipment_23-2148908449.jpg",
buttonText: "Saber más",
},
{
title: "Gestión de EPP",
description: "Equipos de protección personal con los más altos estándares de calidad.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-laborer-with-hard-hat-copy-space_23-2148773509.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/electrician-work-uniform-items-wooden-background-top-view_169016-24599.jpg",
buttonText: "Saber más",
},
{
title: "Coordinación Global",
description: "Sistemas centralizados para control de seguridad multi-sede.",
imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-screen-dashboard-display-digital-auto-panel_169016-68647.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
buttonText: "Saber más",
},
{ title: "Normativa Peruana", description: "Consultoría experta en cumplimiento del Reglamento de Seguridad y Salud en el Trabajo (Ley 29783).", imageSrc: "http://img.b2bpic.net/free-photo/focused-office-lady-glasses-using-tablet-while-two-mature-businessmen-discussing-work-glass-wall-copy-space-communication-concept_74855-14243.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/colleagues-with-safety-equipment_23-2148908449.jpg", buttonText: "Saber más" },
{ title: "Salud Ocupacional", description: "Servicios preventivos y monitoreo de salud adaptados a las exigencias industriales locales.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-laborer-with-hard-hat-copy-space_23-2148773509.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/electrician-work-uniform-items-wooden-background-top-view_169016-24599.jpg", buttonText: "Saber más" },
{ title: "Gestión de Riesgos", description: "Análisis estratégico para entornos industriales peruanos complejos.", imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-screen-dashboard-display-digital-auto-panel_169016-68647.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg", buttonText: "Saber más" },
]}
title="Nuestras Soluciones"
description="Herramientas avanzadas para la gestión de riesgos y salud integral."
title="Servicios para la Industria Peruana"
description="Soluciones adaptadas al mercado nacional con estándares internacionales."
/>
</div>
@@ -125,27 +87,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: Shield,
title: "Incidentes Reducidos",
value: "95%",
},
{
id: "2",
icon: Award,
title: "Certificaciones",
value: "150+",
},
{
id: "3",
icon: Users,
title: "Colaboradores Protegidos",
value: "25k+",
},
{ id: "1", icon: Shield, title: "Reducción de Riesgos", value: "95%" },
{ id: "2", icon: Award, title: "Certificaciones Logradas", value: "150+" },
{ id: "3", icon: Users, title: "Empresas Atendidas", value: "25k+" },
]}
title="Impacto Medible"
description="Resultados verificables que respaldan nuestra gestión en seguridad."
title="Resultados en Perú"
description="Cifras que demuestran nuestro compromiso con la seguridad corporativa local."
/>
</div>
@@ -156,51 +103,15 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "s1",
name: "Diagnóstico de Riesgos",
price: "Consulta",
variant: "Integral",
imageSrc: "http://img.b2bpic.net/free-photo/female-investor-tracks-stock-market-data_482257-121080.jpg",
},
{
id: "s2",
name: "Capacitación In-Company",
price: "Plan Anual",
variant: "Formación",
imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-white-helmet-gear-showing-construction-plan-explaining-it_114579-14406.jpg",
},
{
id: "s3",
name: "Gestión Normativa",
price: "Soporte",
variant: "Legal",
imageSrc: "http://img.b2bpic.net/free-photo/financial-documents_1098-14227.jpg",
},
{
id: "s4",
name: "Salud Ocupacional",
price: "Plan Mensual",
variant: "Salud",
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
},
{
id: "s5",
name: "Consultoría ISO",
price: "Proyecto",
variant: "Normas",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-builder-yellow-helmet-holding-white-sign-white-desk-female-architect_140725-35206.jpg",
},
{
id: "s6",
name: "Emergencias Industriales",
price: "Soporte",
variant: "Seguridad",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-sitting-her-office_23-2148341566.jpg",
},
{ id: "s1", name: "Diagnóstico de Seguridad", price: "Consulta", variant: "Integral", imageSrc: "http://img.b2bpic.net/free-photo/female-investor-tracks-stock-market-data_482257-121080.jpg" },
{ id: "s2", name: "Capacitación Especializada", price: "Plan Anual", variant: "Formación", imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-white-helmet-gear-showing-construction-plan-explaining-it_114579-14406.jpg" },
{ id: "s3", name: "Soporte Legal SST", price: "Soporte", variant: "Legal", imageSrc: "http://img.b2bpic.net/free-photo/financial-documents_1098-14227.jpg" },
{ id: "s4", name: "Vigilancia Médica", price: "Plan Mensual", variant: "Salud", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
{ id: "s5", name: "Auditorías Normativas", price: "Proyecto", variant: "Normas", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-builder-yellow-helmet-holding-white-sign-white-desk-female-architect_140725-35206.jpg" },
{ id: "s6", name: "Gestión de Emergencias", price: "Soporte", variant: "Seguridad", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-sitting-her-office_23-2148341566.jpg" },
]}
title="Catálogo de Servicios"
description="Planes especializados para cubrir todas las necesidades de su corporación."
title="Portafolio de Servicios Corporativos"
description="Planes a medida para la normativa y operatividad de su empresa en Perú."
/>
</div>
@@ -209,83 +120,25 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Seguridad Inigualable",
quote: "CISYSE cambió radicalmente nuestra operación.",
name: "Elena Rivas",
role: "Gerente de Planta",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
},
{
id: "2",
title: "Profesionalismo",
quote: "Su enfoque técnico es el mejor que hemos recibido.",
name: "Carlos Mendieta",
role: "Director de RH",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18993.jpg",
},
{
id: "3",
title: "Cumplimiento Total",
quote: "Pasamos todas nuestras auditorías sin errores gracias a ellos.",
name: "Sofia Torres",
role: "CEO Corporativa",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
},
{
id: "4",
title: "Impacto Positivo",
quote: "La seguridad es ahora nuestra ventaja competitiva.",
name: "Diego Flores",
role: "Gerente de Operaciones",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
},
{
id: "5",
title: "Expertos en la materia",
quote: "Su conocimiento normativo es de primer nivel.",
name: "Ana Galarza",
role: "Directora de Seguridad",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
},
{ id: "1", title: "Seguridad de Confianza", quote: "CISYSE es nuestro aliado estratégico en Perú.", name: "Elena Rivas", role: "Gerente de Planta", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg" },
{ id: "2", title: "Cumplimiento Normativo", quote: "Un equipo experto y alineado con la normativa local.", name: "Carlos Mendieta", role: "Director de RH", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18993.jpg" },
]}
title="Historias de Éxito"
description="Testimonios reales de corporaciones que han transformado su seguridad con nosotros."
title="Historias de Éxito en Perú"
description="Empresas peruanas que avalan nuestra gestión en seguridad y salud ocupacional."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Hablemos de Seguridad"
description="Estamos listos para implementar las soluciones de salud y seguridad que su empresa necesita hoy."
title="Contacte a nuestro equipo"
description="¿Necesita asesoría en salud y seguridad ocupacional? Estamos a su disposición en todo el Perú."
inputs={[
{
name: "name",
type: "text",
placeholder: "Nombre Completo",
required: true,
},
{
name: "company",
type: "text",
placeholder: "Empresa",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Correo Electrónico",
required: true,
},
{ name: "name", type: "text", placeholder: "Nombre Completo", required: true },
{ name: "company", type: "text", placeholder: "Empresa", required: true },
{ name: "email", type: "email", placeholder: "Correo Electrónico", required: true },
]}
textarea={{
name: "message",
placeholder: "Cuéntenos sus necesidades",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Cuéntenos sus requerimientos", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599220.jpg"
/>
</div>
@@ -293,51 +146,15 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Empresa",
items: [
{
label: "Nosotros",
href: "#about",
},
{
label: "Servicios",
href: "#services",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
],
},
{
title: "Contacto",
items: [
{
label: "Email: info@cisyse.com",
href: "mailto:info@cisyse.com",
},
{
label: "Oficinas",
href: "#",
},
],
},
{ title: "Corporación", items: [{ label: "Nosotros", href: "#about" }, { label: "Servicios", href: "#services" }] },
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
{ title: "Contacto", items: [{ label: "info@cisyse.com.pe", href: "mailto:info@cisyse.com.pe" }, { label: "Lima, Perú", href: "#" }] },
]}
bottomLeftText="© 2024 Corporación Iberoamericana de Salud y Seguridad"
bottomRightText="Todos los derechos reservados."
bottomLeftText="© 2024 Corporación Iberoamericana de Salud y Seguridad S.A.C."
bottomRightText="Orgullosamente peruana."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #481f1f;
--foreground: #ffffff;
--primary-cta: #ffffff;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #280101;
--secondary-cta: #361311;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #f6d4d4;
--accent: #51000b;
--background-accent: #ff2231;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);