bender/d253543e-cf0c-4bcb-9054-b427e37f4cf0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 18:51:35 +00:00
parent a2f651300d
commit 620cfe45f4
1 changed files with 42 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -31,22 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Colección",
id: "products",
},
{
name: "Testimonios",
id: "testimonials",
},
{
name: "Contacto",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Mujeres", id: "womens" },
{ name: "Colección", id: "products" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
]}
brandName="Aura Couture"
/>
@@ -54,56 +43,41 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Aura Couture: Elegancia Sin Fronteras"
description="Descubre una selección exclusiva de perfumes, ropa y accesorios de lujo diseñados para quienes valoran la sofisticación y el detalle."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/client-suit-boutique-with-shopping-bags_7502-4397.jpg",
imageAlt: "Fashion Model",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150218026.jpg",
imageAlt: "Luxury Wear",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg",
imageAlt: "Boutique Detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg",
imageAlt: "Clothing store with blurred effect",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/shopping-center-showroom-with-clothes-from-trendy-collections-retail-market-boutique-with-modern-fashionable-wear-empty-clothing-store-filled-with-new-trends-fashion-brands_482257-61769.jpg",
imageAlt: "Shopping center showroom with clothes from trendy collections",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/client-suit-boutique-with-shopping-bags_7502-4397.jpg", imageAlt: "Fashion Model" },
{ imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150218026.jpg", imageAlt: "Luxury Wear" },
{ imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg", imageAlt: "Boutique Detail" }
]}
mediaAnimation="slide-up"
/>
</div>
<div id="womens" data-section="womens">
<ProductCardTwo
title="Colección Mujer"
description="Piezas seleccionadas con elegancia atemporal para resaltar tu estilo único."
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
products={[
{ id: "w1", brand: "Aura", name: "Blusa Seda Crema", price: "$140", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wearing-silk-blouse_23-2149176321.jpg" },
{ id: "w2", brand: "Aura", name: "Vestido Lino Natural", price: "$210", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/woman-summer-linen-dress_23-2148967402.jpg" },
{ id: "w3", brand: "Aura", name: "Falda Midi Estructurada", price: "$130", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-midi-skirt_23-2149123456.jpg" },
{ id: "w4", brand: "Aura", name: "Accesorios Perla", price: "$85", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/pearl-jewelry-set_23-2148956789.jpg" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Tradición y Estilo"
description="Nuestra boutique se dedica a curar piezas únicas. Combinamos la artesanía tradicional con tendencias contemporáneas para ofrecerte una experiencia de compra inigualable."
metrics={[
{
value: "15+",
title: "Años de experiencia",
},
{
value: "500+",
title: "Clientes satisfechos",
},
{
value: "100%",
title: "Calidad garantizada",
},
]}
metrics={[{ value: "15+", title: "Años de experiencia" }, { value: "500+", title: "Clientes satisfechos" }, { value: "100%", title: "Calidad garantizada" }]}
imageSrc="http://img.b2bpic.net/free-photo/workshop-is-full-work-by-tailors_329181-14375.jpg"
imageAlt="About Aura Couture"
mediaAnimation="blur-reveal"
@@ -117,33 +91,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Accesorios Premium",
descriptions: [
"Piezas hechas con cuero genuino y acabados de alta costura.",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-casual-wear-holding-purse_23-2147784098.jpg",
imageAlt: "Leather Accessory",
},
{
id: "f2",
title: "Perfumería Exclusiva",
descriptions: [
"Fragancias importadas seleccionadas por sus notas únicas.",
],
imageSrc: "http://img.b2bpic.net/free-photo/liquor-square-bottle_176474-6075.jpg",
imageAlt: "Perfume",
},
{
id: "f3",
title: "Relojería y Joyería",
descriptions: [
"Accesorios atemporales para complementar cualquier outfit.",
],
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg",
imageAlt: "Watch",
},
{ id: "f1", title: "Accesorios Premium", descriptions: ["Piezas hechas con cuero genuino y acabados de alta costura."], imageSrc: "http://img.b2bpic.net/free-photo/woman-casual-wear-holding-purse_23-2147784098.jpg", imageAlt: "Leather Accessory" },
{ id: "f2", title: "Perfumería Exclusiva", descriptions: ["Fragancias importadas seleccionadas por sus notas únicas."], imageSrc: "http://img.b2bpic.net/free-photo/liquor-square-bottle_176474-6075.jpg", imageAlt: "Perfume" },
{ id: "f3", title: "Relojería y Joyería", descriptions: ["Accesorios atemporales para complementar cualquier outfit."], imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg", imageAlt: "Watch" }
]}
title="Nuestra Selección"
description="Lo que nos hace únicos en el mercado de alta moda."
@@ -157,60 +107,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Aura",
name: "Camisa de Lujo Hombre",
price: "$120",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/blue-wedding-attire-groom-hanging-wall_8353-9801.jpg",
},
{
id: "p2",
brand: "Aura",
name: "Vestido de Noche Seda",
price: "$290",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9417.jpg",
},
{
id: "p3",
brand: "Aura",
name: "Botas de Piel",
price: "$180",
rating: 4,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/brown-shoe-with-rocks-broccoli_52683-94824.jpg",
},
{
id: "p4",
brand: "Essence",
name: "Perfume Oud Gold",
price: "$95",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-perfume_53876-42017.jpg",
},
{
id: "p5",
brand: "Aura",
name: "Bolso de Mano Elegante",
price: "$150",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/mannequin-art-studio_23-2147802017.jpg",
},
{
id: "p6",
brand: "Aura",
name: "Reloj Cronógrafo",
price: "$210",
rating: 5,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg",
},
{ id: "p1", brand: "Aura", name: "Camisa de Lujo Hombre", price: "$120", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/blue-wedding-attire-groom-hanging-wall_8353-9801.jpg" },
{ id: "p2", brand: "Aura", name: "Vestido de Noche Seda", price: "$290", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9417.jpg" },
{ id: "p3", brand: "Aura", name: "Botas de Piel", price: "$180", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/brown-shoe-with-rocks-broccoli_52683-94824.jpg" },
{ id: "p4", brand: "Essence", name: "Perfume Oud Gold", price: "$95", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/closeup-perfume_53876-42017.jpg" }
]}
title="Catálogo Destacado"
description="Piezas que definen tu carácter."
@@ -223,23 +123,7 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1000+",
description: "Productos vendidos",
},
{
id: "m2",
value: "20+",
description: "Marcas exclusivas",
},
{
id: "m3",
value: "4.9",
description: "Calificación promedio",
},
]}
metrics={[{ id: "m1", value: "1000+", description: "Productos vendidos" }, { id: "m2", value: "20+", description: "Marcas exclusivas" }, { id: "m3", value: "4.9", description: "Calificación promedio" }]}
title="Números que Cuentan Historias"
description="Confianza y calidad avalada por nuestro crecimiento."
/>
@@ -251,41 +135,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Ana García",
role: "Arquitecta",
testimonial: "La mejor selección de accesorios que he encontrado. Elegancia pura.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-mirror_1301-1468.jpg",
},
{
id: "t2",
name: "Carlos Ruíz",
role: "Consultor",
testimonial: "El perfume Oud es simplemente extraordinario. Muy recomendable.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-light-shirt-looking-front_197531-24030.jpg",
},
{
id: "t3",
name: "Elena Torres",
role: "Empresaria",
testimonial: "Calidad inigualable en todas sus piezas. Mi tienda favorita.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-watching-camera-straight-hair-blowed-by-wind_633478-1290.jpg",
},
{
id: "t4",
name: "Jorge Mendiola",
role: "Director Creativo",
testimonial: "Excelente servicio al cliente y productos excepcionales.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5924.jpg",
},
{
id: "t5",
name: "Lucía Fernández",
role: "Diseñadora",
testimonial: "Aura Couture redefine la moda de lujo en la ciudad.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-38845.jpg",
},
{ id: "t1", name: "Ana García", role: "Arquitecta", testimonial: "La mejor selección de accesorios que he encontrado. Elegancia pura.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-mirror_1301-1468.jpg" },
{ id: "t2", name: "Carlos Ruíz", role: "Consultor", testimonial: "El perfume Oud es simplemente extraordinario. Muy recomendable.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-light-shirt-looking-front_197531-24030.jpg" },
{ id: "t3", name: "Elena Torres", role: "Empresaria", testimonial: "Calidad inigualable en todas sus piezas. Mi tienda favorita.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-watching-camera-straight-hair-blowed-by-wind_633478-1290.jpg" }
]}
title="Lo que dicen nuestros clientes"
description="Historias de elegancia compartidas por nuestra comunidad."
@@ -296,23 +148,7 @@ export default function LandingPage() {
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "¿Tienen envíos a domicilio?",
content: "Sí, realizamos envíos seguros a toda la región.",
},
{
id: "q2",
title: "¿Puedo hacer cambios?",
content: "Ofrecemos garantía de satisfacción y cambios dentro de los primeros 15 días.",
},
{
id: "q3",
title: "¿Cómo es el empaque?",
content: "Todas nuestras piezas vienen en empaques premium listos para regalo.",
},
]}
faqs={[{ id: "q1", title: "¿Tienen envíos a domicilio?", content: "Sí, realizamos envíos seguros a toda la región." }, { id: "q2", title: "¿Puedo hacer cambios?", content: "Ofrecemos garantía de satisfacción y cambios dentro de los primeros 15 días." }, { id: "q3", title: "¿Cómo es el empaque?", content: "Todas nuestras piezas vienen en empaques premium listos para regalo." }]}
title="Preguntas Frecuentes"
description="Resolvemos todas tus dudas sobre nuestros productos."
faqsAnimation="slide-up"
@@ -325,50 +161,16 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
text="¿Listo para elevar tu estilo? Contáctanos hoy."
buttons={[
{
text: "WhatsApp",
href: "#",
},
]}
buttons={[{ text: "WhatsApp", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Aura Couture"
columns={[
{
title: "Tienda",
items: [
{
label: "Catálogo",
href: "#products",
},
{
label: "Perfumes",
href: "#products",
},
],
},
{
title: "Ayuda",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contacto",
href: "#contact",
},
],
},
]}
columns={[{ title: "Tienda", items: [{ label: "Catálogo", href: "#products" }, { label: "Perfumes", href: "#products" }] }, { title: "Ayuda", items: [{ label: "FAQ", href: "#faq" }, { label: "Contacto", href: "#contact" }] }]}
copyrightText="© 2024 Aura Couture."
/>
</div>