Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Brega e Hijos"
|
||||
/>
|
||||
@@ -59,63 +49,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Tu auto merece un taller de confianza."
|
||||
description="Más de una década resolviendo problemas mecánicos con honestidad, rapidez y atención personalizada."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11815.jpg",
|
||||
alt: "mechanic portrait smile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11815.jpg", alt: "mechanic portrait smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg",
|
||||
alt: "mechanic portrait serious",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg", alt: "mechanic portrait serious"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg",
|
||||
alt: "young professional mechanic",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg", alt: "young professional mechanic"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg",
|
||||
alt: "expert mechanic portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg", alt: "expert mechanic portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-standing-with-arms-crossed_1170-1200.jpg",
|
||||
alt: "Portrait of female mechanic standing with arms crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-standing-with-arms-crossed_1170-1200.jpg", alt: "Portrait of female mechanic standing with arms crossed"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Hablar por WhatsApp",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Hablar por WhatsApp", href: "#contact"},
|
||||
{
|
||||
text: "Solicitar turno",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Solicitar turno", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Diagnóstico de Precisión",
|
||||
},
|
||||
type: "text", text: "Diagnóstico de Precisión"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Repuestos Originales",
|
||||
},
|
||||
type: "text", text: "Repuestos Originales"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención Personalizada",
|
||||
},
|
||||
type: "text", text: "Atención Personalizada"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Garantía Escrita",
|
||||
},
|
||||
type: "text", text: "Garantía Escrita"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnología de Avanzada",
|
||||
},
|
||||
type: "text", text: "Tecnología de Avanzada"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,25 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+15",
|
||||
title: "Años de experiencia",
|
||||
description: "Respaldo sólido",
|
||||
icon: Award,
|
||||
id: "1", value: "+15", title: "Años de experiencia", description: "Respaldo sólido", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5",
|
||||
title: "Estrellas en atención",
|
||||
description: "Reseñas reales",
|
||||
icon: Star,
|
||||
id: "2", value: "5", title: "Estrellas en atención", description: "Reseñas reales", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "+2000",
|
||||
title: "Vehículos atendidos",
|
||||
description: "Clientes fieles",
|
||||
icon: CheckCircle,
|
||||
id: "3", value: "+2000", title: "Vehículos atendidos", description: "Clientes fieles", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Nuestra trayectoria"
|
||||
@@ -167,23 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Diagnóstico computarizado",
|
||||
description: "Detección precisa mediante equipos de última generación.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg",
|
||||
imageAlt: "car diagnostic computer modern",
|
||||
},
|
||||
title: "Diagnóstico computarizado", description: "Detección precisa mediante equipos de última generación.", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg", imageAlt: "car diagnostic computer modern"},
|
||||
{
|
||||
title: "Mecánica integral",
|
||||
description: "Soluciones completas para todo tipo de vehículos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-installing-car-parts_1170-1298.jpg",
|
||||
imageAlt: "mechanic repairing car engine",
|
||||
},
|
||||
title: "Mecánica integral", description: "Soluciones completas para todo tipo de vehículos.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-installing-car-parts_1170-1298.jpg", imageAlt: "mechanic repairing car engine"},
|
||||
{
|
||||
title: "Mantenimiento preventivo",
|
||||
description: "Evita problemas futuros con nuestros planes a medida.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1265.jpg",
|
||||
imageAlt: "car maintenance check oil",
|
||||
},
|
||||
title: "Mantenimiento preventivo", description: "Evita problemas futuros con nuestros planes a medida.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1265.jpg", imageAlt: "car maintenance check oil"},
|
||||
]}
|
||||
title="Nuestros servicios premium"
|
||||
description="Atención especializada con tecnología de punta."
|
||||
@@ -196,45 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excelente",
|
||||
quote: "Excelente atención y algo que se perdió hace mucho tiempo… Honestidad.",
|
||||
name: "Juan Perez",
|
||||
role: "Cliente habitual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
id: "1", title: "Excelente", quote: "Excelente atención y algo que se perdió hace mucho tiempo… Honestidad.", name: "Juan Perez", role: "Cliente habitual", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Confiable",
|
||||
quote: "Me genera mucha confianza, es honesto y rápido.",
|
||||
name: "Maria Lopez",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg",
|
||||
},
|
||||
id: "2", title: "Confiable", quote: "Me genera mucha confianza, es honesto y rápido.", name: "Maria Lopez", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Transparente",
|
||||
quote: "Te explica todas las fallas del automóvil y te soluciona el problema.",
|
||||
name: "Carlos Gomez",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg",
|
||||
},
|
||||
id: "3", title: "Transparente", quote: "Te explica todas las fallas del automóvil y te soluciona el problema.", name: "Carlos Gomez", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Experiencia",
|
||||
quote: "Más de 12 años confiando en ellos.",
|
||||
name: "Ana Rodriguez",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg",
|
||||
},
|
||||
id: "4", title: "Experiencia", quote: "Más de 12 años confiando en ellos.", name: "Ana Rodriguez", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Recomendable",
|
||||
quote: "Trabajo impecable y muy serios en su proceder.",
|
||||
name: "Luis Torres",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2809.jpg",
|
||||
},
|
||||
id: "5", title: "Recomendable", quote: "Trabajo impecable y muy serios en su proceder.", name: "Luis Torres", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2809.jpg"},
|
||||
]}
|
||||
title="La opinión de quienes confían en nosotros"
|
||||
description="Lo que nuestros clientes destacan: Honestidad."
|
||||
@@ -247,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Tienen garantía?",
|
||||
content: "Sí, garantizamos todos nuestros trabajos realizados.",
|
||||
},
|
||||
id: "1", title: "¿Tienen garantía?", content: "Sí, garantizamos todos nuestros trabajos realizados."},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Cómo solicito turno?",
|
||||
content: "Puedes contactarnos vía WhatsApp en el enlace de abajo.",
|
||||
},
|
||||
id: "2", title: "¿Cómo solicito turno?", content: "Puedes contactarnos vía WhatsApp en el enlace de abajo."},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Qué tipos de autos atienden?",
|
||||
content: "Atendemos marcas nacionales e importadas.",
|
||||
},
|
||||
id: "3", title: "¿Qué tipos de autos atienden?", content: "Atendemos marcas nacionales e importadas."},
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Resolvemos tus dudas al instante."
|
||||
@@ -272,18 +174,12 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Tu vehículo merece atención profesional."
|
||||
description="Contáctanos ahora y agenda tu diagnóstico."
|
||||
description="Contáctanos ahora y agenda tu diagnóstico. Tel: 0351 4645488"
|
||||
inputs={[
|
||||
{
|
||||
name: "Nombre",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
},
|
||||
name: "Nombre", type: "text", placeholder: "Tu nombre"},
|
||||
{
|
||||
name: "WhatsApp",
|
||||
type: "tel",
|
||||
placeholder: "Tu número de WhatsApp",
|
||||
},
|
||||
name: "WhatsApp", type: "tel", placeholder: "Tu número de WhatsApp"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-does-checkup-client-car_482257-76153.jpg"
|
||||
/>
|
||||
@@ -294,25 +190,19 @@ export default function LandingPage() {
|
||||
logoText="Brega e Hijos"
|
||||
columns={[
|
||||
{
|
||||
title: "Enlaces",
|
||||
items: [
|
||||
title: "Enlaces", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "WhatsApp", href: "#contact"},
|
||||
{
|
||||
label: "Tel: 0351 4645488", href: "tel:03514645488"}
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -321,4 +211,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user