Merge version_1 into main #1
246
src/app/page.tsx
246
src/app/page.tsx
@@ -29,89 +29,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Precios",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Precios", id: "pricing" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Barbería Pereda"
|
||||
button={{ text: "Reservar Cita", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Estilo Clásico, Cuidado Exclusivo"
|
||||
description="En Barbería Pereda, definimos tu estilo con cortes tradicionales y afeitados de precisión en un ambiente diseñado para el caballero moderno."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Cita",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reservar Cita", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-supplies-table_23-2147736981.jpg"
|
||||
imageAlt="Barbería Pereda Interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg",
|
||||
alt: "barber equipment tool",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/various-hairdressing-equipment-white-background_23-2147711631.jpg",
|
||||
alt: "professional barber gear",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313013.jpg",
|
||||
alt: "barber salon product",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg",
|
||||
alt: "classic razor blade",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg",
|
||||
alt: "barber shop ambiance",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg", alt: "barber equipment tool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/various-hairdressing-equipment-white-background_23-2147711631.jpg", alt: "professional barber gear" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313013.jpg", alt: "barber salon product" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg", alt: "classic razor blade" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg", alt: "barber shop ambiance" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradición",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estilo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Profesionalismo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elegancia",
|
||||
},
|
||||
{ type: "text", text: "Tradición" },
|
||||
{ type: "text", text: "Estilo" },
|
||||
{ type: "text", text: "Profesionalismo" },
|
||||
{ type: "text", text: "Calidad" },
|
||||
{ type: "text", text: "Elegancia" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,15 +69,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradición y Profesionalismo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186495.jpg",
|
||||
alt: "Nuestro Local",
|
||||
},
|
||||
{ type: "text", content: "Tradición y Profesionalismo" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186495.jpg", alt: "Nuestro Local" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,27 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Corte de Cabello",
|
||||
subtitle: "Estilo clásico o moderno adaptado a ti.",
|
||||
category: "Aseo",
|
||||
value: "Desde 15€",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Afeitado Clásico",
|
||||
subtitle: "Afeitado de navaja con toalla caliente.",
|
||||
category: "Aseo",
|
||||
value: "Desde 12€",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Arreglo de Barba",
|
||||
subtitle: "Definición y cuidado de contornos.",
|
||||
category: "Aseo",
|
||||
value: "Desde 10€",
|
||||
},
|
||||
{ id: "s1", title: "Corte de Cabello", subtitle: "Estilo clásico o moderno adaptado a ti.", category: "Aseo", value: "Desde 15€" },
|
||||
{ id: "s2", title: "Afeitado Clásico", subtitle: "Afeitado de navaja con toalla caliente.", category: "Aseo", value: "Desde 12€" },
|
||||
{ id: "s3", title: "Arreglo de Barba", subtitle: "Definición y cuidado de contornos.", category: "Aseo", value: "Desde 10€" }
|
||||
]}
|
||||
title="Servicios Especializados"
|
||||
description="Ofrecemos una gama completa de servicios de aseo personal con el más alto estándar."
|
||||
@@ -173,53 +97,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Popular",
|
||||
price: "15€",
|
||||
period: "sesión",
|
||||
description: "Corte de cabello completo con lavado.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
},
|
||||
featuresTitle: "Incluye",
|
||||
features: [
|
||||
"Lavado con masaje",
|
||||
"Corte a tijera o máquina",
|
||||
"Peinado",
|
||||
],
|
||||
id: "p1", tag: "Popular", price: "15€", period: "sesión", description: "Corte de cabello completo con lavado.", button: { text: "Elegir" }, featuresTitle: "Incluye", features: ["Lavado con masaje", "Corte a tijera o máquina", "Peinado"]
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Esencial",
|
||||
price: "12€",
|
||||
period: "sesión",
|
||||
description: "Afeitado profesional de navaja.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
},
|
||||
featuresTitle: "Incluye",
|
||||
features: [
|
||||
"Toalla caliente",
|
||||
"Navaja tradicional",
|
||||
"Aftershave de lujo",
|
||||
],
|
||||
id: "p2", tag: "Esencial", price: "12€", period: "sesión", description: "Afeitado profesional de navaja.", button: { text: "Elegir" }, featuresTitle: "Incluye", features: ["Toalla caliente", "Navaja tradicional", "Aftershave de lujo"]
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Completo",
|
||||
price: "25€",
|
||||
period: "sesión",
|
||||
description: "Corte y barba combo.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
},
|
||||
featuresTitle: "Incluye",
|
||||
features: [
|
||||
"Corte completo",
|
||||
"Arreglo de barba",
|
||||
"Tratamiento facial",
|
||||
],
|
||||
},
|
||||
id: "p3", tag: "Completo", price: "25€", period: "sesión", description: "Corte y barba combo.", button: { text: "Elegir" }, featuresTitle: "Incluye", features: ["Corte completo", "Arreglo de barba", "Tratamiento facial"]
|
||||
}
|
||||
]}
|
||||
title="Nuestras Tarifas"
|
||||
description="Precios transparentes para un servicio de calidad premium."
|
||||
@@ -231,46 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excelente servicio",
|
||||
quote: "La mejor experiencia en barbería. Profesionalismo puro.",
|
||||
name: "Carlos M.",
|
||||
role: "Cliente habitual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-black-t-shirt-looking-aside-smiling-cheerfully-happy-positive-standing-green-wall_141793-81770.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Corte impecable",
|
||||
quote: "Atención al detalle inigualable en Barbería Pereda.",
|
||||
name: "Javier R.",
|
||||
role: "Cliente regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Gran ambiente",
|
||||
quote: "Un lugar clásico donde me siento como en casa.",
|
||||
name: "Marcos F.",
|
||||
role: "Cliente nuevo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-vintage-eyeglasses-dressed-wool-jacket_613910-15938.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Recomendado",
|
||||
quote: "Los mejores profesionales en la ciudad.",
|
||||
name: "Luis A.",
|
||||
role: "Cliente recurrente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Servicio de lujo",
|
||||
quote: "Cada vez que salgo de aquí, salgo renovado.",
|
||||
name: "Fernando S.",
|
||||
role: "Cliente asiduo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling_23-2147624592.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Excelente servicio", quote: "La mejor experiencia en barbería. Profesionalismo puro.", name: "Carlos M.", role: "Cliente habitual", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-black-t-shirt-looking-aside-smiling-cheerfully-happy-positive-standing-green-wall_141793-81770.jpg" },
|
||||
{ id: "t2", title: "Corte impecable", quote: "Atención al detalle inigualable en Barbería Pereda.", name: "Javier R.", role: "Cliente regular", imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg" },
|
||||
{ id: "t3", title: "Gran ambiente", quote: "Un lugar clásico donde me siento como en casa.", name: "Marcos F.", role: "Cliente nuevo", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-vintage-eyeglasses-dressed-wool-jacket_613910-15938.jpg" },
|
||||
{ id: "t4", title: "Recomendado", quote: "Los mejores profesionales en la ciudad.", name: "Luis A.", role: "Cliente recurrente", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg" },
|
||||
{ id: "t5", title: "Servicio de lujo", quote: "Cada vez que salgo de aquí, salgo renovado.", name: "Fernando S.", role: "Cliente asiduo", imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling_23-2147624592.jpg" }
|
||||
]}
|
||||
title="La Opinión de Nuestros Caballeros"
|
||||
description="Calidad que nos respalda en cada corte."
|
||||
@@ -280,9 +130,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Reserva Tu Cita"
|
||||
description="Déjanos tu contacto y nos pondremos en comunicación para agendar tu próxima visita."
|
||||
@@ -293,32 +141,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Barbería Pereda"
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Corte",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Barba",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Servicios", items: [{ label: "Corte", href: "#" }, { label: "Barba", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Barbería Pereda. Todos los derechos reservados."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user