Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 87c6d33c11 | |||
| 1b9ded95ea | |||
| 6270e21ad7 | |||
| d812a0d1f0 |
174
src/app/page.tsx
174
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Inicio",
|
name: "Inicio", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Colección",
|
name: "Colección", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonios",
|
name: "Testimonios", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contacto",
|
name: "Contacto", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Hanna Vestidos"
|
brandName="Hanna Vestidos"
|
||||||
/>
|
/>
|
||||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
logoText="Hanna Vestidos"
|
logoText="Hanna Vestidos"
|
||||||
description="Encuentra el vestido perfecto para tu momento especial. Elegancia, calidad y atención personalizada."
|
description="Encuentra el vestido perfecto para tu momento especial. Elegancia, calidad y atención personalizada."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Ver colección",
|
text: "Ver colección", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Agendar cita",
|
text: "Agendar cita", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/one-fashionable-woman-standing-clothing-store-window-generated-by-ai_188544-32987.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/one-fashionable-woman-standing-clothing-store-window-generated-by-ai_188544-32987.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -82,26 +69,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Diseños únicos",
|
title: "Diseños únicos", description: "Vestidos modernos, elegantes y pensados para hacerte destacar.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-design-sketch-digital-art-style_23-2151487066.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-fashionable-model-girl-pink-evening-dress-background-brick-wall_627829-11963.jpg", buttonText: "Ver más"},
|
||||||
description: "Vestidos modernos, elegantes y pensados para hacerte destacar.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-design-sketch-digital-art-style_23-2151487066.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-fashionable-model-girl-pink-evening-dress-background-brick-wall_627829-11963.jpg",
|
|
||||||
buttonText: "Ver más",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Ajustes personalizados",
|
title: "Ajustes personalizados", description: "Adaptamos el vestido a tu cuerpo para que te quede perfecto.", imageSrc: "http://img.b2bpic.net/free-photo/future-bride-must-look-perfectly_329181-13642.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crop-woman-touching-dress-shop_23-2147786839.jpg", buttonText: "Ver más"},
|
||||||
description: "Adaptamos el vestido a tu cuerpo para que te quede perfecto.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/future-bride-must-look-perfectly_329181-13642.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/crop-woman-touching-dress-shop_23-2147786839.jpg",
|
|
||||||
buttonText: "Ver más",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Atención real",
|
title: "Atención real", description: "Te acompañamos en todo el proceso para que te sientas segura.", imageSrc: "http://img.b2bpic.net/free-photo/charming-ladies-black-white-outfits-smile-work-new-clothes-design_197531-24066.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/store-employee-helping-customers_482257-81844.jpg", buttonText: "Ver más"},
|
||||||
description: "Te acompañamos en todo el proceso para que te sientas segura.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-ladies-black-white-outfits-smile-work-new-clothes-design_197531-24066.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/store-employee-helping-customers_482257-81844.jpg",
|
|
||||||
buttonText: "Ver más",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestra Esencia"
|
title="Nuestra Esencia"
|
||||||
description="Lo que nos hace diferentes en cada detalle"
|
description="Lo que nos hace diferentes en cada detalle"
|
||||||
@@ -116,47 +88,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "XV Años Gala", price: "$1,200", variant: "XV", imageSrc: "http://img.b2bpic.net/free-photo/serious-snow-queen-ice-queen-swing_329181-6506.jpg"},
|
||||||
name: "XV Años Gala",
|
|
||||||
price: "$1,200",
|
|
||||||
variant: "XV",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-snow-queen-ice-queen-swing_329181-6506.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Graduación Elegante", price: "$850", variant: "Grad", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-bride-woman-long-white-wedding-dress-whit_7502-4888.jpg"},
|
||||||
name: "Graduación Elegante",
|
|
||||||
price: "$850",
|
|
||||||
variant: "Grad",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-bride-woman-long-white-wedding-dress-whit_7502-4888.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Boda Boutique", price: "$950", variant: "Boda", imageSrc: "http://img.b2bpic.net/free-photo/reflection-girl-wedding-dress-window_8353-12581.jpg"},
|
||||||
name: "Boda Boutique",
|
|
||||||
price: "$950",
|
|
||||||
variant: "Boda",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-girl-wedding-dress-window_8353-12581.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Evento Especial", price: "$700", variant: "Event", imageSrc: "http://img.b2bpic.net/free-vector/luxury-gala-dinner-facebook-cover-template_23-2150212316.jpg"},
|
||||||
name: "Evento Especial",
|
|
||||||
price: "$700",
|
|
||||||
variant: "Event",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-gala-dinner-facebook-cover-template_23-2150212316.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Gala Couture", price: "$1,500", variant: "Gala", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9190.jpg"},
|
||||||
name: "Gala Couture",
|
|
||||||
price: "$1,500",
|
|
||||||
variant: "Gala",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9190.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Noche de Lujo", price: "$1,100", variant: "Noche", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9393.jpg"},
|
||||||
name: "Noche de Lujo",
|
|
||||||
price: "$1,100",
|
|
||||||
variant: "Noche",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9393.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestra Colección"
|
title="Nuestra Colección"
|
||||||
description="Encuentra el estilo ideal para tu evento especial"
|
description="Encuentra el estilo ideal para tu evento especial"
|
||||||
@@ -170,40 +112,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Ana R.", role: "XV Años", testimonial: "Los vestidos son preciosos y la atención es increíble. Me hicieron sentir especial.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-portrait-posing-near-window_158595-7923.jpg"},
|
||||||
name: "Ana R.",
|
|
||||||
role: "XV Años",
|
|
||||||
testimonial: "Los vestidos son preciosos y la atención es increíble. Me hicieron sentir especial.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-portrait-posing-near-window_158595-7923.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Lucia M.", role: "Graduación", testimonial: "Me ajustaron el vestido en un día, súper rápido y quedó perfecto.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun-showing-her-tongue_158538-5129.jpg"},
|
||||||
name: "Lucia M.",
|
|
||||||
role: "Graduación",
|
|
||||||
testimonial: "Me ajustaron el vestido en un día, súper rápido y quedó perfecto.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun-showing-her-tongue_158538-5129.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Maria C.", role: "Evento", testimonial: "Modelos únicos, excelente calidad y un trato súper amable. 100% recomendado.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-with-long-legs-sitting-street-cafe-while-guys-foreground-clinking-glasses_197531-5889.jpg"},
|
||||||
name: "Maria C.",
|
|
||||||
role: "Evento",
|
|
||||||
testimonial: "Modelos únicos, excelente calidad y un trato súper amable. 100% recomendado.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-with-long-legs-sitting-street-cafe-while-guys-foreground-clinking-glasses_197531-5889.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Sofía G.", role: "Boda", testimonial: "Literal encontré el vestido exacto que quería, con los ajustes perfectos.", imageSrc: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg"},
|
||||||
name: "Sofía G.",
|
|
||||||
role: "Boda",
|
|
||||||
testimonial: "Literal encontré el vestido exacto que quería, con los ajustes perfectos.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Valeria P.", role: "Eventos", testimonial: "La mejor experiencia que he tenido buscando vestido de noche.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blonde-woman-with-full-shopping-bags_329181-1407.jpg"},
|
||||||
name: "Valeria P.",
|
|
||||||
role: "Eventos",
|
|
||||||
testimonial: "La mejor experiencia que he tenido buscando vestido de noche.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blonde-woman-with-full-shopping-bags_329181-1407.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Más de 100 clientas felices"
|
title="Más de 100 clientas felices"
|
||||||
description="Tu confianza es nuestro mayor éxito"
|
description="Tu confianza es nuestro mayor éxito"
|
||||||
@@ -215,13 +132,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "No solo vendemos vestidos…"},
|
||||||
content: "No solo vendemos vestidos…",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "Creamos momentos inolvidables."},
|
||||||
content: "Creamos momentos inolvidables.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -234,25 +147,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "1", description: "Agenda tu cita"},
|
||||||
value: "1",
|
|
||||||
description: "Agenda tu cita",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "2", description: "Encuentra tu vestido"},
|
||||||
value: "2",
|
|
||||||
description: "Encuentra tu vestido",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "3", description: "Ajustamos a medida"},
|
||||||
value: "3",
|
|
||||||
description: "Ajustamos a medida",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", value: "4", description: "Luce increíble"},
|
||||||
value: "4",
|
|
||||||
description: "Luce increíble",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestro Proceso"
|
title="Nuestro Proceso"
|
||||||
description="Simple y cómodo para ti"
|
description="Simple y cómodo para ti"
|
||||||
@@ -263,18 +164,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
text="Tu vestido perfecto te está esperando"
|
text="Tu vestido perfecto te está esperando"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Agendar cita",
|
text: "Agendar tu Prueba", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Enviar WhatsApp",
|
text: "Contactar por WhatsApp", href: "https://wa.me/yournumber"},
|
||||||
href: "https://wa.me/yournumber",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -285,18 +181,14 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
icon: Instagram,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Instagram"},
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: MessageCircle,
|
icon: MessageCircle,
|
||||||
href: "#",
|
href: "#", ariaLabel: "WhatsApp"},
|
||||||
ariaLabel: "WhatsApp",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user