Merge version_1 into main #1
222
src/app/page.tsx
222
src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Productos", id: "product" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Nuvéa"
|
||||
button={{ text: "Comprar ahora", href: "#product" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,36 +46,16 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="El placer del chocolate con balance total"
|
||||
description="Nuvéa redefine el chocolate premium: alto cacao, ingredientes funcionales y la nutrición que tu estilo de vida activo exige. Disfruta sin compromisos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Conoce Nuvéa",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Conoce Nuvéa", href: "#product" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/valentines-day-chocolates-satin-with-present_23-2148389656.jpg"
|
||||
imageAlt="Barra de chocolate premium Nuvéa"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleasant-woman-holding-trench-coat_197531-19750.jpg",
|
||||
alt: "Pleasant woman holding trench coat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-middle-aged-man-portrait_23-2149051756.jpg",
|
||||
alt: "Handsome middle aged man portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-beige-turtleneck-glasses-looking-front-smiling-cheerfully-showing-v-sign-with-both-hands-standing-pink-wall_141793-52862.jpg",
|
||||
alt: "Happy young handsome man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glamorous-woman-trench-coat-laughing-with-closed-eyes_197531-19716.jpg",
|
||||
alt: "Glamorous woman in trench coat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hispanic-man-stretching-arm-after-working-out-outdoors-sunny-day_839833-30093.jpg",
|
||||
alt: "Hispanic man stretching arm",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleasant-woman-holding-trench-coat_197531-19750.jpg", alt: "Pleasant woman holding trench coat" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-middle-aged-man-portrait_23-2149051756.jpg", alt: "Handsome middle aged man portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-beige-turtleneck-glasses-looking-front-smiling-cheerfully-showing-v-sign-with-both-hands-standing-pink-wall_141793-52862.jpg", alt: "Happy young handsome man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glamorous-woman-trench-coat-laughing-with-closed-eyes_197531-19716.jpg", alt: "Glamorous woman in trench coat" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hispanic-man-stretching-arm-after-working-out-outdoors-sunny-day_839833-30093.jpg", alt: "Hispanic man stretching arm" },
|
||||
]}
|
||||
avatarText="+2,000 clientes satisfechos"
|
||||
/>
|
||||
@@ -95,16 +64,7 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Chocolate inteligente para ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "personas conscientes",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "Chocolate inteligente para " }, { type: "text", content: "personas conscientes" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,48 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cacao Puro",
|
||||
price: "$70 MXN",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-ingredients-muffins_23-2148258733.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cacao + Frutos Rojos",
|
||||
price: "$75 MXN",
|
||||
variant: "Antioxidante",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-chocolate-bowls-dried-flowers-around-it-grey_140725-52789.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cacao + Menta",
|
||||
price: "$75 MXN",
|
||||
variant: "Refrescante",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-pan-full-sliced-chocolates-marble-background-high-quality-photo_114579-67933.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cacao + Proteína",
|
||||
price: "$80 MXN",
|
||||
variant: "Funcional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muesli-bar-wooden-table_123827-32689.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cacao + Almendras",
|
||||
price: "$80 MXN",
|
||||
variant: "Energético",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-chocolate-arrangement_23-2148337559.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cacao + Semillas",
|
||||
price: "$75 MXN",
|
||||
variant: "Equilibrado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/almond-sesame-energy-bars-white-background_23-2147906627.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Cacao Puro", price: "$70 MXN", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-ingredients-muffins_23-2148258733.jpg" },
|
||||
{ id: "p2", name: "Cacao + Frutos Rojos", price: "$75 MXN", variant: "Antioxidante", imageSrc: "http://img.b2bpic.net/free-photo/plate-chocolate-bowls-dried-flowers-around-it-grey_140725-52789.jpg" },
|
||||
{ id: "p3", name: "Cacao + Menta", price: "$75 MXN", variant: "Refrescante", imageSrc: "http://img.b2bpic.net/free-photo/dark-pan-full-sliced-chocolates-marble-background-high-quality-photo_114579-67933.jpg" },
|
||||
{ id: "p4", name: "Cacao + Proteína", price: "$80 MXN", variant: "Funcional", imageSrc: "http://img.b2bpic.net/free-photo/muesli-bar-wooden-table_123827-32689.jpg" },
|
||||
{ id: "p5", name: "Cacao + Almendras", price: "$80 MXN", variant: "Energético", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-chocolate-arrangement_23-2148337559.jpg" },
|
||||
{ id: "p6", name: "Cacao + Semillas", price: "$75 MXN", variant: "Equilibrado", imageSrc: "http://img.b2bpic.net/free-photo/almond-sesame-energy-bars-white-background_23-2147906627.jpg" },
|
||||
]}
|
||||
title="Nuestras presentaciones"
|
||||
description="Elige tu combinación favorita de cacao premium."
|
||||
@@ -169,21 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bajo en Azúcar",
|
||||
description: "Endulzado naturalmente con Stevia y Monk Fruit.",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Alto Cacao",
|
||||
description: "70% a 90% cacao premium para máxima calidad.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Funcional",
|
||||
description: "Enriquecido con proteína y antioxidantes.",
|
||||
icon: Zap,
|
||||
},
|
||||
{ title: "Bajo en Azúcar", description: "Endulzado naturalmente con Stevia y Monk Fruit.", icon: Leaf },
|
||||
{ title: "Alto Cacao", description: "70% a 90% cacao premium para máxima calidad.", icon: Award },
|
||||
{ title: "Funcional", description: "Enriquecido con proteína y antioxidantes.", icon: Zap },
|
||||
]}
|
||||
title="Por qué elegir Nuvéa"
|
||||
description="Mucho más que un snack: una experiencia de bienestar."
|
||||
@@ -196,33 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "9g",
|
||||
title: "Proteína",
|
||||
items: [
|
||||
"Alta calidad",
|
||||
"Vegetal",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2g",
|
||||
title: "Azúcar",
|
||||
items: [
|
||||
"Muy bajo",
|
||||
"Natural",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "6g",
|
||||
title: "Fibra",
|
||||
items: [
|
||||
"Gran saciedad",
|
||||
"Digestión",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "9g", title: "Proteína", items: ["Alta calidad", "Vegetal"] },
|
||||
{ id: "m2", value: "2g", title: "Azúcar", items: ["Muy bajo", "Natural"] },
|
||||
{ id: "m3", value: "6g", title: "Fibra", items: ["Gran saciedad", "Digestión"] },
|
||||
]}
|
||||
title="Nutrición con propósito"
|
||||
description="Nuestros estándares de calidad y salud."
|
||||
@@ -235,41 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena V.",
|
||||
handle: "@elena_fit",
|
||||
testimonial: "El sabor es increíble y no siento culpa al comerlo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149213195.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carlos M.",
|
||||
handle: "@carlos_runner",
|
||||
testimonial: "Es el snack perfecto para mis sesiones de entrenamiento.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ana S.",
|
||||
handle: "@anastyle",
|
||||
testimonial: "Gran calidad, se nota la diferencia del cacao puro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5402.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luis D.",
|
||||
handle: "@luis_wellness",
|
||||
testimonial: "Por fin un chocolate delicioso y bajo en azúcar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-man-standing-room-white-shirt_1157-13679.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia G.",
|
||||
handle: "@sofia_yoga",
|
||||
testimonial: "Me encanta el equilibrio entre sabor y nutrición.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fitness-girl-doing-yoga-rubber-mat-home-workout-indoors-kitchen-wearing_1258-200203.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena V.", handle: "@elena_fit", testimonial: "El sabor es increíble y no siento culpa al comerlo.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149213195.jpg" },
|
||||
{ id: "t2", name: "Carlos M.", handle: "@carlos_runner", testimonial: "Es el snack perfecto para mis sesiones de entrenamiento.", imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg" },
|
||||
{ id: "t3", name: "Ana S.", handle: "@anastyle", testimonial: "Gran calidad, se nota la diferencia del cacao puro.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5402.jpg" },
|
||||
{ id: "t4", name: "Luis D.", handle: "@luis_wellness", testimonial: "Por fin un chocolate delicioso y bajo en azúcar.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-man-standing-room-white-shirt_1157-13679.jpg" },
|
||||
{ id: "t5", name: "Sofia G.", handle: "@sofia_yoga", testimonial: "Me encanta el equilibrio entre sabor y nutrición.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fitness-girl-doing-yoga-rubber-mat-home-workout-indoors-kitchen-wearing_1258-200203.jpg" },
|
||||
]}
|
||||
title="Historias de bienestar"
|
||||
description="Lo que dicen nuestros clientes sobre Nuvéa."
|
||||
@@ -281,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Es apto para diabéticos?",
|
||||
content: "Sí, nuestros endulzantes naturales tienen bajo índice glucémico.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Contiene lácteos?",
|
||||
content: "Nuestra fórmula es apta para diversos estilos de vida, libre de lácteos.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Dónde se produce?",
|
||||
content: "Seleccionamos cacao de la más alta calidad internacional.",
|
||||
},
|
||||
{ id: "q1", title: "¿Es apto para diabéticos?", content: "Sí, nuestros endulzantes naturales tienen bajo índice glucémico." },
|
||||
{ id: "q2", title: "¿Contiene lácteos?", content: "Nuestra fórmula es apta para diversos estilos de vida, libre de lácteos." },
|
||||
{ id: "q3", title: "¿Dónde se produce?", content: "Seleccionamos cacao de la más alta calidad internacional." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber sobre Nuvéa."
|
||||
@@ -306,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contacto"
|
||||
title="Mantente informado"
|
||||
description="Recibe novedades y ofertas exclusivas de Nuvéa."
|
||||
|
||||
Reference in New Issue
Block a user