Merge version_1 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#inicio",
|
||||
},
|
||||
name: "Inicio", id: "#inicio"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#nosotros",
|
||||
},
|
||||
name: "Nosotros", id: "#nosotros"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#servicios",
|
||||
},
|
||||
name: "Servicios", id: "#servicios"},
|
||||
{
|
||||
name: "Precios",
|
||||
id: "#precios",
|
||||
},
|
||||
name: "Precios", id: "#precios"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
name: "Contacto", id: "#contacto"},
|
||||
]}
|
||||
brandName="Plomería Aguas Y Arreglos"
|
||||
/>
|
||||
@@ -67,13 +55,9 @@ export default function LandingPage() {
|
||||
description="Expertos en soluciones de plomería para su hogar y negocio. Contamos con técnicos certificados y servicio 24/7 para cualquier emergencia."
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Servicio",
|
||||
href: "#contacto",
|
||||
},
|
||||
text: "Solicitar Servicio", href: "#contacto"},
|
||||
{
|
||||
text: "Ver Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
text: "Ver Servicios", href: "#servicios"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg"
|
||||
@@ -87,19 +71,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Sobre ",
|
||||
},
|
||||
type: "text", content: "Sobre "},
|
||||
{
|
||||
type: "text",
|
||||
content: "Plomería Aguas Y Arreglos",
|
||||
},
|
||||
type: "text", content: "Plomería Aguas Y Arreglos"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Conozca Nuestro Equipo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Conozca Nuestro Equipo", href: "#"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -112,29 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Reparación de Fugas",
|
||||
description: "Localizamos y reparamos fugas de agua con precisión, evitando daños mayores y conservando el agua.",
|
||||
tag: "Emergencias 24/7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg",
|
||||
imageAlt: "Plomero reparando una fuga de agua.",
|
||||
},
|
||||
id: "f1", title: "Reparación de Fugas", description: "Localizamos y reparamos fugas de agua con precisión, evitando daños mayores y conservando el agua.", tag: "Emergencias 24/7", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg", imageAlt: "Plomero reparando una fuga de agua."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Desatascos",
|
||||
description: "Solucionamos cualquier obstrucción en tuberías y desagües, restaurando el flujo normal del agua.",
|
||||
tag: "Rápido y Eficaz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg",
|
||||
imageAlt: "Plomero desatascando un desagüe.",
|
||||
},
|
||||
id: "f2", title: "Desatascos", description: "Solucionamos cualquier obstrucción en tuberías y desagües, restaurando el flujo normal del agua.", tag: "Rápido y Eficaz", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg", imageAlt: "Plomero desatascando un desagüe."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Instalación de Calentadores",
|
||||
description: "Instalamos y mantenemos calentadores de agua, asegurando un suministro constante y eficiente.",
|
||||
tag: "Agua Caliente Siempre",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-looking-through-glass-beverage-product-testing-quality_342744-1206.jpg",
|
||||
imageAlt: "Plomero instalando un calentador de agua.",
|
||||
},
|
||||
id: "f3", title: "Instalación de Calentadores", description: "Instalamos y mantenemos calentadores de agua, asegurando un suministro constante y eficiente.", tag: "Agua Caliente Siempre", imageSrc: "http://img.b2bpic.net/free-photo/technologist-looking-through-glass-beverage-product-testing-quality_342744-1206.jpg", imageAlt: "Plomero instalando un calentador de agua."},
|
||||
]}
|
||||
title="Nuestros Servicios Expertos"
|
||||
description="Ofrecemos una gama completa de servicios de plomería para cubrir todas sus necesidades con la máxima calidad."
|
||||
@@ -149,47 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Reparación de Grifos",
|
||||
price: "Desde $50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg",
|
||||
imageAlt: "Grifo de cocina moderno.",
|
||||
},
|
||||
id: "p1", name: "Reparación de Grifos", price: "Desde $50", imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg", imageAlt: "Grifo de cocina moderno."},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mantenimiento de Inodoros",
|
||||
price: "Desde $70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990691.jpg",
|
||||
imageAlt: "Inodoro moderno de baño.",
|
||||
},
|
||||
id: "p2", name: "Mantenimiento de Inodoros", price: "Desde $70", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990691.jpg", imageAlt: "Inodoro moderno de baño."},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Servicio de Bombas de Agua",
|
||||
price: "Desde $120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg",
|
||||
imageAlt: "Bomba de agua residencial.",
|
||||
},
|
||||
id: "p3", name: "Servicio de Bombas de Agua", price: "Desde $120", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg", imageAlt: "Bomba de agua residencial."},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Instalación de Calentadores",
|
||||
price: "Desde $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg",
|
||||
imageAlt: "Calentador de agua eléctrico.",
|
||||
},
|
||||
id: "p4", name: "Instalación de Calentadores", price: "Desde $250", imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg", imageAlt: "Calentador de agua eléctrico."},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Revisión de Calderas",
|
||||
price: "Desde $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-air-conditioner_482257-96273.jpg",
|
||||
imageAlt: "Caldera de calefacción.",
|
||||
},
|
||||
id: "p5", name: "Revisión de Calderas", price: "Desde $150", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-air-conditioner_482257-96273.jpg", imageAlt: "Caldera de calefacción."},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Reemplazo de Tuberías",
|
||||
price: "Desde $80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
|
||||
imageAlt: "Tuberías de cobre.",
|
||||
},
|
||||
id: "p6", name: "Reemplazo de Tuberías", price: "Desde $80", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg", imageAlt: "Tuberías de cobre."},
|
||||
]}
|
||||
title="Paquetes y Soluciones de Plomería"
|
||||
description="Descubra nuestros servicios especializados y soluciones completas para cualquier necesidad de plomería."
|
||||
@@ -203,34 +133,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Disponibilidad",
|
||||
items: [
|
||||
"Servicio de Emergencia",
|
||||
"Atención Rápida",
|
||||
"Siempre Listos",
|
||||
],
|
||||
id: "m1", value: "24/7", title: "Disponibilidad", items: [
|
||||
"Servicio de Emergencia", "Atención Rápida", "Siempre Listos"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "+1000",
|
||||
title: "Clientes Satisfechos",
|
||||
items: [
|
||||
"Confianza Demostrada",
|
||||
"Soluciones Duraderas",
|
||||
"Reputación Impecable",
|
||||
],
|
||||
id: "m2", value: "+1000", title: "Clientes Satisfechos", items: [
|
||||
"Confianza Demostrada", "Soluciones Duraderas", "Reputación Impecable"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
title: "Años de Experiencia",
|
||||
items: [
|
||||
"Trayectoria Comprobada",
|
||||
"Conocimiento Profundo",
|
||||
"Innovación Constante",
|
||||
],
|
||||
id: "m3", value: "15", title: "Años de Experiencia", items: [
|
||||
"Trayectoria Comprobada", "Conocimiento Profundo", "Innovación Constante"],
|
||||
},
|
||||
]}
|
||||
title="Nuestros Números Hablan por Sí Solos"
|
||||
@@ -242,47 +154,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana Rodríguez",
|
||||
role: "Propietaria de Vivienda",
|
||||
testimonial: "Plomería Aguas Y Arreglos resolvió mi fuga de agua en tiempo récord. ¡Profesionales y muy amables!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990680.jpg",
|
||||
imageAlt: "Ana Rodríguez, cliente satisfecha.",
|
||||
},
|
||||
id: "t1", name: "Ana Rodríguez", role: "Propietaria de Vivienda", testimonial: "Plomería Aguas Y Arreglos resolvió mi fuga de agua en tiempo récord. ¡Profesionales y muy amables!", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990680.jpg", imageAlt: "Ana Rodríguez, cliente satisfecha."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carlos Gómez",
|
||||
role: "Gerente de Edificio",
|
||||
testimonial: "Su servicio de mantenimiento preventivo es excelente. Mis tuberías nunca han estado mejor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-very-angry-frustrated-stressed-raising-arms_141793-28662.jpg",
|
||||
imageAlt: "Carlos Gómez, cliente satisfecho.",
|
||||
},
|
||||
id: "t2", name: "Carlos Gómez", role: "Gerente de Edificio", testimonial: "Su servicio de mantenimiento preventivo es excelente. Mis tuberías nunca han estado mejor.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-very-angry-frustrated-stressed-raising-arms_141793-28662.jpg", imageAlt: "Carlos Gómez, cliente satisfecho."},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofía Vargas",
|
||||
role: "Dueña de Restaurante",
|
||||
testimonial: "Rápidos y eficientes. Desatascaron la cocina de mi restaurante sin interrumpir el servicio. ¡Recomendados!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
imageAlt: "Sofía Vargas, cliente satisfecha.",
|
||||
},
|
||||
id: "t3", name: "Sofía Vargas", role: "Dueña de Restaurante", testimonial: "Rápidos y eficientes. Desatascaron la cocina de mi restaurante sin interrumpir el servicio. ¡Recomendados!", imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", imageAlt: "Sofía Vargas, cliente satisfecha."},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ricardo López",
|
||||
role: "Constructor",
|
||||
testimonial: "Siempre confío en ellos para las instalaciones de plomería en mis proyectos. Calidad garantizada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-overalls-man-with-tools-senior-yellow-glasses_1157-45056.jpg",
|
||||
imageAlt: "Ricardo López, cliente satisfecho.",
|
||||
},
|
||||
id: "t4", name: "Ricardo López", role: "Constructor", testimonial: "Siempre confío en ellos para las instalaciones de plomería en mis proyectos. Calidad garantizada.", imageSrc: "http://img.b2bpic.net/free-photo/worker-overalls-man-with-tools-senior-yellow-glasses_1157-45056.jpg", imageAlt: "Ricardo López, cliente satisfecho."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "María Pérez",
|
||||
role: "Ama de Casa",
|
||||
testimonial: "El equipo es muy respetuoso y deja todo limpio. Me explicaron cada paso del proceso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg",
|
||||
imageAlt: "María Pérez, cliente satisfecha.",
|
||||
},
|
||||
id: "t5", name: "María Pérez", role: "Ama de Casa", testimonial: "El equipo es muy respetuoso y deja todo limpio. Me explicaron cada paso del proceso.", imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg", imageAlt: "María Pérez, cliente satisfecha."},
|
||||
]}
|
||||
title="Lo que Dicen Nuestros Clientes"
|
||||
description="La satisfacción de quienes confían en nosotros es nuestra mejor carta de presentación."
|
||||
@@ -295,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Ofrecen servicios de emergencia 24/7?",
|
||||
content: "Sí, estamos disponibles las 24 horas del día, los 7 días de la semana, para atender cualquier emergencia de plomería que pueda surgir.",
|
||||
},
|
||||
id: "q1", title: "¿Ofrecen servicios de emergencia 24/7?", content: "Sí, estamos disponibles las 24 horas del día, los 7 días de la semana, para atender cualquier emergencia de plomería que pueda surgir."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Cuáles son sus métodos de pago?",
|
||||
content: "Aceptamos efectivo, tarjetas de crédito/débito y transferencias bancarias. Ofrecemos flexibilidad para su comodidad.",
|
||||
},
|
||||
id: "q2", title: "¿Cuáles son sus métodos de pago?", content: "Aceptamos efectivo, tarjetas de crédito/débito y transferencias bancarias. Ofrecemos flexibilidad para su comodidad."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Tienen garantía sus servicios?",
|
||||
content: "Absolutamente. Todos nuestros servicios y las piezas utilizadas cuentan con garantía para su total tranquilidad.",
|
||||
},
|
||||
id: "q3", title: "¿Tienen garantía sus servicios?", content: "Absolutamente. Todos nuestros servicios y las piezas utilizadas cuentan con garantía para su total tranquilidad."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg"
|
||||
imageAlt="Plomero explicando a un cliente sobre el servicio."
|
||||
@@ -327,27 +201,16 @@ export default function LandingPage() {
|
||||
description="Estamos listos para ayudarle con cualquier necesidad de plomería. Envíenos un mensaje y nos pondremos en contacto."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Su Nombre",
|
||||
required: true,
|
||||
name: "nombre", type: "text", placeholder: "Su Nombre", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Su Correo Electrónico",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Su Correo Electrónico", required: true,
|
||||
},
|
||||
{
|
||||
name: "telefono",
|
||||
type: "tel",
|
||||
placeholder: "Su Teléfono (opcional)",
|
||||
},
|
||||
name: "telefono", type: "tel", placeholder: "Su Teléfono (opcional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensaje",
|
||||
placeholder: "Describa su necesidad de plomería...",
|
||||
rows: 4,
|
||||
name: "mensaje", placeholder: "Describa su necesidad de plomería...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-overall-talking-by-phone_23-2148073113.jpg"
|
||||
@@ -365,19 +228,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user