Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Building2, CheckCircle, Lightbulb, PhoneCall, ShieldCheck, Sparkles, Truck, Users } from "lucide-react";
|
||||
import { Award, Building2, CheckCircle, Lightbulb, PhoneCall, ShieldCheck, Sparkles, Truck, Users, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,56 +32,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
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="Herrajes Bauzá"
|
||||
button={{ text: "Contacto", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Soluciones en Herrajes y Equipamiento desde 1979"
|
||||
description="Asesoramos profesionales y clientes particulares para transformar tus proyectos con calidad, funcionalidad y durabilidad."
|
||||
tag="Expertos en herrajes"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rhxv7b&_wi=1",
|
||||
imageAlt: "hardware store interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ops3th&_wi=1",
|
||||
imageAlt: "construction site materials",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-3",
|
||||
imageAlt: "Detailed view of architectural door hardware",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-4",
|
||||
imageAlt: "Professional showroom atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-5",
|
||||
imageAlt: "Close up of high precision mechanical hinges",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rhxv7b", imageAlt: "hardware store interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ops3th", imageAlt: "construction site materials" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Nuestra Trayectoria"
|
||||
metrics={[
|
||||
{
|
||||
label: "Años de Experiencia",
|
||||
value: "45+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Locales en Mendoza",
|
||||
value: "3",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
label: "Profesionales Asesorados",
|
||||
value: "1000+",
|
||||
icon: Users,
|
||||
},
|
||||
{ label: "Años de Experiencia", value: "45+", icon: Award },
|
||||
{ label: "Locales en Mendoza", value: "3", icon: Building2 },
|
||||
{ label: "Profesionales Asesorados", value: "1000+", icon: Users },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -122,55 +79,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Escucha activa",
|
||||
description: "Atendemos las necesidades reales de tu proyecto.",
|
||||
items: [
|
||||
{
|
||||
icon: Ear,
|
||||
text: "Análisis detallado",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qhpf5r",
|
||||
imageAlt: "customer service hardware store",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rhxv7b&_wi=2",
|
||||
imageAlt: "customer service hardware store",
|
||||
title: "Escucha activa", description: "Atendemos las necesidades reales de tu proyecto.", items: [{ icon: MessageSquare, text: "Análisis detallado" }],
|
||||
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qhpf5r", imageAlt: "customer service hardware store" },
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Asesoramiento profesional",
|
||||
description: "Seleccionamos la mejor solución técnica y estética.",
|
||||
items: [
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Experticia técnica",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlaktm",
|
||||
imageAlt: "door handle mechanism detail",
|
||||
},
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ops3th&_wi=2",
|
||||
imageAlt: "customer service hardware store",
|
||||
title: "Asesoramiento profesional", description: "Seleccionamos la mejor solución técnica y estética.", items: [{ icon: Lightbulb, text: "Experticia técnica" }],
|
||||
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlaktm", imageAlt: "door handle mechanism detail" },
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Seguimiento integral",
|
||||
description: "Acompañamos desde el presupuesto hasta la entrega final.",
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Control de calidad",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5z7zyi",
|
||||
imageAlt: "order shipping logistics",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bpu5j6&_wi=1",
|
||||
imageAlt: "customer service hardware store",
|
||||
title: "Seguimiento integral", description: "Acompañamos desde el presupuesto hasta la entrega final.", items: [{ icon: CheckCircle, text: "Control de calidad" }],
|
||||
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5z7zyi", imageAlt: "order shipping logistics" },
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Cómo Trabajamos"
|
||||
@@ -185,45 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bisagras y Correderas",
|
||||
price: "Consulta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bpu5j6&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sistemas Corredizos",
|
||||
price: "Consulta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jow4rl",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Equipamiento Cocina",
|
||||
price: "Consulta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ygk0ei",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Herrajes de Obra",
|
||||
price: "Consulta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ay59ht",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Accesorios Baño",
|
||||
price: "Consulta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1d024g",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Estructuras Metálicas",
|
||||
price: "Consulta",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=etthb6",
|
||||
},
|
||||
{ id: "p1", name: "Bisagras y Correderas", price: "Consulta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bpu5j6" },
|
||||
{ id: "p2", name: "Sistemas Corredizos", price: "Consulta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jow4rl" },
|
||||
{ id: "p3", name: "Equipamiento Cocina", price: "Consulta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ygk0ei" }
|
||||
]}
|
||||
title="Nuestros Productos"
|
||||
description="Soluciones de alta calidad con marcas líderes como Häfele, Ducasse y más."
|
||||
description="Soluciones de alta calidad con marcas líderes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -233,24 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ShieldCheck,
|
||||
title: "Marcas líderes",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Truck,
|
||||
title: "Entregas eficientes",
|
||||
value: "24/48hs",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: PhoneCall,
|
||||
title: "Atención especializada",
|
||||
value: "Diaria",
|
||||
},
|
||||
{ id: "m1", icon: ShieldCheck, title: "Marcas líderes", value: "15+" },
|
||||
{ id: "m2", icon: Truck, title: "Entregas eficientes", value: "24/48hs" },
|
||||
{ id: "m3", icon: PhoneCall, title: "Atención especializada", value: "Diaria" },
|
||||
]}
|
||||
title="Calidad en Números"
|
||||
description="Marcas que avalan nuestro profesionalismo."
|
||||
@@ -263,41 +136,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Juan Pérez",
|
||||
role: "Arquitecto",
|
||||
testimonial: "Excelente asesoramiento técnico siempre.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dp21r",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "María López",
|
||||
role: "Diseñadora",
|
||||
testimonial: "Gran variedad de marcas y soluciones.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lo9d30",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carlos Ruiz",
|
||||
role: "Carpintero",
|
||||
testimonial: "Respuesta ágil a mis pedidos siempre.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10lkje",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ana Gómez",
|
||||
role: "Constructora",
|
||||
testimonial: "Seguimiento impecable de mis proyectos.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h3p2ha",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pedro Díaz",
|
||||
role: "Cliente",
|
||||
testimonial: "Atención personalizada de primera.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4haptu",
|
||||
},
|
||||
{ id: "1", name: "Juan Pérez", role: "Arquitecto", testimonial: "Excelente asesoramiento técnico siempre.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dp21r" },
|
||||
{ id: "2", name: "María López", role: "Diseñadora", testimonial: "Gran variedad de marcas y soluciones.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lo9d30" }
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Confianza y profesionalismo en cada proyecto."
|
||||
@@ -309,21 +149,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Cuales son los horarios?",
|
||||
content: "Lunes a viernes de 9 a 17hs, sábados de 9 a 13hs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Realizan envíos?",
|
||||
content: "Sí, coordinamos entregas según tu ubicación.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Atienden profesionales?",
|
||||
content: "Tenemos atención especializada para arquitectos, carpinteros y constructores.",
|
||||
},
|
||||
{ id: "q1", title: "Cuales son los horarios?", content: "Lunes a viernes de 9 a 17hs, sábados de 9 a 13hs." },
|
||||
{ id: "q2", title: "Realizan envíos?", content: "Sí, coordinamos entregas según tu ubicación." }
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Respondemos tus dudas rápidamente."
|
||||
@@ -334,21 +161,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Estamos aquí para ayudarte"
|
||||
description="Visítanos en cualquiera de nuestros tres locales o escríbenos por WhatsApp."
|
||||
description="Visítanos en cualquiera de nuestros tres locales."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Ciudad",
|
||||
href: "https://wa.me/5492613466064",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Godoy Cruz",
|
||||
href: "https://wa.me/5492613424843",
|
||||
},
|
||||
{ text: "WhatsApp Ciudad", href: "https://wa.me/5492613466064" },
|
||||
{ text: "WhatsApp Godoy Cruz", href: "https://wa.me/5492613424843" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -356,37 +175,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Casa Central",
|
||||
items: [
|
||||
{
|
||||
label: "Damián Hudson 380, Ciudad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tel: 261 4377557",
|
||||
href: "tel:2614377557",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suc. Balcarce",
|
||||
items: [
|
||||
{
|
||||
label: "Balcarce 762, Godoy Cruz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Showroom Maipú",
|
||||
items: [
|
||||
{
|
||||
label: "Centro Comercial Arga",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Casa Central", items: [{ label: "Damián Hudson 380, Ciudad", href: "#" }] },
|
||||
{ title: "Suc. Balcarce", items: [{ label: "Balcarce 762, Godoy Cruz", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 1979 Herrajes Bauzá"
|
||||
bottomRightText="Calidad en cada proyecto"
|
||||
|
||||
Reference in New Issue
Block a user