diff --git a/src/app/page.tsx b/src/app/page.tsx index a9a077f..591fe35 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,104 +32,63 @@ export default function LandingPage() {
@@ -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: "#"}, ], }, ]}