Merge version_1 into main #1
269
src/app/page.tsx
269
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menú", id: "products"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "GraniPuntos",
|
||||
id: "features",
|
||||
},
|
||||
name: "GraniPuntos", id: "features"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="GRANIFOOD"
|
||||
/>
|
||||
@@ -59,41 +49,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Sabores Gourmet que Superan Expectativas"
|
||||
description="La experiencia digital de comida rápida que Cali merece. Pide directo, acumula puntos y disfruta sin esperas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Menú", href: "#products"},
|
||||
{
|
||||
text: "Pedir Ahora",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Pedir Ahora", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-menu-composition_23-2148614045.jpg",
|
||||
imageAlt: "Gourmet Burger",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-food-cutting-board_23-2148287542.jpg",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dogs-arrangement-high-angle_23-2148768189.jpg",
|
||||
imageAlt: "Hot Dog",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-burger-with-egg-copy-space_23-2148678845.jpg",
|
||||
imageAlt: "Burger Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259749.jpg",
|
||||
imageAlt: "Burger Process",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-menu-composition_23-2148614045.jpg", imageAlt: "Gourmet Burger" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-food-cutting-board_23-2148287542.jpg", imageAlt: "Ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dogs-arrangement-high-angle_23-2148768189.jpg", imageAlt: "Hot Dog" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-burger-with-egg-copy-space_23-2148678845.jpg", imageAlt: "Burger Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259749.jpg", imageAlt: "Burger Process" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,17 +77,11 @@ export default function LandingPage() {
|
||||
description="GRANIFOOD nació del amor por la calidad artesanal y el servicio personalizado. Nos mueve la pasión por ofrecer sabores auténticos y experiencias digitales diseñadas para tu comodidad."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Calidad Gourmet",
|
||||
description: "Ingredientes frescos seleccionados cuidadosamente para cada plato.",
|
||||
},
|
||||
title: "Calidad Gourmet", description: "Ingredientes frescos seleccionados cuidadosamente para cada plato."},
|
||||
{
|
||||
title: "Atención Personalizada",
|
||||
description: "Un ambiente cálido donde el cliente es nuestra prioridad.",
|
||||
},
|
||||
title: "Atención Personalizada", description: "Un ambiente cálido donde el cliente es nuestra prioridad."},
|
||||
{
|
||||
title: "Innovación Digital",
|
||||
description: "Plataforma propia para pedidos sin comisiones ni intermediarios.",
|
||||
},
|
||||
title: "Innovación Digital", description: "Plataforma propia para pedidos sin comisiones ni intermediarios."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hotel-interior_1203-8505.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -131,35 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Programa GraniPuntos",
|
||||
author: "Lealtad",
|
||||
description: "Acumula puntos con cada compra y canjéalos por tus productos favoritos.",
|
||||
tags: [
|
||||
"Fidelización",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-product-card-template_23-2149645995.jpg",
|
||||
},
|
||||
id: "f1", title: "Programa GraniPuntos", author: "Lealtad", description: "Acumula puntos con cada compra y canjéalos por tus productos favoritos.", tags: [
|
||||
"Fidelización"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-product-card-template_23-2149645995.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Pedidos en Tiempo Real",
|
||||
author: "Agilidad",
|
||||
description: "Sigue tu pedido desde cocina hasta la mesa o la puerta de tu casa.",
|
||||
tags: [
|
||||
"Tecnología",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easy-wireless-yechnology-payment_23-2149105165.jpg",
|
||||
},
|
||||
id: "f2", title: "Pedidos en Tiempo Real", author: "Agilidad", description: "Sigue tu pedido desde cocina hasta la mesa o la puerta de tu casa.", tags: [
|
||||
"Tecnología"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easy-wireless-yechnology-payment_23-2149105165.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Pagos Seguros",
|
||||
author: "Conveniencia",
|
||||
description: "Paga con Nequi, PSE, tarjetas o efectivo directamente desde nuestra app.",
|
||||
tags: [
|
||||
"Pagos",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114028.jpg",
|
||||
},
|
||||
id: "f3", title: "Pagos Seguros", author: "Conveniencia", description: "Paga con Nequi, PSE, tarjetas o efectivo directamente desde nuestra app.", tags: [
|
||||
"Pagos"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114028.jpg"},
|
||||
]}
|
||||
title="La Revolución Digital de GRANIFOOD"
|
||||
description="Diseñamos una plataforma pensada en tus necesidades: agilidad, recompensas y sabor real."
|
||||
@@ -170,44 +116,21 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hamburguesa Artesanal",
|
||||
price: "$32.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-pickles-cutting-board_23-2148784497.jpg",
|
||||
},
|
||||
id: "p1", name: "Hamburguesa Artesanal", price: "$32.000", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-pickles-cutting-board_23-2148784497.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Perro Gourmet",
|
||||
price: "$28.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fried-potato-menu-served-with-different-flavors_140725-114393.jpg",
|
||||
},
|
||||
id: "p2", name: "Perro Gourmet", price: "$28.000", imageSrc: "http://img.b2bpic.net/free-photo/french-fried-potato-menu-served-with-different-flavors_140725-114393.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Desgranado Especial",
|
||||
price: "$26.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg",
|
||||
},
|
||||
id: "p3", name: "Desgranado Especial", price: "$26.000", imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Combo Familiar",
|
||||
price: "$85.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291677.jpg",
|
||||
},
|
||||
id: "p4", name: "Combo Familiar", price: "$85.000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291677.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Arepa Artesanal",
|
||||
price: "$24.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-food-arrangement_23-2148708235.jpg",
|
||||
},
|
||||
id: "p5", name: "Arepa Artesanal", price: "$24.000", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-food-arrangement_23-2148708235.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hamburguesa Doble",
|
||||
price: "$38.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg",
|
||||
},
|
||||
id: "p6", name: "Hamburguesa Doble", price: "$38.000", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg"},
|
||||
]}
|
||||
title="Nuestro Menú Gourmet"
|
||||
description="Deléitate con nuestra selección de hamburguesas, perros y desgranados artesanales."
|
||||
@@ -221,20 +144,11 @@ export default function LandingPage() {
|
||||
tag="Nuestro Impacto"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.000+",
|
||||
description: "Usuarios registrados",
|
||||
},
|
||||
id: "m1", value: "2.000+", description: "Usuarios registrados"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7★",
|
||||
description: "Calificación Google Maps",
|
||||
},
|
||||
id: "m2", value: "4.7★", description: "Calificación Google Maps"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "70+",
|
||||
description: "NPS de satisfacción",
|
||||
},
|
||||
id: "m3", value: "70+", description: "NPS de satisfacción"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -246,55 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sebastián D.",
|
||||
date: "12 Abril 2026",
|
||||
title: "Foodie",
|
||||
quote: "La app es increíble, por fin puedo pedir mis hamburguesas sin filas.",
|
||||
tag: "Excelente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-sitting-cafe-holding-coffee-cup-hand_23-2148148128.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-soup-concept-healthy-food-healthy-nutrition_185193-162790.jpg",
|
||||
},
|
||||
id: "t1", name: "Sebastián D.", date: "12 Abril 2026", title: "Foodie", quote: "La app es increíble, por fin puedo pedir mis hamburguesas sin filas.", tag: "Excelente", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-sitting-cafe-holding-coffee-cup-hand_23-2148148128.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-soup-concept-healthy-food-healthy-nutrition_185193-162790.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carolina M.",
|
||||
date: "10 Abril 2026",
|
||||
title: "Mamá",
|
||||
quote: "El sistema de reservas me facilita las salidas familiares en el norte.",
|
||||
tag: "Recomendado",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-lamb-potato-shoestrings-served-flatbread-crust_140725-5818.jpg",
|
||||
},
|
||||
id: "t2", name: "Carolina M.", date: "10 Abril 2026", title: "Mamá", quote: "El sistema de reservas me facilita las salidas familiares en el norte.", tag: "Recomendado", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fried-lamb-potato-shoestrings-served-flatbread-crust_140725-5818.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Andrés P.",
|
||||
date: "08 Abril 2026",
|
||||
title: "Oficinista",
|
||||
quote: "La mejor forma de almorzar rápido y con calidad en mi horario laboral.",
|
||||
tag: "Rápido",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-seafood-salad-with-sauce-modern-presentation-restaurant-food_8353-7020.jpg",
|
||||
},
|
||||
id: "t3", name: "Andrés P.", date: "08 Abril 2026", title: "Oficinista", quote: "La mejor forma de almorzar rápido y con calidad en mi horario laboral.", tag: "Rápido", avatarSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plate-seafood-salad-with-sauce-modern-presentation-restaurant-food_8353-7020.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lucía G.",
|
||||
date: "05 Abril 2026",
|
||||
title: "Fan",
|
||||
quote: "GraniPuntos son geniales, ya canjeé mi primera hamburguesa gratis.",
|
||||
tag: "Lealtad",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321841.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-rustic-bun-with-fries-generative-ai_188544-36959.jpg",
|
||||
},
|
||||
id: "t4", name: "Lucía G.", date: "05 Abril 2026", title: "Fan", quote: "GraniPuntos son geniales, ya canjeé mi primera hamburguesa gratis.", tag: "Lealtad", avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321841.jpg", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-rustic-bun-with-fries-generative-ai_188544-36959.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Carlos R.",
|
||||
date: "01 Abril 2026",
|
||||
title: "Foodie",
|
||||
quote: "La calidad de los ingredientes es insuperable en Cali.",
|
||||
tag: "Calidad",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-gingerbread-blurred-background-with-bokeh_169016-24845.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
|
||||
},
|
||||
id: "t5", name: "Carlos R.", date: "01 Abril 2026", title: "Foodie", quote: "La calidad de los ingredientes es insuperable en Cali.", tag: "Calidad", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-gingerbread-blurred-background-with-bokeh_169016-24845.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg"},
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="La experiencia GRANIFOOD trasciende el sabor."
|
||||
@@ -306,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cómo uso mis GraniPuntos?",
|
||||
content: "Desde tu perfil en la app podrás ver tus puntos acumulados y canjearlos en el checkout.",
|
||||
},
|
||||
id: "q1", title: "¿Cómo uso mis GraniPuntos?", content: "Desde tu perfil en la app podrás ver tus puntos acumulados y canjearlos en el checkout."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Puedo reservar mesa?",
|
||||
content: "Sí, desde la app puedes reservar para grupos de más de 4 personas.",
|
||||
},
|
||||
id: "q2", title: "¿Puedo reservar mesa?", content: "Sí, desde la app puedes reservar para grupos de más de 4 personas."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Qué métodos de pago aceptan?",
|
||||
content: "Aceptamos Nequi, PSE, tarjetas de crédito y efectivo.",
|
||||
},
|
||||
id: "q3", title: "¿Qué métodos de pago aceptan?", content: "Aceptamos Nequi, PSE, tarjetas de crédito y efectivo."},
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos tus dudas sobre nuestra plataforma."
|
||||
@@ -331,14 +196,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="¡Vive la experiencia GRANIFOOD hoy mismo! Pide directo, acumula recompensas y saborea la diferencia."
|
||||
buttons={[
|
||||
{
|
||||
text: "Descargar App",
|
||||
href: "#",
|
||||
},
|
||||
text: "Descargar App", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -349,50 +211,31 @@ export default function LandingPage() {
|
||||
logoText="GRANIFOOD"
|
||||
columns={[
|
||||
{
|
||||
title: "Menú",
|
||||
items: [
|
||||
title: "Menú", items: [
|
||||
{
|
||||
label: "Hamburguesas",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Hamburguesas", href: "#products"},
|
||||
{
|
||||
label: "Perros",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Perros", href: "#products"},
|
||||
{
|
||||
label: "Desgranados",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Desgranados", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
{
|
||||
label: "GraniPuntos",
|
||||
href: "#features",
|
||||
},
|
||||
label: "GraniPuntos", href: "#features"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user