Update src/app/page.tsx
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Inicio", id: "#home"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Servicios", id: "#services"},
|
||||
{
|
||||
name: "Maquinaria",
|
||||
id: "#machinery",
|
||||
},
|
||||
name: "Maquinaria", id: "#machinery"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Nosotros", id: "#about"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
brandName="Sillue e Hijos"
|
||||
/>
|
||||
@@ -66,13 +56,9 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Nuestros Servicios",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Nuestros Servicios", href: "#services"},
|
||||
{
|
||||
text: "Alquiler de Maquinaria",
|
||||
href: "#machinery",
|
||||
},
|
||||
text: "Alquiler de Maquinaria", href: "#machinery"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307765.jpg"
|
||||
@@ -82,25 +68,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg",
|
||||
alt: "Hombre profesional sonriente",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg", alt: "Hombre profesional sonriente"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-architect-close-up_23-2148243014.jpg",
|
||||
alt: "Obrero de construcción sonriente",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-architect-close-up_23-2148243014.jpg", alt: "Obrero de construcción sonriente"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-waist-construction-uniform-looking-happy_176474-83919.jpg",
|
||||
alt: "Ingeniero con chaleco de seguridad",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-waist-construction-uniform-looking-happy_176474-83919.jpg", alt: "Ingeniero con chaleco de seguridad"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",
|
||||
alt: "Gerente de proyecto confiado",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg", alt: "Gerente de proyecto confiado"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg",
|
||||
alt: "Miembro experimentado del equipo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg", alt: "Miembro experimentado del equipo"},
|
||||
]}
|
||||
avatarText="+20 profesionales cualificados"
|
||||
/>
|
||||
@@ -112,23 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Movimiento de Suelos",
|
||||
description: "Preparación y nivelación de terrenos con topografía de alta precisión para cualquier tipo de proyecto.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210975.jpg",
|
||||
imageAlt: "Vista aérea de terreno nivelado",
|
||||
},
|
||||
title: "Movimiento de Suelos", description: "Preparación y nivelación de terrenos con topografía de alta precisión para cualquier tipo de proyecto.", imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210975.jpg", imageAlt: "Vista aérea de terreno nivelado"},
|
||||
{
|
||||
title: "Excavaciones de Gran Escala",
|
||||
description: "Desde zanjas hasta sótanos, realizamos excavaciones complejas con ingeniería y seguridad avanzadas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg",
|
||||
imageAlt: "Excavación profunda en sitio de construcción",
|
||||
},
|
||||
title: "Excavaciones de Gran Escala", description: "Desde zanjas hasta sótanos, realizamos excavaciones complejas con ingeniería y seguridad avanzadas.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg", imageAlt: "Excavación profunda en sitio de construcción"},
|
||||
{
|
||||
title: "Alquiler de Maquinaria Pesada",
|
||||
description: "Disponemos de una amplia flota de equipos modernos, con o sin operador, para adaptarse a sus necesidades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-adventure-time-with-off-road-vehicle-rough-terrain_23-2151476274.jpg",
|
||||
imageAlt: "Variedad de maquinaria pesada en fila",
|
||||
},
|
||||
title: "Alquiler de Maquinaria Pesada", description: "Disponemos de una amplia flota de equipos modernos, con o sin operador, para adaptarse a sus necesidades.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-adventure-time-with-off-road-vehicle-rough-terrain_23-2151476274.jpg", imageAlt: "Variedad de maquinaria pesada en fila"},
|
||||
]}
|
||||
title="Nuestros Servicios: Precisión y Eficiencia"
|
||||
description="Ofrecemos soluciones integrales para cualquier desafío de movimiento de tierras y construcción."
|
||||
@@ -139,30 +103,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "exp",
|
||||
value: "+20",
|
||||
title: "Años de Experiencia",
|
||||
description: "Liderando el sector con conocimiento y visión.",
|
||||
icon: Gauge,
|
||||
id: "exp", value: "+20", title: "Años de Experiencia", description: "Liderando el sector con conocimiento y visión.", icon: Gauge,
|
||||
},
|
||||
{
|
||||
id: "projects",
|
||||
value: "480+",
|
||||
title: "Proyectos Completados",
|
||||
description: "Un legado de obras exitosas y clientes satisfechos.",
|
||||
icon: Award,
|
||||
id: "projects", value: "480+", title: "Proyectos Completados", description: "Un legado de obras exitosas y clientes satisfechos.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "satisfaction",
|
||||
value: "98%",
|
||||
title: "Satisfacción del Cliente",
|
||||
description: "Nuestro compromiso con la calidad y el servicio excepcional.",
|
||||
icon: CheckCircle,
|
||||
id: "satisfaction", value: "98%", title: "Satisfacción del Cliente", description: "Nuestro compromiso con la calidad y el servicio excepcional.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Más de Dos Décadas de Liderazgo"
|
||||
@@ -180,47 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "excavator",
|
||||
name: "Excavadoras Hidráulicas",
|
||||
price: "Desde $500/día",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307785.jpg",
|
||||
imageAlt: "Excavadora hidráulica de gran tamaño",
|
||||
},
|
||||
id: "excavator", name: "Excavadoras Hidráulicas", price: "Desde $500/día", imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307785.jpg", imageAlt: "Excavadora hidráulica de gran tamaño"},
|
||||
{
|
||||
id: "bulldozer",
|
||||
name: "Bulldozers de Alta Capacidad",
|
||||
price: "Desde $650/día",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-tractor-snowy-weather_627829-12168.jpg",
|
||||
imageAlt: "Bulldozer con pala frontal",
|
||||
},
|
||||
id: "bulldozer", name: "Bulldozers de Alta Capacidad", price: "Desde $650/día", imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-tractor-snowy-weather_627829-12168.jpg", imageAlt: "Bulldozer con pala frontal"},
|
||||
{
|
||||
id: "loader",
|
||||
name: "Cargadoras Frontales",
|
||||
price: "Desde $400/día",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-facade-modern-building_23-2151966494.jpg",
|
||||
imageAlt: "Cargadora frontal con balde grande",
|
||||
},
|
||||
id: "loader", name: "Cargadoras Frontales", price: "Desde $400/día", imageSrc: "http://img.b2bpic.net/free-photo/geometric-facade-modern-building_23-2151966494.jpg", imageAlt: "Cargadora frontal con balde grande"},
|
||||
{
|
||||
id: "dump-truck",
|
||||
name: "Camiones Volquete",
|
||||
price: "Desde $300/día",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14145.jpg",
|
||||
imageAlt: "Camión volquete articulado",
|
||||
},
|
||||
id: "dump-truck", name: "Camiones Volquete", price: "Desde $300/día", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14145.jpg", imageAlt: "Camión volquete articulado"},
|
||||
{
|
||||
id: "grader",
|
||||
name: "Motoniveladoras",
|
||||
price: "Desde $550/día",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-grayscale-shot-road-beautiful-landscape_181624-28638.jpg",
|
||||
imageAlt: "Motoniveladora en obra",
|
||||
},
|
||||
id: "grader", name: "Motoniveladoras", price: "Desde $550/día", imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-grayscale-shot-road-beautiful-landscape_181624-28638.jpg", imageAlt: "Motoniveladora en obra"},
|
||||
{
|
||||
id: "compactor",
|
||||
name: "Compactadoras",
|
||||
price: "Desde $350/día",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307753.jpg",
|
||||
imageAlt: "Compactadora de rodillo vibratorio",
|
||||
},
|
||||
id: "compactor", name: "Compactadoras", price: "Desde $350/día", imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307753.jpg", imageAlt: "Compactadora de rodillo vibratorio"},
|
||||
]}
|
||||
title="Nuestra Flota: Innovación y Potencia"
|
||||
description="Maquinaria de última generación para garantizar la máxima eficiencia en cada tarea."
|
||||
@@ -234,14 +157,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Constructora A",
|
||||
"Ingeniería B",
|
||||
"Desarrollos C",
|
||||
"Urbanismo D",
|
||||
"Arquitectura E",
|
||||
"Grupo F",
|
||||
"Consorcio G",
|
||||
]}
|
||||
"Constructora A", "Ingeniería B", "Desarrollos C", "Urbanismo D", "Arquitectura E", "Grupo F", "Consorcio G"]}
|
||||
title="Nuestros Socios Estratégicos"
|
||||
description="Trabajamos con empresas líderes para construir el futuro de la infraestructura."
|
||||
tag="Confianza y Colaboración"
|
||||
@@ -251,68 +167,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ing. Martín Gómez",
|
||||
role: "Director de Proyectos",
|
||||
company: "Constructora Urbis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-engineer_23-2148233726.jpg",
|
||||
imageAlt: "Retrato de Ing. Martín Gómez",
|
||||
},
|
||||
id: "1", name: "Ing. Martín Gómez", role: "Director de Proyectos", company: "Constructora Urbis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-engineer_23-2148233726.jpg", imageAlt: "Retrato de Ing. Martín Gómez"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arq. Sofía Pérez",
|
||||
role: "Jefa de Obra",
|
||||
company: "Estudio Arquitectónico",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg",
|
||||
imageAlt: "Retrato de Arq. Sofía Pérez",
|
||||
},
|
||||
id: "2", name: "Arq. Sofía Pérez", role: "Jefa de Obra", company: "Estudio Arquitectónico", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg", imageAlt: "Retrato de Arq. Sofía Pérez"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lic. Elena Rojas",
|
||||
role: "Desarrolladora Inmobiliaria",
|
||||
company: "Grupo Nova",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
|
||||
imageAlt: "Retrato de Lic. Elena Rojas",
|
||||
},
|
||||
id: "3", name: "Lic. Elena Rojas", role: "Desarrolladora Inmobiliaria", company: "Grupo Nova", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg", imageAlt: "Retrato de Lic. Elena Rojas"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sr. Carlos Díaz",
|
||||
role: "Gerente General",
|
||||
company: "Logística Integral",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
imageAlt: "Retrato de Sr. Carlos Díaz",
|
||||
},
|
||||
id: "4", name: "Sr. Carlos Díaz", role: "Gerente General", company: "Logística Integral", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageAlt: "Retrato de Sr. Carlos Díaz"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dra. Ana Torres",
|
||||
role: "Directora de Infraestructura Pública",
|
||||
company: "Municipalidad X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-planning-her-day_1098-21469.jpg",
|
||||
imageAlt: "Retrato de Dra. Ana Torres",
|
||||
},
|
||||
id: "5", name: "Dra. Ana Torres", role: "Directora de Infraestructura Pública", company: "Municipalidad X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-planning-her-day_1098-21469.jpg", imageAlt: "Retrato de Dra. Ana Torres"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "+500",
|
||||
label: "Proyectos",
|
||||
},
|
||||
value: "+500", label: "Proyectos"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Años",
|
||||
},
|
||||
value: "20+", label: "Años"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Calidad",
|
||||
},
|
||||
value: "99%", label: "Calidad"},
|
||||
]}
|
||||
title="Voces de Nuestros Clientes"
|
||||
description="La satisfacción y el éxito de sus proyectos son nuestro mayor aval. Conozca sus experiencias."
|
||||
@@ -327,35 +208,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Qué tipos de proyectos manejan?",
|
||||
content: "Trabajamos en una amplia gama de proyectos, desde pequeñas excavaciones residenciales hasta grandes movimientos de tierra industriales y de infraestructura.",
|
||||
},
|
||||
id: "1", title: "¿Qué tipos de proyectos manejan?", content: "Trabajamos en una amplia gama de proyectos, desde pequeñas excavaciones residenciales hasta grandes movimientos de tierra industriales y de infraestructura."},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Ofrecen alquiler de maquinaria con operador?",
|
||||
content: "Sí, ofrecemos la opción de alquilar nuestra maquinaria con operadores altamente cualificados y experimentados para asegurar la eficiencia y seguridad en su obra.",
|
||||
},
|
||||
id: "2", title: "¿Ofrecen alquiler de maquinaria con operador?", content: "Sí, ofrecemos la opción de alquilar nuestra maquinaria con operadores altamente cualificados y experimentados para asegurar la eficiencia y seguridad en su obra."},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Cómo puedo solicitar un presupuesto?",
|
||||
content: "Puede solicitar un presupuesto a través de nuestro formulario de contacto en esta misma página, o llamando directamente a nuestros números de teléfono.",
|
||||
},
|
||||
id: "3", title: "¿Cómo puedo solicitar un presupuesto?", content: "Puede solicitar un presupuesto a través de nuestro formulario de contacto en esta misma página, o llamando directamente a nuestros números de teléfono."},
|
||||
{
|
||||
id: "4",
|
||||
title: "¿Cuentan con seguros y licencias?",
|
||||
content: "Absolutamente. Sillue e Hijos opera con todas las licencias y seguros requeridos por la normativa vigente, garantizando la tranquilidad de nuestros clientes.",
|
||||
},
|
||||
id: "4", title: "¿Cuentan con seguros y licencias?", content: "Absolutamente. Sillue e Hijos opera con todas las licencias y seguros requeridos por la normativa vigente, garantizando la tranquilidad de nuestros clientes."},
|
||||
{
|
||||
id: "5",
|
||||
title: "¿Qué zonas geográficas cubren?",
|
||||
content: "Principalmente operamos en la región X y zonas aledañas, pero estamos abiertos a evaluar proyectos en otras ubicaciones. Contáctenos para más detalles.",
|
||||
},
|
||||
id: "5", title: "¿Qué zonas geográficas cubren?", content: "Principalmente operamos en la región X y zonas aledañas, pero estamos abiertos a evaluar proyectos en otras ubicaciones. Contáctenos para más detalles."},
|
||||
{
|
||||
id: "6",
|
||||
title: "¿Cuál es su política de mantenimiento de maquinaria?",
|
||||
content: "Nuestra maquinaria es sometida a un riguroso programa de mantenimiento preventivo y correctivo para asegurar su óptimo funcionamiento y seguridad en todo momento.",
|
||||
},
|
||||
id: "6", title: "¿Cuál es su política de mantenimiento de maquinaria?", content: "Nuestra maquinaria es sometida a un riguroso programa de mantenimiento preventivo y correctivo para asegurar su óptimo funcionamiento y seguridad en todo momento."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Encuentre respuestas rápidas a sus dudas sobre nuestros servicios y operaciones."
|
||||
@@ -369,8 +232,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contáctenos"
|
||||
title="Hablemos de Su Próximo Proyecto"
|
||||
description="Estamos listos para escuchar sus necesidades y ofrecerle las mejores soluciones. Envíenos un mensaje."
|
||||
@@ -392,54 +254,33 @@ export default function LandingPage() {
|
||||
logoText="Sillue e Hijos"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Historia",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Historia", href: "#metrics"},
|
||||
{
|
||||
label: "Clientes",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Clientes", href: "#social-proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
title: "Servicios", items: [
|
||||
{
|
||||
label: "Movimiento de Suelos",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Movimiento de Suelos", href: "#services"},
|
||||
{
|
||||
label: "Excavaciones",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Excavaciones", href: "#services"},
|
||||
{
|
||||
label: "Alquiler de Maquinaria",
|
||||
href: "#machinery",
|
||||
},
|
||||
label: "Alquiler de Maquinaria", href: "#machinery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Solicitar Presupuesto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Solicitar Presupuesto", href: "#contact"},
|
||||
{
|
||||
label: "Soporte",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Soporte", href: "#faq"},
|
||||
{
|
||||
label: "info@sillueehijos.com",
|
||||
href: "mailto:info@sillueehijos.com",
|
||||
},
|
||||
label: "info@sillueehijos.com", href: "mailto:info@sillueehijos.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user