Merge version_2 into main #4
123
src/app/page.tsx
123
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import { Smartphone, Star, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,14 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Menú", id: "menu"},
|
||||
{
|
||||
name: "Promos", id: "features"},
|
||||
{
|
||||
name: "Contacto", id: "contact"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Estrategia", id: "strategy" },
|
||||
{ name: "Promos", id: "features" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Mi Barrio"
|
||||
/>
|
||||
@@ -44,22 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Hamburguesas con actitud, directas a tu casa."
|
||||
description="El sabor de siempre, elevado. Pedí ahora y disfrutá la verdadera experiencia Mi Barrio en cualquier lugar."
|
||||
tag="LAS MEJORES DE LA CIUDAD"
|
||||
buttons={[
|
||||
{
|
||||
text: "Pedir Ahora", href: "#menu"},
|
||||
{
|
||||
text: "Ver Promos", href: "#features"},
|
||||
{ text: "Pedir Ahora", href: "#menu" },
|
||||
{ text: "Ver Promos", href: "#features" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg?_wi=1", imageAlt: "Hamburguesa premium de Mi Barrio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=1", imageAlt: "Clásica del Barrio"}
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg?_wi=1", imageAlt: "Hamburguesa premium de Mi Barrio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=1", imageAlt: "Clásica del Barrio" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -74,39 +67,42 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Clásica del Barrio", price: "$8.500", variant: "Carne, cheddar, lechuga", imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", name: "Bacon Explosion", price: "$10.200", variant: "Doble carne, bacon, BBQ", imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg"},
|
||||
{
|
||||
id: "3", name: "Mushroom Lover", price: "$9.800", variant: "Hongos, queso suizo", imageSrc: "http://img.b2bpic.net/free-photo/tasty-sandwich-red-fork-wooden-board-dark-mix-color-surface-with-free-space_179666-42255.jpg"},
|
||||
{
|
||||
id: "4", name: "Crispy Chicken", price: "$8.900", variant: "Pollo crispy, mayo", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-fries-refreshment-lunch-generated-by-ai_188544-16106.jpg"},
|
||||
{
|
||||
id: "5", name: "Veggie Delight", price: "$9.200", variant: "Garbanzos, palta", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burgers-tray_23-2148678841.jpg"},
|
||||
{
|
||||
id: "6", name: "Smash Boss", price: "$11.500", variant: "Doble smash, cheddar intenso", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-meat-burgers_141793-17491.jpg"},
|
||||
{ id: "1", name: "Clásica del Barrio", price: "$8.500", variant: "Carne, cheddar, lechuga", imageSrc: "http://img.b2bpic.net/free-photo/delicious-looking-hamburger-arrangement_23-2148614065.jpg?_wi=2" },
|
||||
{ id: "2", name: "Bacon Explosion", price: "$10.200", variant: "Doble carne, bacon, BBQ", imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg" },
|
||||
{ id: "3", name: "Mushroom Lover", price: "$9.800", variant: "Hongos, queso suizo", imageSrc: "http://img.b2bpic.net/free-photo/tasty-sandwich-red-fork-wooden-board-dark-mix-color-surface-with-free-space_179666-42255.jpg" },
|
||||
{ id: "4", name: "Crispy Chicken", price: "$8.900", variant: "Pollo crispy, mayo", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-fries-refreshment-lunch-generated-by-ai_188544-16106.jpg" },
|
||||
{ id: "5", name: "Veggie Delight", price: "$9.200", variant: "Garbanzos, palta", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burgers-tray_23-2148678841.jpg" },
|
||||
{ id: "6", name: "Smash Boss", price: "$11.500", variant: "Doble smash, cheddar intenso", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-meat-burgers_141793-17491.jpg" },
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Elegí tu favorita y personalizala a tu gusto."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="strategy" data-section="strategy">
|
||||
<MetricCardFourteen
|
||||
title="Estrategia de Crecimiento 2025"
|
||||
tag="PLAN DE ESCALABILIDAD"
|
||||
metrics={[
|
||||
{ id: "1", value: "40%", description: "Aumento proyectado en nuevos canales digitales" },
|
||||
{ id: "2", value: "85%", description: "Tasa de retención mediante programa de fidelidad" },
|
||||
{ id: "3", value: "2.5x", description: "Proyección de retorno en marketing de conversión" },
|
||||
{ id: "4", value: "30 min", description: "Tiempo objetivo de entrega en nuevas zonas" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Delivery ultra rápido", description: "Tu comida llega caliente y a tiempo.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Menú inteligente", description: "Personalizá cada ingrediente fácilmente.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Club Mi Barrio", description: "Sumá puntos con cada pedido y canjeá premios.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
{ title: "Delivery ultra rápido", description: "Tu comida llega caliente y a tiempo.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Menú inteligente", description: "Personalizá cada ingrediente fácilmente.", bentoComponent: "reveal-icon", icon: Smartphone },
|
||||
{ title: "Club Mi Barrio", description: "Sumá puntos con cada pedido y canjeá premios.", bentoComponent: "reveal-icon", icon: Star },
|
||||
]}
|
||||
title="Por qué elegirnos"
|
||||
description="Calidad, velocidad y beneficios exclusivos por pedir en nuestra app."
|
||||
@@ -118,16 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Increíble", quote: "La mejor hamburguesa de mi vida, el pedido llegó en 20 minutos.", name: "Sarah Johnson", role: "Cliente frecuente", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-peace-sign-with-fingers_181624-56338.jpg"},
|
||||
{
|
||||
id: "2", title: "Calidad top", quote: "Se nota la calidad de la carne, volveré a pedir seguro.", name: "Michael Chen", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg"},
|
||||
{
|
||||
id: "3", title: "Muy fácil", quote: "Usar la app para pedir desde la mesa es un golazo.", name: "Emily Rodriguez", role: "Cliente local", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-student-with-curly-short-hairstyle-looking-aside-logo-banner-feeling-happy-relaxed-staring-left-copyspace-standing-against-white-background_176420-46406.jpg"},
|
||||
{
|
||||
id: "4", title: "Sabor auténtico", quote: "Mi Barrio nunca defrauda, la Bacon Explosion es de otro planeta.", name: "David Kim", role: "Adicto a las hamburguesas", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg"},
|
||||
{
|
||||
id: "5", title: "Excelente servicio", quote: "Muy buena la atención y el programa de puntos funciona perfecto.", name: "Ana Perez", role: "Cliente frecuente", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-smartphone-street-short-haired-teen-bright-glasses-denim-beige-jacket-posing-cafe-with-bottle-water_197531-29369.jpg"},
|
||||
{ id: "1", title: "Increíble", quote: "La mejor hamburguesa de mi vida, el pedido llegó en 20 minutos.", name: "Sarah Johnson", role: "Cliente frecuente", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-peace-sign-with-fingers_181624-56338.jpg" },
|
||||
{ id: "2", title: "Calidad top", quote: "Se nota la calidad de la carne, volveré a pedir seguro.", name: "Michael Chen", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg" },
|
||||
{ id: "3", title: "Muy fácil", quote: "Usar la app para pedir desde la mesa es un golazo.", name: "Emily Rodriguez", role: "Cliente local", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-student-with-curly-short-hairstyle-looking-aside-logo-banner-feeling-happy-relaxed-staring-left-copyspace-standing-against-white-background_176420-46406.jpg" },
|
||||
{ id: "4", title: "Sabor auténtico", quote: "Mi Barrio nunca defrauda, la Bacon Explosion es de otro planeta.", name: "David Kim", role: "Adicto a las hamburguesas", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg" },
|
||||
{ id: "5", title: "Excelente servicio", quote: "Muy buena la atención y el programa de puntos funciona perfecto.", name: "Ana Perez", role: "Cliente frecuente", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-smartphone-street-short-haired-teen-bright-glasses-denim-beige-jacket-posing-cafe-with-bottle-water_197531-29369.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias reales de hamburgueseros satisfechos."
|
||||
@@ -137,8 +128,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="ATENCIÓN PERSONALIZADA"
|
||||
title="Contactanos ahora"
|
||||
description="Si tenés dudas, consultas o querés hacer un pedido especial, estamos listos para atenderte."
|
||||
@@ -151,32 +141,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Menú", href: "#menu"},
|
||||
{
|
||||
label: "Promos", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Términos y condiciones", href: "#"},
|
||||
{
|
||||
label: "Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/123456789"},
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#menu" }, { label: "Estrategia", href: "#strategy" }, { label: "Promos", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Términos y condiciones", href: "#" }, { label: "Privacidad", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/123456789" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Mi Barrio Hamburguesería"
|
||||
bottomRightText="Desarrollado con pasión"
|
||||
@@ -185,4 +152,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user