Merge version_1 into main #2
167
src/app/page.tsx
167
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { CheckCircle, Globe, Layers, Wrench } from "lucide-react";
|
||||
import { CheckCircle, Globe, Layers, Wrench, Zap, Settings, Factory, HardHat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "services",
|
||||
},
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="EWS"
|
||||
/>
|
||||
@@ -54,45 +46,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Soluciones de Ingeniería y Construcción para la Industria Energética"
|
||||
description="Más de 15 años ejecutando proyectos en Oil & Gas, Energía, Petroquímica y Minería."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Servicios",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Ver Servicios", href: "#services"},
|
||||
{
|
||||
text: "Contactanos",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contactanos", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196915919-f8baf556.png?_wi=1",
|
||||
imageAlt: "Industrial plant infrastructure",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196915919-f8baf556.png", imageAlt: "Industrial plant infrastructure"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196934654-17f6b96d.png?_wi=1",
|
||||
imageAlt: "Oil pipeline facility",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196934654-17f6b96d.png", imageAlt: "Oil pipeline facility"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196944201-b2a652f7.png?_wi=1",
|
||||
imageAlt: "Construction site technical view",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196944201-b2a652f7.png", imageAlt: "Construction site technical view"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196952340-f6f40807.png",
|
||||
imageAlt: "Energy sector plant",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196952340-f6f40807.png", imageAlt: "Energy sector plant"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196961356-b89db1c6.png",
|
||||
imageAlt: "Petrochemical engineering",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196961356-b89db1c6.png", imageAlt: "Petrochemical engineering"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196973255-24fd6978.png",
|
||||
imageAlt: "Industrial structure assembly",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196973255-24fd6978.png", imageAlt: "Industrial structure assembly"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,24 +79,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Experiencia técnica",
|
||||
value: "15+ años",
|
||||
},
|
||||
label: "Experiencia técnica", value: "15+ años"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Llave en mano",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Llave en mano", value: "100%"},
|
||||
{
|
||||
icon: Layers,
|
||||
label: "Sectores",
|
||||
value: "4+",
|
||||
},
|
||||
label: "Sectores", value: "4+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Estándar",
|
||||
value: "Internacional",
|
||||
},
|
||||
label: "Estándar", value: "Internacional"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -133,33 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ingeniería",
|
||||
description: "Desarrollo de proyectos en áreas mecánica, piping, eléctrica y civil.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196915919-f8baf556.png?_wi=2",
|
||||
imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa",
|
||||
},
|
||||
title: "Ingeniería", description: "Desarrollo de proyectos en áreas mecánica, piping, eléctrica y civil.", buttonIcon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196915919-f8baf556.png", imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa"},
|
||||
{
|
||||
title: "Montajes Electromecánicos",
|
||||
description: "Ejecución experta en plantas térmicas, gasoductos y estructuras complejas.",
|
||||
buttonIcon: "Settings",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/a-minimalist-dark-industrial-blueprint-b-1778196924521-83f3f3a9.png?_wi=1",
|
||||
imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa",
|
||||
},
|
||||
title: "Montajes Electromecánicos", description: "Ejecución experta en plantas térmicas, gasoductos y estructuras complejas.", buttonIcon: Settings,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/a-minimalist-dark-industrial-blueprint-b-1778196924521-83f3f3a9.png", imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa"},
|
||||
{
|
||||
title: "Fabricación",
|
||||
description: "Producción especializada de módulos de proceso, tanques y calderería.",
|
||||
buttonIcon: "Factory",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196934654-17f6b96d.png?_wi=2",
|
||||
imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa",
|
||||
},
|
||||
title: "Fabricación", description: "Producción especializada de módulos de proceso, tanques y calderería.", buttonIcon: Factory,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196934654-17f6b96d.png", imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa"},
|
||||
{
|
||||
title: "Construcción Civil",
|
||||
description: "Infraestructura mayor, fundaciones y pavimentos industriales.",
|
||||
buttonIcon: "HardHat",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196944201-b2a652f7.png?_wi=2",
|
||||
imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa",
|
||||
},
|
||||
title: "Construcción Civil", description: "Infraestructura mayor, fundaciones y pavimentos industriales.", buttonIcon: HardHat,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/an-ultra-realistic-high-quality-industri-1778196944201-b2a652f7.png", imageAlt: "An ultra-realistic, high-quality industrial scene featuring a complex pipeline and chemical plant fa"},
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Soluciones integrales de alta precisión para el sector industrial."
|
||||
@@ -171,14 +122,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Oil & Gas",
|
||||
"Energía",
|
||||
"Petroquímica",
|
||||
"Minería",
|
||||
"Plantas Industriales",
|
||||
"Obras Civiles",
|
||||
"Infraestructura",
|
||||
]}
|
||||
"Oil & Gas", "Energía", "Petroquímica", "Minería", "Plantas Industriales", "Obras Civiles", "Infraestructura"]}
|
||||
title="Sectores Atendidos"
|
||||
description="Presencia robusta en mercados críticos de energía e infraestructura."
|
||||
/>
|
||||
@@ -192,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
description: "Años de experiencia",
|
||||
},
|
||||
id: "1", value: "15+", description: "Años de experiencia"},
|
||||
{
|
||||
id: "2",
|
||||
value: "4",
|
||||
description: "Líneas de servicio principales",
|
||||
},
|
||||
id: "2", value: "4", description: "Líneas de servicio principales"},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
description: "Proyectos ejecutados a nivel país",
|
||||
},
|
||||
id: "3", value: "50+", description: "Proyectos ejecutados a nivel país"},
|
||||
]}
|
||||
title="Impacto y Trayectoria"
|
||||
description="Resultados sólidos respaldados por años de ejecución impecable."
|
||||
@@ -219,24 +154,16 @@ export default function LandingPage() {
|
||||
description="Dirección: Reconquista 533, Piso 1, Of. 1, CABA. Tel: +54 011 4315-1599. Email: info@ewservices.com.ar"
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Nombre Completo",
|
||||
required: true,
|
||||
name: "nombre", type: "text", placeholder: "Nombre Completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Corporativo",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Corporativo", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensaje",
|
||||
placeholder: "Describa su requerimiento",
|
||||
rows: 4,
|
||||
name: "mensaje", placeholder: "Describa su requerimiento", rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/a-minimalist-dark-industrial-blueprint-b-1778196924521-83f3f3a9.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/a-minimalist-dark-industrial-blueprint-b-1778196924521-83f3f3a9.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -244,33 +171,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación",
|
||||
items: [
|
||||
title: "Navegación", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Servicios", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user