bender/bd6ecd04-eb37-4ec3-9bcb-801e10d97d08
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-06-10 21:37:46 +00:00
parent 687d53e725
commit d331d3f938
1 changed files with 63 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -32,104 +32,63 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "#home",
},
name: "Inicio", id: "#home"},
{
name: "Producto",
id: "#product",
},
name: "Producto", id: "#product"},
{
name: "Beneficios",
id: "#features",
},
name: "Beneficios", id: "#features"},
{
name: "Opiniones",
id: "#testimonials",
},
name: "Opiniones", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contacto",
id: "#contact",
},
name: "Contacto", id: "#contact"},
]}
brandName="Aurore Beauty"
button={{
text: "Comprar Ahora",
href: "#product",
}}
text: "Comprar Ahora", href: "#product"}}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "plain",
}}
variant: "plain"}}
title="Aurore Beauty"
description="Descubre el secreto ancestral para una piel y cabello radiantes con nuestro Aceite de Cyperus Rotundus. Una formulación natural que nutre, revitaliza y embellece."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg",
alt: "Cliente satisfecha 1",
},
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg", alt: "Cliente satisfecha 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",
alt: "Cliente satisfecha 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", alt: "Cliente satisfecha 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-sensual-lesbian-woman-standing-kitchen_23-2148126736.jpg",
alt: "Cliente satisfecha 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-sensual-lesbian-woman-standing-kitchen_23-2148126736.jpg", alt: "Cliente satisfecha 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg",
alt: "Cliente satisfecha 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg", alt: "Cliente satisfecha 4"},
{
src: "http://img.b2bpic.net/free-photo/happy-smiling-attractive-model-plays-with-small-cute-straw-hat-isolated-white_633478-735.jpg",
alt: "Cliente satisfecha 5",
},
src: "http://img.b2bpic.net/free-photo/happy-smiling-attractive-model-plays-with-small-cute-straw-hat-isolated-white_633478-735.jpg", alt: "Cliente satisfecha 5"},
]}
avatarText="Más de 10.000 clientes satisfechos"
buttons={[
{
text: "Comprar Ahora",
href: "#product",
},
text: "Comprar Ahora", href: "#product"},
{
text: "Conoce más",
href: "#features",
},
text: "Conoce más", href: "#features"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/cannabis-oil-cbd-oil-cannabis-extract-medical-cannabis-concept_1150-13453.jpg",
alt: "Aceite de Cyperus Rotundus",
type: "image", src: "http://img.b2bpic.net/free-photo/cannabis-oil-cbd-oil-cannabis-extract-medical-cannabis-concept_1150-13453.jpg", alt: "Aceite de Cyperus Rotundus"},
{
type: "text-icon", text: "Natural & Puro", icon: Leaf,
},
{
type: "text-icon",
text: "Natural & Puro",
icon: Leaf,
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-wooden-spoons-with-plants_23-2149339710.jpg", alt: "Ingredientes naturales"},
{
type: "text-icon", text: "Piel Radiante", icon: Sparkles,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-wooden-spoons-with-plants_23-2149339710.jpg",
alt: "Ingredientes naturales",
},
{
type: "text-icon",
text: "Piel Radiante",
icon: Sparkles,
},
{
type: "text-icon",
text: "Cabello Fuerte",
icon: Feather,
type: "text-icon", text: "Cabello Fuerte", icon: Feather,
},
]}
/>
@@ -146,26 +105,17 @@ export default function LandingPage() {
description="El Aceite de Cyperus Rotundus de Aurore Beauty es un elixir milenario, extraído cuidadosamente de la raíz de la planta de Cyperus Rotundus. Reconocido por sus propiedades antioxidantes y regenerativas, este aceite puro es ideal para revitalizar la piel y fortalecer el cabello. Su textura ligera se absorbe rápidamente, dejando una sensación sedosa y un aroma sutilmente herbáceo. Transforma tu rutina de belleza con este tesoro natural."
images={[
{
src: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg",
alt: "Aceite de Cyperus Rotundus presentación",
},
src: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg", alt: "Aceite de Cyperus Rotundus presentación"},
{
src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420678.jpg",
alt: "Detalle del frasco de aceite",
},
src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420678.jpg", alt: "Detalle del frasco de aceite"},
{
src: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992085.jpg",
alt: "Aceite con hierbas de Cyperus Rotundus",
},
src: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992085.jpg", alt: "Aceite con hierbas de Cyperus Rotundus"},
{
src: "http://img.b2bpic.net/free-photo/assortment-tumbler-with-copy-space_23-2149029271.jpg",
alt: "Aplicación del aceite de Cyperus Rotundus",
},
src: "http://img.b2bpic.net/free-photo/assortment-tumbler-with-copy-space_23-2149029271.jpg", alt: "Aplicación del aceite de Cyperus Rotundus"},
]}
buttons={[
{
text: "Añadir al Carrito",
onClick: "() => console.log('Añadir al carrito')",
text: "Añadir al Carrito", onClick: () => console.log('Añadir al carrito'),
},
]}
/>
@@ -178,20 +128,11 @@ export default function LandingPage() {
description="Descubre cómo el Aceite de Cyperus Rotundus transformará tu rutina de belleza con sus propiedades únicas."
accordionItems={[
{
id: "1",
title: "Ingredientes Puros",
content: "Nuestro aceite está 100% puro, prensado en frío para conservar todos sus nutrientes. Rico en ácidos grasos esenciales y vitaminas, es libre de químicos y aditivos. La raíz de Cyperus Rotundus es conocida por sus propiedades antiinflamatorias y antioxidantes.",
},
id: "1", title: "Ingredientes Puros", content: "Nuestro aceite está 100% puro, prensado en frío para conservar todos sus nutrientes. Rico en ácidos grasos esenciales y vitaminas, es libre de químicos y aditivos. La raíz de Cyperus Rotundus es conocida por sus propiedades antiinflamatorias y antioxidantes."},
{
id: "2",
title: "Piel Radiante y Saludable",
content: "Aplícalo diariamente para hidratar profundamente, mejorar la elasticidad y reducir la aparición de líneas finas. Ayuda a unificar el tono de la piel y aporta un brillo natural, dejando tu rostro suave y revitalizado.",
},
id: "2", title: "Piel Radiante y Saludable", content: "Aplícalo diariamente para hidratar profundamente, mejorar la elasticidad y reducir la aparición de líneas finas. Ayuda a unificar el tono de la piel y aporta un brillo natural, dejando tu rostro suave y revitalizado."},
{
id: "3",
title: "Cabello Fuerte y Brillante",
content: "Masajea unas gotas en el cuero cabelludo para fortalecer las raíces y estimular el crecimiento. Úsalo como mascarilla capilar para nutrir las puntas, reducir el encrespamiento y dejar tu cabello con un brillo espectacular y una suavidad inigualable.",
},
id: "3", title: "Cabello Fuerte y Brillante", content: "Masajea unas gotas en el cuero cabelludo para fortalecer las raíces y estimular el crecimiento. Úsalo como mascarilla capilar para nutrir las puntas, reducir el encrespamiento y dejar tu cabello con un brillo espectacular y una suavidad inigualable."},
]}
imageSrc="http://img.b2bpic.net/free-photo/spa-treatment-arrangement-cosmetics-flat-lay_23-2148645505.jpg"
imageAlt="Ingredientes naturales del aceite de Cyperus Rotundus"
@@ -207,29 +148,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Natural",
description: "Ingredientes de origen natural, sin aditivos ni conservantes.",
imageSrc: "http://img.b2bpic.net/free-vector/two-outline-leaves_78370-6765.jpg",
imageAlt: "Icono de hoja natural",
},
id: "m1", value: "100%", title: "Natural", description: "Ingredientes de origen natural, sin aditivos ni conservantes.", imageSrc: "http://img.b2bpic.net/free-vector/two-outline-leaves_78370-6765.jpg", imageAlt: "Icono de hoja natural"},
{
id: "m2",
value: "24h",
title: "Hidratación",
description: "Mantiene tu piel profundamente hidratada durante todo el día.",
imageSrc: "http://img.b2bpic.net/free-photo/sparkle-dark-tranquil-sparkling-effect_1123-108.jpg",
imageAlt: "Icono de gota de agua",
},
id: "m2", value: "24h", title: "Hidratación", description: "Mantiene tu piel profundamente hidratada durante todo el día.", imageSrc: "http://img.b2bpic.net/free-photo/sparkle-dark-tranquil-sparkling-effect_1123-108.jpg", imageAlt: "Icono de gota de agua"},
{
id: "m3",
value: "+50%",
title: "Piel Radiante",
description: "Clientes reportan una piel más luminosa y con menos imperfecciones.",
imageSrc: "http://img.b2bpic.net/free-photo/red-blue-abstract-texture_1017-5611.jpg",
imageAlt: "Icono de brillo",
},
id: "m3", value: "+50%", title: "Piel Radiante", description: "Clientes reportan una piel más luminosa y con menos imperfecciones.", imageSrc: "http://img.b2bpic.net/free-photo/red-blue-abstract-texture_1017-5611.jpg", imageAlt: "Icono de brillo"},
]}
title="Nuestro Compromiso con la Belleza Natural"
description="Valores que guían cada gota de nuestro Aceite de Cyperus Rotundus."
@@ -244,59 +167,23 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sofía G.",
role: "Entusiasta de la Belleza",
company: "Madrid",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
imageAlt: "Sofía G.",
},
id: "1", name: "Sofía G.", role: "Entusiasta de la Belleza", company: "Madrid", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", imageAlt: "Sofía G."},
{
id: "2",
name: "Carlos M.",
role: "Estilista Profesional",
company: "Barcelona",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-teenage-girl-pink-tshirt_176420-32034.jpg",
imageAlt: "Carlos M.",
},
id: "2", name: "Carlos M.", role: "Estilista Profesional", company: "Barcelona", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-teenage-girl-pink-tshirt_176420-32034.jpg", imageAlt: "Carlos M."},
{
id: "3",
name: "Elena P.",
role: "Cosmetóloga",
company: "Valencia",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-care-routine-streaming_23-2148860619.jpg",
imageAlt: "Elena P.",
},
id: "3", name: "Elena P.", role: "Cosmetóloga", company: "Valencia", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-care-routine-streaming_23-2148860619.jpg", imageAlt: "Elena P."},
{
id: "4",
name: "Juan R.",
role: "Influencer de Vida Saludable",
company: "Sevilla",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-emotional-woman-pink-shirt-stylish-sunglasses-white-teeth-positive-posing-isolated-long-hair_285396-4508.jpg",
imageAlt: "Juan R.",
},
id: "4", name: "Juan R.", role: "Influencer de Vida Saludable", company: "Sevilla", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-emotional-woman-pink-shirt-stylish-sunglasses-white-teeth-positive-posing-isolated-long-hair_285396-4508.jpg", imageAlt: "Juan R."},
{
id: "5",
name: "Ana L.",
role: "Amante de lo Orgánico",
company: "Bilbao",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-glass-red-wine-corks-around-white-decorated-with-leaves-flower-petals-with-copy-space-1_141793-6598.jpg",
imageAlt: "Ana L.",
},
id: "5", name: "Ana L.", role: "Amante de lo Orgánico", company: "Bilbao", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-glass-red-wine-corks-around-white-decorated-with-leaves-flower-petals-with-copy-space-1_141793-6598.jpg", imageAlt: "Ana L."},
{
id: "6",
name: "Laura S.",
role: "Experta en Skincare",
company: "Málaga",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121939.jpg",
imageAlt: "Laura S.",
},
id: "6", name: "Laura S.", role: "Experta en Skincare", company: "Málaga", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121939.jpg", imageAlt: "Laura S."},
]}
title="Lo que dicen nuestros clientes"
description="Historias reales de transformación y satisfacción con Aurore Beauty."
@@ -308,20 +195,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "¿Cómo se usa el Aceite de Cyperus Rotundus?",
content: "Para la piel: Aplica unas gotas sobre el rostro limpio y masajea suavemente hasta su total absorción. Para el cabello: Masajea en el cuero cabelludo antes de lavar o aplica en las puntas secas para nutrirlas.",
},
id: "q1", title: "¿Cómo se usa el Aceite de Cyperus Rotundus?", content: "Para la piel: Aplica unas gotas sobre el rostro limpio y masajea suavemente hasta su total absorción. Para el cabello: Masajea en el cuero cabelludo antes de lavar o aplica en las puntas secas para nutrirlas."},
{
id: "q2",
title: "¿Es apto para todo tipo de piel?",
content: "Sí, nuestro Aceite de Cyperus Rotundus es 100% natural y ha sido formulado para ser suave y efectivo en todo tipo de piel, incluyendo las sensibles. Recomendamos realizar una prueba en una pequeña zona antes de su uso regular.",
},
id: "q2", title: "¿Es apto para todo tipo de piel?", content: "Sí, nuestro Aceite de Cyperus Rotundus es 100% natural y ha sido formulado para ser suave y efectivo en todo tipo de piel, incluyendo las sensibles. Recomendamos realizar una prueba en una pequeña zona antes de su uso regular."},
{
id: "q3",
title: "¿Con qué frecuencia debo usarlo?",
content: "Para obtener los mejores resultados, recomendamos usarlo diariamente en tu rutina de día y/o noche para la piel. Para el cabello, puedes usarlo 2-3 veces por semana como tratamiento o unas gotas diarias en las puntas.",
},
id: "q3", title: "¿Con qué frecuencia debo usarlo?", content: "Para obtener los mejores resultados, recomendamos usarlo diariamente en tu rutina de día y/o noche para la piel. Para el cabello, puedes usarlo 2-3 veces por semana como tratamiento o unas gotas diarias en las puntas."},
]}
sideTitle="Preguntas Frecuentes"
sideDescription="¿Tienes dudas? Aquí resolvemos las preguntas más comunes sobre nuestro Aceite de Cyperus Rotundus."
@@ -337,28 +215,17 @@ export default function LandingPage() {
description="Estamos aquí para ayudarte. Rellena el formulario y nos pondremos en contacto contigo lo antes posible."
inputs={[
{
name: "name",
type: "text",
placeholder: "Tu Nombre Completo",
required: true,
name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true,
},
{
name: "email",
type: "email",
placeholder: "Tu Correo Electrónico",
required: true,
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Número de Teléfono (opcional)",
required: false,
name: "phone", type: "tel", placeholder: "Número de Teléfono (opcional)", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Tu Mensaje",
rows: 4,
name: "message", placeholder: "Tu Mensaje", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/pencil-paper-clipboard-near-plant-twig-cup_23-2148037038.jpg"
@@ -379,50 +246,31 @@ export default function LandingPage() {
logoText="Aurore Beauty"
columns={[
{
title: "Producto",
items: [
title: "Producto", items: [
{
label: "Aceite Cyperus Rotundus",
href: "#product",
},
label: "Aceite Cyperus Rotundus", href: "#product"},
{
label: "Beneficios",
href: "#features",
},
label: "Beneficios", href: "#features"},
{
label: "Uso",
href: "#features",
},
label: "Uso", href: "#features"},
],
},
{
title: "Compañía",
items: [
title: "Compañía", items: [
{
label: "Opiniones",
href: "#testimonials",
},
label: "Opiniones", href: "#testimonials"},
{
label: "Preguntas Frecuentes",
href: "#faq",
},
label: "Preguntas Frecuentes", href: "#faq"},
{
label: "Contacto",
href: "#contact",
},
label: "Contacto", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Política de Privacidad",
href: "#",
},
label: "Política de Privacidad", href: "#"},
{
label: "Términos de Servicio",
href: "#",
},
label: "Términos de Servicio", href: "#"},
],
},
]}