Merge version_1 into main #1
252
src/app/page.tsx
252
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Acerca",
|
||||
id: "about",
|
||||
},
|
||||
name: "Acerca", id: "about"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Productos", id: "products"},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Opiniones", id: "testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Elena's Boutique"
|
||||
/>
|
||||
@@ -61,99 +51,56 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="La Moda que te Define"
|
||||
description="En Elena's Boutique, seleccionamos prendas y piezas exclusivas que realzan tu estilo personal con elegancia y distinción. Descubre nuestra colección de alta categoría diseñada especialmente para ti."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Lorenz OCorona",
|
||||
handle: "@lore-style",
|
||||
testimonial: "Vi mucha variedad de ropa, tienen excelente mercancía. Totalmente recomendado para quienes buscan calidad.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rack-clothes-store_23-2148929539.jpg",
|
||||
},
|
||||
name: "Lorenz OCorona", handle: "@lore-style", testimonial: "Vi mucha variedad de ropa, tienen excelente mercancía. Totalmente recomendado para quienes buscan calidad.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rack-clothes-store_23-2148929539.jpg"},
|
||||
{
|
||||
name: "Karinny Rodriguez",
|
||||
handle: "@karinny15",
|
||||
testimonial: "Excelente lugar, buena atención. Prendas exclusivas, es un lugar de alta categoría.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353685.jpg",
|
||||
},
|
||||
name: "Karinny Rodriguez", handle: "@karinny15", testimonial: "Excelente lugar, buena atención. Prendas exclusivas, es un lugar de alta categoría.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353685.jpg"},
|
||||
{
|
||||
name: "Milagro Bracho",
|
||||
handle: "@milagro-bracho",
|
||||
testimonial: "Excelente atención, si queremos lucir a la moda no hay mejor lugar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407869.jpg",
|
||||
},
|
||||
name: "Milagro Bracho", handle: "@milagro-bracho", testimonial: "Excelente atención, si queremos lucir a la moda no hay mejor lugar.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407869.jpg"},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena-m",
|
||||
testimonial: "La calidad de las piezas es indiscutible. Un servicio impecable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-design-retail-shop-with-clothes-hangers-racks-department-store-inside-shopping-center-fashion-merchandise-sale_482257-59961.jpg",
|
||||
},
|
||||
name: "Elena M.", handle: "@elena-m", testimonial: "La calidad de las piezas es indiscutible. Un servicio impecable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-design-retail-shop-with-clothes-hangers-racks-department-store-inside-shopping-center-fashion-merchandise-sale_482257-59961.jpg"},
|
||||
{
|
||||
name: "Sofia R.",
|
||||
handle: "@sofi-r",
|
||||
testimonial: "El lugar perfecto para encontrar ese detalle único que buscaba.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-fair-haired-woman-standing-near-rack-with-dresses-clothes-store-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11778.jpg",
|
||||
},
|
||||
name: "Sofia R.", handle: "@sofi-r", testimonial: "El lugar perfecto para encontrar ese detalle único que buscaba.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-fair-haired-woman-standing-near-rack-with-dresses-clothes-store-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11778.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Colección",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Colección", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3644.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3644.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-holding-paper-bags-isolated-green-wall-with-copy-space_141793-26054.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-holding-paper-bags-isolated-green-wall-with-copy-space_141793-26054.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-holding-shopping-bags_23-2148225666.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-holding-shopping-bags_23-2148225666.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-carrying-shopping-bags-with-happy-expression_114579-22682.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-carrying-shopping-bags-with-happy-expression_114579-22682.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-stylish-woman-with-blond-curly-hairstyle-walking-city-street-summer-fashion-style-white-striped-dress-wearing-sunglasses-holding-purse_285396-8486.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-stylish-woman-with-blond-curly-hairstyle-walking-city-street-summer-fashion-style-white-striped-dress-wearing-sunglasses-holding-purse_285396-8486.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Más de 500+ clientas satisfechas"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Alta Costura",
|
||||
},
|
||||
type: "text", text: "Alta Costura"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad Premium",
|
||||
},
|
||||
type: "text", text: "Calidad Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusividad",
|
||||
},
|
||||
type: "text", text: "Exclusividad"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estilo Elegante",
|
||||
},
|
||||
type: "text", text: "Estilo Elegante"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Único",
|
||||
},
|
||||
type: "text", text: "Diseño Único"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,25 +120,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No vendemos moda masiva",
|
||||
"Sin comprometer la calidad",
|
||||
"No somos una tienda genérica",
|
||||
"Cero piezas repetidas",
|
||||
"Sin descuidos en el servicio",
|
||||
],
|
||||
"No vendemos moda masiva", "Sin comprometer la calidad", "No somos una tienda genérica", "Cero piezas repetidas", "Sin descuidos en el servicio"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Piezas de moda exclusivas",
|
||||
"Decoración de alta categoría",
|
||||
"Atención personalizada excepcional",
|
||||
"Ambiente acogedor",
|
||||
"Asesoría de estilo profesional",
|
||||
],
|
||||
"Piezas de moda exclusivas", "Decoración de alta categoría", "Atención personalizada excepcional", "Ambiente acogedor", "Asesoría de estilo profesional"],
|
||||
}}
|
||||
title="Por qué Elegirnos"
|
||||
description="Marcamos la diferencia ofreciendo calidad y exclusividad en cada detalle de nuestras colecciones."
|
||||
@@ -206,41 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Vestido de Gala",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7774.jpg",
|
||||
},
|
||||
id: "1", name: "Vestido de Gala", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7774.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Blusa de Seda",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-store-seller-helping-customer-choose-cloth-applying-dress-with-hanger-woman-candid-shot-fashion-store-retail-concept_74855-11687.jpg",
|
||||
},
|
||||
id: "2", name: "Blusa de Seda", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/fashion-store-seller-helping-customer-choose-cloth-applying-dress-with-hanger-woman-candid-shot-fashion-store-retail-concept_74855-11687.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bolso de Diseñador",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-long-autumn-coat-modern-striped-sweater-holds-black-handbag-tickets-isolated-beige-background_197531-18706.jpg",
|
||||
},
|
||||
id: "3", name: "Bolso de Diseñador", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-long-autumn-coat-modern-striped-sweater-holds-black-handbag-tickets-isolated-beige-background_197531-18706.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Zapatos de Cuero",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12290.jpg",
|
||||
},
|
||||
id: "4", name: "Zapatos de Cuero", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12290.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Florero Decorativo",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-room-design-concept_23-2148786406.jpg",
|
||||
},
|
||||
id: "5", name: "Florero Decorativo", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-room-design-concept_23-2148786406.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Set Casual Exclusivo",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-lady-white-suit-holding-coffee-phone-charming-woman-linen-pants-beige-blouse-chatting-cellphone-drinking-tea_197531-27474.jpg",
|
||||
},
|
||||
id: "6", name: "Set Casual Exclusivo", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-lady-white-suit-holding-coffee-phone-charming-woman-linen-pants-beige-blouse-chatting-cellphone-drinking-tea_197531-27474.jpg"},
|
||||
]}
|
||||
title="Colecciones Seleccionadas"
|
||||
description="Explora nuestra selección de moda, prendas exclusivas y decoración para el hogar."
|
||||
@@ -249,44 +163,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lorenz O.",
|
||||
handle: "@lore",
|
||||
testimonial: "Vi mucha variedad, excelente mercancía.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-shop-bags-white-wall_114579-49107.jpg",
|
||||
},
|
||||
id: "1", name: "Lorenz O.", handle: "@lore", testimonial: "Vi mucha variedad, excelente mercancía.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-shop-bags-white-wall_114579-49107.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Karinny R.",
|
||||
handle: "@kari",
|
||||
testimonial: "Es un lugar de alta categoría. Prendas exclusivas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg",
|
||||
},
|
||||
id: "2", name: "Karinny R.", handle: "@kari", testimonial: "Es un lugar de alta categoría. Prendas exclusivas.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Milagro B.",
|
||||
handle: "@milagro",
|
||||
testimonial: "Si queremos lucir a la moda no hay mejor lugar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-shopping-mall_176420-97.jpg",
|
||||
},
|
||||
id: "3", name: "Milagro B.", handle: "@milagro", testimonial: "Si queremos lucir a la moda no hay mejor lugar.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-shopping-mall_176420-97.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ana G.",
|
||||
handle: "@ana",
|
||||
testimonial: "La atención es de primera, siempre encuentro lo que busco.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-12977.jpg",
|
||||
},
|
||||
id: "4", name: "Ana G.", handle: "@ana", testimonial: "La atención es de primera, siempre encuentro lo que busco.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-12977.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena M.",
|
||||
handle: "@elena",
|
||||
testimonial: "El mejor sitio de Mao para comprar regalos y ropa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-hangers_23-2149241341.jpg",
|
||||
},
|
||||
id: "5", name: "Elena M.", handle: "@elena", testimonial: "El mejor sitio de Mao para comprar regalos y ropa.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-hangers_23-2149241341.jpg"},
|
||||
]}
|
||||
title="Lo que dicen nuestras clientas"
|
||||
description="Historias de estilo y satisfacción nos respaldan."
|
||||
@@ -298,14 +188,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fashion House",
|
||||
"Luxury Brands",
|
||||
"Trend Setters",
|
||||
"Design Collective",
|
||||
"Style Icons",
|
||||
"Boutique Elite",
|
||||
"Premium Label",
|
||||
]}
|
||||
"Fashion House", "Luxury Brands", "Trend Setters", "Design Collective", "Style Icons", "Boutique Elite", "Premium Label"]}
|
||||
title="Marcas que confían en nosotros"
|
||||
description="Colaboramos con las mejores casas de moda."
|
||||
/>
|
||||
@@ -317,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cuáles son sus horarios?",
|
||||
content: "Estamos abiertos para servirte a partir de las 8:00 a.m. los lunes.",
|
||||
},
|
||||
id: "1", title: "¿Cuáles son sus horarios?", content: "Estamos abiertos para servirte a partir de las 8:00 a.m. los lunes."},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Tienen entrega a domicilio?",
|
||||
content: "Sí, contamos con servicio de entrega a domicilio para tu comodidad.",
|
||||
},
|
||||
id: "2", title: "¿Tienen entrega a domicilio?", content: "Sí, contamos con servicio de entrega a domicilio para tu comodidad."},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Dónde se encuentran?",
|
||||
content: "Estamos en la calle Constitución 49, Santa Cruz de Mao.",
|
||||
},
|
||||
id: "3", title: "¿Dónde se encuentran?", content: "Estamos en la calle Constitución 49, Santa Cruz de Mao."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre Elena's Boutique."
|
||||
@@ -345,22 +219,14 @@ export default function LandingPage() {
|
||||
description="Estamos listos para asesorarte con tus próximas compras."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nombre",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Nombre", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo Electrónico",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Correo Electrónico", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tu consulta...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tu consulta...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-together-walking-street-valentines-day_1303-25958.jpg"
|
||||
/>
|
||||
@@ -372,29 +238,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Productos", href: "#products"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user