Merge version_1 into main #1
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Mascabo"
|
||||
/>
|
||||
@@ -51,42 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mascabo Pastelería Artesanal"
|
||||
description="El sabor de lo hecho en casa. Meriendas, desayunos y tortas personalizadas con amor."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Catálogo",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Ver Catálogo", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-adult-cutting-cake_23-2150154705.jpg",
|
||||
imageAlt: "Pastelería artesanal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-breakfast-table_53876-48736.jpg",
|
||||
imageAlt: "Variedad de facturas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097755.jpg",
|
||||
imageAlt: "Desayunos premium",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-rolling-out-dough-pouring-flour-dark-job-cuisine-oven-hotcake-dough-bake-cake-pie-worker-egg_179666-43915.jpg",
|
||||
imageAlt: "Tortas personalizadas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/counter-nice-cafe_23-2147791033.jpg",
|
||||
imageAlt: "Meriendas artesanales",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg",
|
||||
imageAlt: "Detalle de producción",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-adult-cutting-cake_23-2150154705.jpg", imageAlt: "Pastelería artesanal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/croissants-breakfast-table_53876-48736.jpg", imageAlt: "Variedad de facturas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097755.jpg", imageAlt: "Desayunos premium" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-rolling-out-dough-pouring-flour-dark-job-cuisine-oven-hotcake-dough-bake-cake-pie-worker-egg_179666-43915.jpg", imageAlt: "Tortas personalizadas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/counter-nice-cafe_23-2147791033.jpg", imageAlt: "Meriendas artesanales" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg", imageAlt: "Detalle de producción" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Esencia"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Años de Tradición",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Desayunos diarios",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
icon: Cake,
|
||||
label: "Tortas creadas",
|
||||
value: "1000+",
|
||||
},
|
||||
{ icon: Award, label: "Años de Tradición", value: "10+" },
|
||||
{ icon: Coffee, label: "Desayunos diarios", value: "200+" },
|
||||
{ icon: Cake, label: "Tortas creadas", value: "1000+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -121,20 +75,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Ingredientes procesados",
|
||||
"Producción masiva",
|
||||
"Conservantes artificiales",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Materia prima noble",
|
||||
"Hecho en el día",
|
||||
"Recetas tradicionales",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Ingredientes procesados", "Producción masiva", "Conservantes artificiales"] }}
|
||||
positiveCard={{ items: ["Materia prima noble", "Hecho en el día", "Recetas tradicionales"] }}
|
||||
title="Calidad vs. Industrial"
|
||||
description="Por qué elegir Mascabo frente a opciones industriales."
|
||||
/>
|
||||
@@ -147,42 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Torta Especial",
|
||||
price: "$12.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-sweet-cakes-wooden-board-with-burlap-high-quality-photo_114579-68033.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pan Artesanal",
|
||||
price: "$4.500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-holding-fresh-bread-hands_169016-6371.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Box Meriendas",
|
||||
price: "$8.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chocolate-cupcake-appetizing-chocolate-cupcake-tree-branches_140725-123076.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cupcake Artesanal",
|
||||
price: "$2.500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-squeezing-chocolate-cream-cake_23-2148395189.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tarta Frutal",
|
||||
price: "$7.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-delight-oriental-sweets_114579-11729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cookies Premium",
|
||||
price: "$3.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-cookies-with-confitures-dark-surface_140725-75011.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Torta Especial", price: "$12.000", imageSrc: "http://img.b2bpic.net/free-photo/various-sweet-cakes-wooden-board-with-burlap-high-quality-photo_114579-68033.jpg" },
|
||||
{ id: "p2", name: "Pan Artesanal", price: "$4.500", imageSrc: "http://img.b2bpic.net/free-photo/baker-holding-fresh-bread-hands_169016-6371.jpg" },
|
||||
{ id: "p3", name: "Box Meriendas", price: "$8.000", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chocolate-cupcake-appetizing-chocolate-cupcake-tree-branches_140725-123076.jpg" },
|
||||
{ id: "p4", name: "Cupcake Artesanal", price: "$2.500", imageSrc: "http://img.b2bpic.net/free-photo/female-squeezing-chocolate-cream-cake_23-2148395189.jpg" },
|
||||
{ id: "p5", name: "Tarta Frutal", price: "$7.000", imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-delight-oriental-sweets_114579-11729.jpg" },
|
||||
{ id: "p6", name: "Cookies Premium", price: "$3.000", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-cookies-with-confitures-dark-surface_140725-75011.jpg" },
|
||||
]}
|
||||
title="Nuestras Creaciones"
|
||||
description="Seleccionados para disfrutar en cada momento del día."
|
||||
@@ -195,57 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Popular",
|
||||
price: "$15.000",
|
||||
subtitle: "Desayuno Individual",
|
||||
features: [
|
||||
"Selección de pastelería",
|
||||
"Café premium",
|
||||
"Personalizado",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Eventos",
|
||||
price: "$45.000",
|
||||
subtitle: "Mesa Dulce Básica",
|
||||
features: [
|
||||
"Hasta 15 personas",
|
||||
"Variedad de tartas",
|
||||
"Entrega incluida",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Consultar",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "custom",
|
||||
badge: "Premium",
|
||||
price: "$80.000",
|
||||
subtitle: "Mesa Dulce Full",
|
||||
features: [
|
||||
"Hasta 30 personas",
|
||||
"Personalización total",
|
||||
"Diseño temático",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Consultar",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Popular", price: "$15.000", subtitle: "Desayuno Individual", features: ["Selección de pastelería", "Café premium", "Personalizado"], buttons: [{ text: "Reservar", href: "#contact" }] },
|
||||
{ id: "pro", badge: "Eventos", price: "$45.000", subtitle: "Mesa Dulce Básica", features: ["Hasta 15 personas", "Variedad de tartas", "Entrega incluida"], buttons: [{ text: "Consultar", href: "#contact" }] },
|
||||
{ id: "custom", badge: "Premium", price: "$80.000", subtitle: "Mesa Dulce Full", features: ["Hasta 30 personas", "Personalización total", "Diseño temático"], buttons: [{ text: "Consultar", href: "#contact" }] },
|
||||
]}
|
||||
title="Opciones de Servicio"
|
||||
description="Paquetes personalizados para tus eventos y desayunos."
|
||||
@@ -256,42 +120,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Lucía M.",
|
||||
handle: "@lucia",
|
||||
testimonial: "Las tortas personalizadas son increíbles y súper ricas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-sharing-donuts-cafe_637285-7948.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcos F.",
|
||||
handle: "@marcos",
|
||||
testimonial: "El mejor desayuno que probé, todo fresco y artesanal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-female-baker-standing-near-wooden-shelf-with-baked-breads_23-2148189126.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofía G.",
|
||||
handle: "@sofia",
|
||||
testimonial: "La atención es excelente y la calidad es insuperable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-bread-into-sunny-side-up-egg-cooked-copper-pan_140725-5277.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diego P.",
|
||||
handle: "@diego",
|
||||
testimonial: "Muy recomendados para eventos familiares.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-beautiful-africanamerican-woman-looking-with-tempted-smile-delicious-piece-cake-stand_1258-137638.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
handle: "@elena",
|
||||
testimonial: "¡Todo es delicioso! Se nota el amor en la cocina.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loaf-bread-female-hands-supermarket_169016-37692.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Lucía M.", handle: "@lucia", testimonial: "Las tortas personalizadas son increíbles y súper ricas.", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-sharing-donuts-cafe_637285-7948.jpg" },
|
||||
{ id: "t2", name: "Marcos F.", handle: "@marcos", testimonial: "El mejor desayuno que probé, todo fresco y artesanal.", imageSrc: "http://img.b2bpic.net/free-photo/confident-female-baker-standing-near-wooden-shelf-with-baked-breads_23-2148189126.jpg" },
|
||||
{ id: "t3", name: "Sofía G.", handle: "@sofia", testimonial: "La atención es excelente y la calidad es insuperable.", imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-bread-into-sunny-side-up-egg-cooked-copper-pan_140725-5277.jpg" },
|
||||
{ id: "t4", name: "Diego P.", handle: "@diego", testimonial: "Muy recomendados para eventos familiares.", imageSrc: "http://img.b2bpic.net/free-photo/image-beautiful-africanamerican-woman-looking-with-tempted-smile-delicious-piece-cake-stand_1258-137638.jpg" },
|
||||
{ id: "t5", name: "Elena R.", handle: "@elena", testimonial: "¡Todo es delicioso! Se nota el amor en la cocina.", imageSrc: "http://img.b2bpic.net/free-photo/loaf-bread-female-hands-supermarket_169016-37692.jpg" },
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Nuestros clientes disfrutan de la calidad artesanal."
|
||||
@@ -303,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Con cuánta anticipación pedir?",
|
||||
content: "Recomendamos al menos 48 horas para pedidos personalizados.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Realizan envíos?",
|
||||
content: "Sí, realizamos envíos en toda la zona.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Tienen opciones sin gluten?",
|
||||
content: "Contamos con una selección específica, consúltanos.",
|
||||
},
|
||||
{ id: "f1", title: "¿Con cuánta anticipación pedir?", content: "Recomendamos al menos 48 horas para pedidos personalizados." },
|
||||
{ id: "f2", title: "¿Realizan envíos?", content: "Sí, realizamos envíos en toda la zona." },
|
||||
{ id: "f3", title: "¿Tienen opciones sin gluten?", content: "Contamos con una selección específica, consúltanos." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de pedir."
|
||||
@@ -328,32 +151,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="¿Listo para un momento dulce?"
|
||||
description="Haz tu pedido hoy mismo. ¡Estaremos encantados de ayudarte!"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/123456789",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp", href: "https://wa.me/123456789" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Mascabo"
|
||||
leftLink={{
|
||||
text: "Política de Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Términos y Condiciones",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Política de Privacidad", href: "#" }}
|
||||
rightLink={{ text: "Términos y Condiciones", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user