Merge version_1 into main #2
338
src/app/page.tsx
338
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Activity, Award, Building, CheckCircle, MapPin, ShieldCheck, User, Users } from "lucide-react";
|
||||
import { Activity, Award, Building, CheckCircle, MapPin, ShieldCheck, User, Users, MessageSquareQuote } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#inicio",
|
||||
},
|
||||
name: "Inicio", id: "#inicio"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#nosotros",
|
||||
},
|
||||
name: "Nosotros", id: "#nosotros"},
|
||||
{
|
||||
name: "Cursos",
|
||||
id: "#cursos",
|
||||
},
|
||||
name: "Cursos", id: "#cursos"},
|
||||
{
|
||||
name: "Certificaciones",
|
||||
id: "#certificaciones",
|
||||
},
|
||||
name: "Certificaciones", id: "#certificaciones"},
|
||||
{
|
||||
name: "Galería",
|
||||
id: "#galeria",
|
||||
},
|
||||
name: "Galería", id: "#galeria"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
name: "Contacto", id: "#contacto"},
|
||||
]}
|
||||
button={{
|
||||
text: "Inscríbete ahora",
|
||||
href: "#contacto",
|
||||
}}
|
||||
text: "Inscríbete ahora", href: "#contacto"}}
|
||||
logoAlt="PETRASERVIS - Seguridad y Salud Ocupacional"
|
||||
brandName="PETRASERVIS"
|
||||
/>
|
||||
@@ -67,85 +53,54 @@ export default function LandingPage() {
|
||||
<div id="inicio" data-section="inicio">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Certifícate con los expertos en seguridad ocupacional"
|
||||
description="En PETRASERVIS S.A.S., impulsamos tu crecimiento profesional con cursos y certificaciones de vanguardia en Seguridad y Salud Ocupacional, avalados y con validez nacional."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Años de Experiencia",
|
||||
},
|
||||
value: "15+", label: "Años de Experiencia"},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Estudiantes Certificados",
|
||||
},
|
||||
value: "5000+", label: "Estudiantes Certificados"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Cursos Especializados",
|
||||
},
|
||||
value: "20+", label: "Cursos Especializados"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver cursos",
|
||||
href: "#cursos",
|
||||
},
|
||||
text: "Ver cursos", href: "#cursos"},
|
||||
{
|
||||
text: "Contáctanos",
|
||||
href: "#contacto",
|
||||
},
|
||||
text: "Contáctanos", href: "#contacto"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/depot-managers-overalls-using-tablet-inventory-planning-distribution-logistics-delivery-service-team-diverse-people-checking-stock-products-storage-room-handheld-shot_482257-59952.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/depot-managers-overalls-using-tablet-inventory-planning-distribution-logistics-delivery-service-team-diverse-people-checking-stock-products-storage-room-handheld-shot_482257-59952.jpg"
|
||||
imageAlt="Equipo de seguridad industrial en capacitación"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184903.jpg",
|
||||
alt: "Profesional de seguridad ocupacional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184903.jpg", alt: "Profesional de seguridad ocupacional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-handsome-engineer-wearing-construction-vest-holding-clipboard-writing-something-looking-aside-thoughtful-expression-face-isolated-orange-wall_141793-15798.jpg",
|
||||
alt: "Instructor de seguridad laboral",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-handsome-engineer-wearing-construction-vest-holding-clipboard-writing-something-looking-aside-thoughtful-expression-face-isolated-orange-wall_141793-15798.jpg", alt: "Instructor de seguridad laboral"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-engineer-wearing-construction-vest-safety-helmet-with-big-smile-face-doing-ok-sign-standing-isolated-orange-wall_141793-15534.jpg",
|
||||
alt: "Estudiante certificado de PETRASERVIS",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-engineer-wearing-construction-vest-safety-helmet-with-big-smile-face-doing-ok-sign-standing-isolated-orange-wall_141793-15534.jpg", alt: "Estudiante certificado de PETRASERVIS"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923082.jpg",
|
||||
alt: "Experto en prevención de riesgos",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923082.jpg", alt: "Experto en prevención de riesgos"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
|
||||
alt: "Colaborador de salud y seguridad",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg", alt: "Colaborador de salud y seguridad"},
|
||||
]}
|
||||
avatarText="Más de 5000 profesionales ya capacitados"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Seguridad Industrial",
|
||||
type: "text", text: "Seguridad Industrial"},
|
||||
{
|
||||
type: "text-icon", text: "Salud Ocupacional", icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Salud Ocupacional",
|
||||
icon: Activity,
|
||||
type: "text", text: "Prevención de Riesgos"},
|
||||
{
|
||||
type: "text-icon", text: "Certificación de Calidad", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prevención de Riesgos",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certificación de Calidad",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Formación Especializada",
|
||||
},
|
||||
type: "text", text: "Formación Especializada"},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
showMarqueeCard={true}
|
||||
@@ -159,19 +114,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Años de Trayectoria",
|
||||
value: "15",
|
||||
},
|
||||
label: "Años de Trayectoria", value: "15"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Estudiantes Capacitados",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Estudiantes Capacitados", value: "5000+"},
|
||||
{
|
||||
icon: Building,
|
||||
label: "Empresas Aliadas",
|
||||
value: "100+",
|
||||
},
|
||||
label: "Empresas Aliadas", value: "100+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
ariaLabel="Sección sobre la trayectoria y logros de PETRASERVIS S.A.S."
|
||||
@@ -186,53 +135,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "heavy-transport",
|
||||
name: "Manejo de Transporte Pesado",
|
||||
price: "Certificación",
|
||||
variant: "Presencial / Virtual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489802.jpg?_wi=1",
|
||||
imageAlt: "Conducción de vehículos de carga pesada",
|
||||
},
|
||||
id: "heavy-transport", name: "Manejo de Transporte Pesado", price: "Certificación", variant: "Presencial / Virtual", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489802.jpg", imageAlt: "Conducción de vehículos de carga pesada"},
|
||||
{
|
||||
id: "first-aid",
|
||||
name: "Primeros Auxilios",
|
||||
price: "Certificación",
|
||||
variant: "Presencial / Virtual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-student-are-practicing_1157-42454.jpg?_wi=1",
|
||||
imageAlt: "Capacitación en primeros auxilios",
|
||||
},
|
||||
id: "first-aid", name: "Primeros Auxilios", price: "Certificación", variant: "Presencial / Virtual", imageSrc: "http://img.b2bpic.net/free-photo/medical-student-are-practicing_1157-42454.jpg", imageAlt: "Capacitación en primeros auxilios"},
|
||||
{
|
||||
id: "extinguishers",
|
||||
name: "Manejo y Uso de Extintores",
|
||||
price: "Certificación",
|
||||
variant: "Presencial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-firefighters-working-together-suits-helmets_23-2149206384.jpg?_wi=1",
|
||||
imageAlt: "Uso correcto de extintores",
|
||||
},
|
||||
id: "extinguishers", name: "Manejo y Uso de Extintores", price: "Certificación", variant: "Presencial", imageSrc: "http://img.b2bpic.net/free-photo/male-female-firefighters-working-together-suits-helmets_23-2149206384.jpg", imageAlt: "Uso correcto de extintores"},
|
||||
{
|
||||
id: "road-safety",
|
||||
name: "Seguridad Vial",
|
||||
price: "Certificación",
|
||||
variant: "Presencial / Virtual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891411.jpg",
|
||||
imageAlt: "Educación en seguridad vial",
|
||||
},
|
||||
id: "road-safety", name: "Seguridad Vial", price: "Certificación", variant: "Presencial / Virtual", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891411.jpg", imageAlt: "Educación en seguridad vial"},
|
||||
{
|
||||
id: "sst",
|
||||
name: "Seguridad y Salud en el Trabajo (SST)",
|
||||
price: "Certificación",
|
||||
variant: "Virtual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg",
|
||||
imageAlt: "Curso de seguridad y salud en el trabajo",
|
||||
},
|
||||
id: "sst", name: "Seguridad y Salud en el Trabajo (SST)", price: "Certificación", variant: "Virtual", imageSrc: "http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg", imageAlt: "Curso de seguridad y salud en el trabajo"},
|
||||
{
|
||||
id: "heights",
|
||||
name: "Trabajo en Alturas",
|
||||
price: "Certificación",
|
||||
variant: "Presencial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker_268835-3242.jpg",
|
||||
imageAlt: "Capacitación para trabajo seguro en alturas",
|
||||
},
|
||||
id: "heights", name: "Trabajo en Alturas", price: "Certificación", variant: "Presencial", imageSrc: "http://img.b2bpic.net/free-photo/worker_268835-3242.jpg", imageAlt: "Capacitación para trabajo seguro en alturas"},
|
||||
]}
|
||||
title="Nuestros Cursos Destacados"
|
||||
description="Explora nuestra amplia oferta de cursos y certificaciones, diseñados para cumplir con los más altos estándares de seguridad y salud en el trabajo."
|
||||
@@ -246,44 +159,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Instructores Certificados",
|
||||
description: "Nuestro equipo está compuesto por profesionales altamente calificados y certificados en cada área de enseñanza.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineer-job-site-work-hours_23-2151589589.jpg",
|
||||
imageAlt: "Portrait of engineer at the job site during work hours",
|
||||
title: "Instructores Certificados", description: "Nuestro equipo está compuesto por profesionales altamente calificados y certificados en cada área de enseñanza.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Avalados Oficialmente",
|
||||
description: "Contamos con el respaldo de entidades oficiales que validan la calidad y pertinencia de nuestros programas educativos.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/depot-managers-overalls-using-tablet-inventory-planning-distribution-logistics-delivery-service-team-diverse-people-checking-stock-products-storage-room-handheld-shot_482257-59952.jpg?_wi=2",
|
||||
imageAlt: "Portrait of engineer at the job site during work hours",
|
||||
title: "Avalados Oficialmente", description: "Contamos con el respaldo de entidades oficiales que validan la calidad y pertinencia de nuestros programas educativos.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||
},
|
||||
{
|
||||
title: "Certificados Nacionales",
|
||||
description: "Obtén titulaciones reconocidas y válidas en todo el territorio colombiano, abriendo puertas a nuevas oportunidades laborales.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489802.jpg?_wi=2",
|
||||
imageAlt: "Portrait of engineer at the job site during work hours",
|
||||
title: "Certificados Nacionales", description: "Obtén titulaciones reconocidas y válidas en todo el territorio colombiano, abriendo puertas a nuevas oportunidades laborales.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Atención Personalizada",
|
||||
description: "Brindamos acompañamiento individualizado para resolver tus dudas y asegurar un aprendizaje efectivo y adaptado a tus necesidades.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-student-are-practicing_1157-42454.jpg?_wi=2",
|
||||
imageAlt: "Portrait of engineer at the job site during work hours",
|
||||
title: "Atención Personalizada", description: "Brindamos acompañamiento individualizado para resolver tus dudas y asegurar un aprendizaje efectivo y adaptado a tus necesidades.", bentoComponent: "reveal-icon", icon: User
|
||||
},
|
||||
{
|
||||
title: "Sede Estratégica en Yopal",
|
||||
description: "Ubicados en el corazón de Casanare, ofrecemos facilidades de acceso y un ambiente propicio para tu formación práctica.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MapPin,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-firefighters-working-together-suits-helmets_23-2149206384.jpg?_wi=2",
|
||||
imageAlt: "Portrait of engineer at the job site during work hours",
|
||||
title: "Sede Estratégica en Yopal", description: "Ubicados en el corazón de Casanare, ofrecemos facilidades de acceso y un ambiente propicio para tu formación práctica.", bentoComponent: "reveal-icon", icon: MapPin
|
||||
},
|
||||
]}
|
||||
title="¿Por qué elegir PETRASERVIS S.A.S.?"
|
||||
@@ -298,33 +186,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Proceso Ágil",
|
||||
description: "Simplificamos tu ruta hacia la certificación con un sistema claro y eficiente.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Pasos para tu Certificación",
|
||||
subheading: "Inicia tu camino profesional hoy",
|
||||
items: [
|
||||
title: "Proceso Ágil", description: "Simplificamos tu ruta hacia la certificación con un sistema claro y eficiente.", bentoComponent: "timeline", heading: "Pasos para tu Certificación", subheading: "Inicia tu camino profesional hoy", items: [
|
||||
{
|
||||
label: "1. Elige tu Curso",
|
||||
detail: "Explora nuestra oferta y selecciona el programa que más se adapte a tus necesidades.",
|
||||
},
|
||||
label: "1. Elige tu Curso", detail: "Explora nuestra oferta y selecciona el programa que más se adapte a tus necesidades."},
|
||||
{
|
||||
label: "2. Regístrate Fácilmente",
|
||||
detail: "Completa el formulario de inscripción con tus datos personales y del curso deseado.",
|
||||
},
|
||||
label: "2. Regístrate Fácilmente", detail: "Completa el formulario de inscripción con tus datos personales y del curso deseado."},
|
||||
{
|
||||
label: "3. Asiste a Clases",
|
||||
detail: "Participa en nuestras sesiones presenciales o virtuales, con instructores expertos.",
|
||||
},
|
||||
{
|
||||
label: "4. ¡Certifícate!",
|
||||
detail: "Recibe tu certificado con validez nacional y potencia tu perfil profesional.",
|
||||
},
|
||||
label: "3. Asiste a Clases", detail: "Participa en nuestras sesiones presenciales o virtuales, con instructores expertos."}
|
||||
],
|
||||
completedLabel: "¡Listo!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiring-process-meeting-confident-candidate-professional-team-from-hr-department_482257-136441.jpg",
|
||||
imageAlt: "Hiring process meeting between confident candidate and a professional team from the hr department",
|
||||
},
|
||||
completedLabel: "¡Listo!", imageSrc: "http://img.b2bpic.net/free-photo/hiring-process-meeting-confident-candidate-professional-team-from-hr-department_482257-136441.jpg", imageAlt: "Hiring process meeting between confident candidate and a professional team from the hr department"},
|
||||
]}
|
||||
title="Nuestro Proceso de Inscripción"
|
||||
description="Certifícate de manera sencilla siguiendo estos pasos."
|
||||
@@ -336,35 +206,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos Rodríguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg",
|
||||
imageAlt: "Carlos Rodríguez",
|
||||
},
|
||||
id: "1", name: "Carlos Rodríguez", imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg", imageAlt: "Carlos Rodríguez"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Andrea Gaviria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-fit-girl-enjoying-favorite-music_1262-18243.jpg",
|
||||
imageAlt: "Andrea Gaviria",
|
||||
},
|
||||
id: "2", name: "Andrea Gaviria", imageSrc: "http://img.b2bpic.net/free-photo/happy-fit-girl-enjoying-favorite-music_1262-18243.jpg", imageAlt: "Andrea Gaviria"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Javier Solano",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-construction-uniform-safety-helmet-looking-camera-smiling-cheerfully-holding-palms-together-standing-pink-background_141793-138428.jpg",
|
||||
imageAlt: "Javier Solano",
|
||||
},
|
||||
id: "3", name: "Javier Solano", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-construction-uniform-safety-helmet-looking-camera-smiling-cheerfully-holding-palms-together-standing-pink-background_141793-138428.jpg", imageAlt: "Javier Solano"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sofía Vargas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-uniform-holding-white-helmet_114579-19002.jpg",
|
||||
imageAlt: "Sofía Vargas",
|
||||
},
|
||||
id: "4", name: "Sofía Vargas", imageSrc: "http://img.b2bpic.net/free-photo/engineer-uniform-holding-white-helmet_114579-19002.jpg", imageAlt: "Sofía Vargas"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Miguel Ángel Rojas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
|
||||
imageAlt: "Miguel Ángel Rojas",
|
||||
},
|
||||
id: "5", name: "Miguel Ángel Rojas", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg", imageAlt: "Miguel Ángel Rojas"},
|
||||
]}
|
||||
cardTitle="Voces de Nuestros Estudiantes"
|
||||
cardTag="Testimonios"
|
||||
@@ -380,47 +230,24 @@ export default function LandingPage() {
|
||||
description="Completa el formulario y uno de nuestros asesores se pondrá en contacto contigo para brindarte toda la información que necesitas."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Tu Nombre Completo",
|
||||
required: true,
|
||||
name: "nombre", type: "text", placeholder: "Tu Nombre Completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "empresa",
|
||||
type: "text",
|
||||
placeholder: "Empresa (Opcional)",
|
||||
required: false,
|
||||
name: "empresa", type: "text", placeholder: "Empresa (Opcional)", required: false,
|
||||
},
|
||||
{
|
||||
name: "telefono",
|
||||
type: "tel",
|
||||
placeholder: "Tu Teléfono",
|
||||
required: true,
|
||||
name: "telefono", type: "tel", placeholder: "Tu Teléfono", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu Correo Electrónico",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "cursoInteres",
|
||||
label: "Curso de Interés",
|
||||
options: [
|
||||
"Manejo de Transporte Pesado",
|
||||
"Primeros Auxilios",
|
||||
"Manejo y Uso de Extintores",
|
||||
"Seguridad Vial",
|
||||
"Seguridad y Salud en el Trabajo (SST)",
|
||||
"Trabajo en Alturas",
|
||||
"Otros cursos de seguridad ocupacional",
|
||||
],
|
||||
name: "cursoInteres", label: "Curso de Interés", options: [
|
||||
"Manejo de Transporte Pesado", "Primeros Auxilios", "Manejo y Uso de Extintores", "Seguridad Vial", "Seguridad y Salud en el Trabajo (SST)", "Trabajo en Alturas", "Otros cursos de seguridad ocupacional"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "mensaje",
|
||||
placeholder: "Tu Mensaje o Consulta",
|
||||
rows: 4,
|
||||
name: "mensaje", placeholder: "Tu Mensaje o Consulta", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826270.jpg"
|
||||
@@ -435,58 +262,35 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PETRASERVIS S.A.S.",
|
||||
items: [
|
||||
title: "PETRASERVIS S.A.S.", items: [
|
||||
{
|
||||
label: "Seguridad y Salud Ocupacional",
|
||||
href: "#",
|
||||
},
|
||||
label: "Seguridad y Salud Ocupacional", href: "#"},
|
||||
{
|
||||
label: "Cra. 6 # 24/20 La Campiña, Yopal, Casanare",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cra. 6 # 24/20 La Campiña, Yopal, Casanare", href: "#"},
|
||||
{
|
||||
label: "Tel: 320 4929253",
|
||||
href: "tel:+573204929253",
|
||||
},
|
||||
label: "Tel: 320 4929253", href: "tel:+573204929253"},
|
||||
{
|
||||
label: "Web: petraservis.com",
|
||||
href: "https://petraservis.com",
|
||||
},
|
||||
label: "Web: petraservis.com", href: "https://petraservis.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Enlaces Rápidos",
|
||||
items: [
|
||||
title: "Enlaces Rápidos", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#inicio",
|
||||
},
|
||||
label: "Inicio", href: "#inicio"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#nosotros",
|
||||
},
|
||||
label: "Nosotros", href: "#nosotros"},
|
||||
{
|
||||
label: "Cursos",
|
||||
href: "#cursos",
|
||||
},
|
||||
label: "Cursos", href: "#cursos"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contacto",
|
||||
},
|
||||
label: "Contacto", href: "#contacto"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Síguenos",
|
||||
items: [
|
||||
title: "Síguenos", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user