Update src/app/page.tsx
This commit is contained in:
349
src/app/page.tsx
349
src/app/page.tsx
@@ -16,253 +16,126 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "servicios",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonios",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
]}
|
||||
brandName="Vulcanizados Márquez"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "servicios" },
|
||||
{ name: "Opiniones", id: "testimonios" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
brandName="Vulcanizados Márquez"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Vulcanizados Márquez Sevilla: Expertos en neumáticos y reparación"
|
||||
description="Más de 950 reseñas con 4,9 estrellas avalan nuestra calidad. Tu seguridad es lo primero, rapidez y profesionalidad en Sevilla."
|
||||
tag="4.9 ★★★★★ 959 reseñas en Google"
|
||||
buttons={[
|
||||
{
|
||||
text: "Pide cita / Presupuesto",
|
||||
href: "#contacto",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg"
|
||||
imageAlt="Taller Vulcanizados Márquez Sevilla"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Vulcanizados Márquez Sevilla: Expertos en neumáticos y reparación"
|
||||
description="Más de 950 reseñas con 4,9 estrellas avalan nuestra calidad. Tu seguridad es lo primero, rapidez y profesionalidad en Sevilla."
|
||||
tag="4.9 ★★★★★ 959 reseñas en Google"
|
||||
buttons={[{ text: "Pide cita / Presupuesto", href: "#contacto" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg"
|
||||
imageAlt="Taller Vulcanizados Márquez Sevilla"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servicios" data-section="servicios">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Neumáticos y Montaje",
|
||||
description: "Venta y montaje profesional con equilibrado de precisión.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-fixing-tyre-shop_23-2147897833.jpg",
|
||||
imageAlt: "Servicio de montaje",
|
||||
},
|
||||
{
|
||||
title: "Vulcanizado y Pinchazos",
|
||||
description: "Reparación experta de pinchazos y vulcanizado de alta calidad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pumps-air-wheel-with-compressor_1153-5160.jpg",
|
||||
imageAlt: "Reparación de pinchazos",
|
||||
},
|
||||
{
|
||||
title: "Alineado de Dirección",
|
||||
description: "Tecnología punta para alinear tu dirección con precisión milimétrica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-inspects-car-overhead-lift_482257-76127.jpg",
|
||||
imageAlt: "Alineado",
|
||||
},
|
||||
]}
|
||||
title="Servicios Profesionales de Neumáticos"
|
||||
description="Desde reparación de pinchazos hasta el equilibrado preciso, cuidamos cada detalle."
|
||||
/>
|
||||
</div>
|
||||
<div id="servicios" data-section="servicios">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Neumáticos y Montaje", description: "Venta y montaje profesional con equilibrado de precisión.", imageSrc: "http://img.b2bpic.net/free-photo/repairman-fixing-tyre-shop_23-2147897833.jpg", imageAlt: "Servicio de montaje" },
|
||||
{ title: "Vulcanizado y Pinchazos", description: "Reparación experta de pinchazos y vulcanizado de alta calidad.", imageSrc: "http://img.b2bpic.net/free-photo/man-pumps-air-wheel-with-compressor_1153-5160.jpg", imageAlt: "Reparación de pinchazos" },
|
||||
{ title: "Alineado de Dirección", description: "Tecnología punta para alinear tu dirección con precisión milimétrica.", imageSrc: "http://img.b2bpic.net/free-photo/repairman-inspects-car-overhead-lift_482257-76127.jpg", imageAlt: "Alineado" },
|
||||
]}
|
||||
title="Servicios Profesionales de Neumáticos"
|
||||
description="Desde reparación de pinchazos hasta el equilibrado preciso, cuidamos cada detalle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="beneficios" data-section="beneficios">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="¿Por qué elegirnos?"
|
||||
description="Empresa familiar enfocada en la confianza, el buen trato y la rapidez en Sevilla."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Rapidez y Disponibilidad",
|
||||
description: "Servicio rápido con disponibilidad inferior a 24 horas.",
|
||||
},
|
||||
{
|
||||
title: "Empresa Familiar",
|
||||
description: "Trato personal y cercano, comprometidos con nuestros clientes.",
|
||||
},
|
||||
{
|
||||
title: "Precios Económicos",
|
||||
description: "Calidad profesional con precios justos y transparentes.",
|
||||
},
|
||||
{
|
||||
title: "Espacio Amigable",
|
||||
description: "Orgullosamente amigables con el colectivo LGTBQ+.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-worker-car-workshop_52683-90904.jpg"
|
||||
imageAlt="Nuestro taller"
|
||||
/>
|
||||
</div>
|
||||
<div id="beneficios" data-section="beneficios">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="¿Por qué elegirnos?"
|
||||
description="Empresa familiar enfocada en la confianza, el buen trato y la rapidez en Sevilla."
|
||||
bulletPoints={[
|
||||
{ title: "Rapidez y Disponibilidad", description: "Servicio rápido con disponibilidad inferior a 24 horas." },
|
||||
{ title: "Empresa Familiar", description: "Trato personal y cercano, comprometidos con nuestros clientes." },
|
||||
{ title: "Precios Económicos", description: "Calidad profesional con precios justos y transparentes." },
|
||||
{ title: "Espacio Amigable", description: "Orgullosamente amigables con el colectivo LGTBQ+." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-worker-car-workshop_52683-90904.jpg"
|
||||
imageAlt="Nuestro taller"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Antonio R.",
|
||||
role: "Cliente",
|
||||
company: "Sevilla",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "María J.",
|
||||
role: "Cliente",
|
||||
company: "Sevilla",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27465.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Juan M.",
|
||||
role: "Cliente",
|
||||
company: "Sevilla",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1207.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucía P.",
|
||||
role: "Cliente",
|
||||
company: "Sevilla",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carlos S.",
|
||||
role: "Cliente",
|
||||
company: "Sevilla",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2982.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating Google",
|
||||
},
|
||||
{
|
||||
value: "959",
|
||||
label: "Opiniones",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Disponibilidad",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La confianza de quienes ya nos han probado y recomiendan."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Antonio R.", role: "Cliente", company: "Sevilla", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg" },
|
||||
{ id: "2", name: "María J.", role: "Cliente", company: "Sevilla", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27465.jpg" },
|
||||
{ id: "3", name: "Juan M.", role: "Cliente", company: "Sevilla", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1207.jpg" },
|
||||
{ id: "4", name: "Lucía P.", role: "Cliente", company: "Sevilla", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg" },
|
||||
{ id: "5", name: "Carlos S.", role: "Cliente", company: "Sevilla", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2982.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Rating Google" },
|
||||
{ value: "959", label: "Opiniones" },
|
||||
{ value: "24h", label: "Disponibilidad" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La confianza de quienes ya nos han probado y recomiendan."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mapa" data-section="mapa">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Ubicación en Sevilla"
|
||||
description="Visítanos en nuestras instalaciones en el Polígono Industrial. Estamos listos para recibir tu vehículo."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Dirección",
|
||||
description: "C. Pino Ponderosa, 24 NAVE, 41016 Sevilla",
|
||||
},
|
||||
{
|
||||
title: "Horario",
|
||||
description: "Mañana: 08:30 a 14:00. Tarde: 16:00 a 19:00",
|
||||
},
|
||||
{
|
||||
title: "Teléfono",
|
||||
description: "954 51 85 19",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg"
|
||||
imageAlt="Taller ubicación y mapa"
|
||||
/>
|
||||
</div>
|
||||
<div id="mapa" data-section="mapa">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Ubicación en Sevilla"
|
||||
description="Visítanos en nuestras instalaciones en el Polígono Industrial. Estamos listos para recibir tu vehículo."
|
||||
bulletPoints={[
|
||||
{ title: "Dirección", description: "C. Pino Ponderosa, 24 NAVE, 41016 Sevilla" },
|
||||
{ title: "Horario", description: "Mañana: 08:30 a 14:00. Tarde: 16:00 a 19:00" },
|
||||
{ title: "Teléfono", description: "954 51 85 19" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg"
|
||||
imageAlt="Taller ubicación y mapa"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Nos encontramos en C. Pino Ponderosa, 24 NAVE, 41016 Sevilla. Llámanos al 954 51 85 19. Abierto de lunes a viernes. Horario: 08:30-14:00 y 16:00-19:00."
|
||||
buttons={[
|
||||
{
|
||||
text: "Llamar ahora",
|
||||
href: "tel:+34954518519",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Nos encontramos en C. Pino Ponderosa, 24 NAVE, 41016 Sevilla. Llámanos al 954 51 85 19. Abierto de lunes a viernes. Horario: 08:30-14:00 y 16:00-19:00."
|
||||
buttons={[{ text: "Llamar ahora", href: "tel:+34954518519" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Neumáticos",
|
||||
href: "#servicios",
|
||||
},
|
||||
{
|
||||
label: "Pinchazos",
|
||||
href: "#servicios",
|
||||
},
|
||||
{
|
||||
label: "Alineado",
|
||||
href: "#servicios",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Opiniones",
|
||||
href: "#testimonios",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contacto",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Vulcanizados Márquez"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Servicios", items: [{ label: "Neumáticos", href: "#servicios" }, { label: "Pinchazos", href: "#servicios" }, { label: "Alineado", href: "#servicios" }] },
|
||||
{ title: "Empresa", items: [{ label: "Opiniones", href: "#testimonios" }, { label: "Contacto", href: "#contacto" }] },
|
||||
]}
|
||||
logoText="Vulcanizados Márquez"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user