Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "servicios",
|
||||
},
|
||||
name: "Servicios", id: "servicios"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "nosotros",
|
||||
},
|
||||
name: "Nosotros", id: "nosotros"},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "opiniones",
|
||||
},
|
||||
name: "Opiniones", id: "opiniones"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
name: "Contacto", id: "contacto"},
|
||||
]}
|
||||
brandName="Barreto"
|
||||
/>
|
||||
@@ -52,82 +44,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Soluciones técnicas de precisión para su hogar"
|
||||
description="Más de una década resolviendo urgencias y proyectos de plomería y electricidad con la excelencia que su hogar merece. Servicio mismo día, garantizado."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Años Experiencia",
|
||||
},
|
||||
value: "10+", label: "Años Experiencia"},
|
||||
{
|
||||
value: "2h",
|
||||
label: "Respuesta Rápida",
|
||||
},
|
||||
value: "2h", label: "Respuesta Rápida"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfacción Garantizada",
|
||||
},
|
||||
value: "100%", label: "Satisfacción Garantizada"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Visita",
|
||||
href: "#contacto",
|
||||
},
|
||||
text: "Agendar Visita", href: "#contacto"},
|
||||
{
|
||||
text: "Ver Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
text: "Ver Servicios", href: "#servicios"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg"
|
||||
imageAlt="Técnico profesional de Barreto"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg",
|
||||
alt: "Cliente 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg", alt: "Cliente 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg", alt: "Cliente 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg", alt: "Cliente 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg", alt: "Cliente 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg", alt: "Cliente 5" },
|
||||
]}
|
||||
avatarText="Más de 500 clientes satisfechos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Plomería Certificada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Electricidad Profesional",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención 24/7",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Materiales Premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precios Transparentes",
|
||||
},
|
||||
{ type: "text", text: "Plomería Certificada" },
|
||||
{ type: "text", text: "Electricidad Profesional" },
|
||||
{ type: "text", text: "Atención 24/7" },
|
||||
{ type: "text", text: "Materiales Premium" },
|
||||
{ type: "text", text: "Precios Transparentes" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,23 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Plomería General",
|
||||
description: "Reparación de fugas, mantenimiento de tuberías y destapado de drenajes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg",
|
||||
imageAlt: "Plomería profesional",
|
||||
},
|
||||
title: "Plomería General", description: "Reparación de fugas, mantenimiento de tuberías y destapado de drenajes.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "Plomería profesional"},
|
||||
{
|
||||
title: "Boilers y Calentadores",
|
||||
description: "Diagnóstico y mantenimiento preventivo para todas las marcas del mercado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-turning-heater_23-2149339524.jpg",
|
||||
imageAlt: "Mantenimiento boiler",
|
||||
},
|
||||
title: "Boilers y Calentadores", description: "Diagnóstico y mantenimiento preventivo para todas las marcas del mercado.", imageSrc: "http://img.b2bpic.net/free-photo/hand-turning-heater_23-2149339524.jpg", imageAlt: "Mantenimiento boiler"},
|
||||
{
|
||||
title: "Electricidad",
|
||||
description: "Instalaciones, corrección de fallas y revisión de tableros eléctricos certificados.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-technician-connects-equipment-with-tool_169016-3456.jpg",
|
||||
imageAlt: "Servicio eléctrico",
|
||||
},
|
||||
title: "Electricidad", description: "Instalaciones, corrección de fallas y revisión de tableros eléctricos certificados.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-technician-connects-equipment-with-tool_169016-3456.jpg", imageAlt: "Servicio eléctrico"},
|
||||
]}
|
||||
title="Nuestros servicios especializados"
|
||||
description="Atendemos desde urgencias inmediatas hasta instalaciones completas con materiales de alta calidad."
|
||||
@@ -164,62 +103,19 @@ export default function LandingPage() {
|
||||
<div id="opiniones" data-section="opiniones">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Xu4nX0",
|
||||
role: "Cliente Verificado",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kei Colin",
|
||||
role: "Cliente Verificado",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Jones",
|
||||
role: "Cliente Verificado",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "AnLa Yaloah",
|
||||
role: "Cliente Verificado",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Danna Cortes",
|
||||
role: "Cliente Verificado",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=6",
|
||||
},
|
||||
{ id: "1", name: "Xu4nX0", role: "Cliente Verificado", company: "Google", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "2", name: "Kei Colin", role: "Cliente Verificado", company: "Google", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "3", name: "Mike Jones", role: "Cliente Verificado", company: "Google", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "4", name: "AnLa Yaloah", role: "Cliente Verificado", company: "Google", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "5", name: "Danna Cortes", role: "Cliente Verificado", company: "Google", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "23+",
|
||||
label: "Opiniones verificadas",
|
||||
},
|
||||
{
|
||||
value: "4.1",
|
||||
label: "Promedio Estrellas",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Trabajo garantizado",
|
||||
},
|
||||
{ value: "23+", label: "Opiniones verificadas" },
|
||||
{ value: "4.1", label: "Promedio Estrellas" },
|
||||
{ value: "100%", label: "Trabajo garantizado" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Más de 23 opiniones verificadas. La confianza se construye trabajo a trabajo."
|
||||
@@ -235,36 +131,11 @@ export default function LandingPage() {
|
||||
title="Nuestro equipo técnico"
|
||||
description="Expertos certificados comprometidos con la seguridad y funcionalidad de su propiedad."
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos Barreto",
|
||||
role: "Fundador y Plomero Maestro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana Martínez",
|
||||
role: "Técnica Eléctrica Senior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jorge Luis",
|
||||
role: "Especialista en Calefacción",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Ríos",
|
||||
role: "Coordinadora de Proyectos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=10",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Roberto V.",
|
||||
role: "Técnico Certificado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg?_wi=11",
|
||||
},
|
||||
{ id: "1", name: "Carlos Barreto", role: "Fundador y Plomero Maestro", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "2", name: "Ana Martínez", role: "Técnica Eléctrica Senior", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "3", name: "Jorge Luis", role: "Especialista en Calefacción", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "4", name: "Elena Ríos", role: "Coordinadora de Proyectos", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
{ id: "5", name: "Roberto V.", role: "Técnico Certificado", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186517.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,25 +146,10 @@ export default function LandingPage() {
|
||||
title="Agende su servicio ahora"
|
||||
description="Atendemos toda la Ciudad de México. Envíe su solicitud y responderemos en menos de 30 minutos."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Su nombre completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "telefono",
|
||||
type: "tel",
|
||||
placeholder: "Su número de teléfono",
|
||||
required: true,
|
||||
},
|
||||
{ name: "nombre", type: "text", placeholder: "Su nombre completo", required: true },
|
||||
{ name: "telefono", type: "tel", placeholder: "Su número de teléfono", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "descripcion",
|
||||
placeholder: "Describa su problema aquí...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "descripcion", placeholder: "Describa su problema aquí...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-repair-equipments-near-plant-leather-strap_23-2148067694.jpg"
|
||||
imageAlt="Contacto Barreto"
|
||||
/>
|
||||
@@ -304,34 +160,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#nosotros",
|
||||
},
|
||||
{
|
||||
label: "Opiniones",
|
||||
href: "#opiniones",
|
||||
},
|
||||
{ label: "Servicios", href: "#servicios" },
|
||||
{ label: "Nosotros", href: "#nosotros" },
|
||||
{ label: "Opiniones", href: "#opiniones" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contacto",
|
||||
},
|
||||
{
|
||||
label: "Términos Legales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Contacto", href: "#contacto" },
|
||||
{ label: "Términos Legales", href: "#" },
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user