Merge version_1 into main #1
407
src/app/page.tsx
407
src/app/page.tsx
@@ -26,294 +26,137 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Parkin 507"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Parkin 507"
|
||||
button={{
|
||||
text: "Ordenar", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="El verdadero sabor chino-panameño en Panamá"
|
||||
description="Porciones generosas, sabor auténtico y el lugar perfecto para compartir en familia. Calidad garantizada en cada bocado."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Sabor Auténtico",
|
||||
},
|
||||
{
|
||||
value: "+15",
|
||||
label: "Combos Disponibles",
|
||||
},
|
||||
{
|
||||
value: "Rápido",
|
||||
label: "Delivery Express",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Ordenar por WhatsApp",
|
||||
href: "https://wa.me/507XXXXXXXX",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-asian-rice-with-meat_23-2148694332.jpg"
|
||||
imageAlt="Plato delicioso de comida china"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
|
||||
alt: "Cliente feliz",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-with-cocktail-smartphone-digital-tablet-restaurant_23-2147936287.jpg",
|
||||
alt: "Cliente feliz",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
||||
alt: "Cliente feliz",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enjoying-relaxing-time-lunch-break-portrait-beautiful-young-woman-holding-cup-coffee-eating-sandwich-food-court_662251-241.jpg",
|
||||
alt: "Cliente feliz",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-ready-eat_23-2148899024.jpg",
|
||||
alt: "Cliente feliz",
|
||||
},
|
||||
]}
|
||||
avatarText="+500 clientes satisfechos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ingredientes Frescos",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Envío Rápido",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sabor Auténtico",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precios Justos",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Familiar",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="El verdadero sabor chino-panameño en Panamá"
|
||||
description="Porciones generosas, sabor auténtico y el lugar perfecto para compartir en familia. Calidad garantizada en cada bocado."
|
||||
kpis={[
|
||||
{ value: "100%", label: "Sabor Auténtico" },
|
||||
{ value: "+15", label: "Combos Disponibles" },
|
||||
{ value: "Rápido", label: "Delivery Express" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Ver Menú", href: "#menu" },
|
||||
{ text: "Ordenar por WhatsApp", href: "https://wa.me/507XXXXXXXX" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-asian-rice-with-meat_23-2148694332.jpg"
|
||||
imageAlt="Plato delicioso de comida china"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg", alt: "Cliente feliz" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-with-cocktail-smartphone-digital-tablet-restaurant_23-2147936287.jpg", alt: "Cliente feliz" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg", alt: "Cliente feliz" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/enjoying-relaxing-time-lunch-break-portrait-beautiful-young-woman-holding-cup-coffee-eating-sandwich-food-court_662251-241.jpg", alt: "Cliente feliz" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-ready-eat_23-2148899024.jpg", alt: "Cliente feliz" },
|
||||
]}
|
||||
avatarText="+500 clientes satisfechos"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Ingredientes Frescos" },
|
||||
{ type: "text-icon", text: "Envío Rápido", icon: Truck },
|
||||
{ type: "text", text: "Sabor Auténtico" },
|
||||
{ type: "text-icon", text: "Precios Justos", icon: DollarSign },
|
||||
{ type: "text", text: "Ambiente Familiar" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Por qué todos vuelven a Parkin 507"
|
||||
description="En Parkin 507, nos esforzamos por ofrecerte la mejor experiencia culinaria con ese toque casero que tanto te gusta."
|
||||
metrics={[
|
||||
{
|
||||
value: "Fresco",
|
||||
title: "Ingredientes",
|
||||
},
|
||||
{
|
||||
value: "Grande",
|
||||
title: "Porción",
|
||||
},
|
||||
{
|
||||
value: "Familiar",
|
||||
title: "Ambiente",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/round-table-arrangement-restaurant_23-2147936225.jpg"
|
||||
imageAlt="Ambiente del restaurante"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Por qué todos vuelven a Parkin 507"
|
||||
description="En Parkin 507, nos esforzamos por ofrecerte la mejor experiencia culinaria con ese toque casero que tanto te gusta."
|
||||
metrics={[
|
||||
{ value: "Fresco", title: "Ingredientes" },
|
||||
{ value: "Grande", title: "Porción" },
|
||||
{ value: "Familiar", title: "Ambiente" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/round-table-arrangement-restaurant_23-2147936225.jpg"
|
||||
imageAlt="Ambiente del restaurante"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Combo Filete de Pescado",
|
||||
price: "$8.50",
|
||||
variant: "Favorito",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-breaded-chicken-fillet-served-with-french-fries-fried-egg-cherry-tomatoes-plate_140725-12300.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Combo Bistec Picado",
|
||||
price: "$8.50",
|
||||
variant: "Clásico",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-steaks-with-fried-potatoes-rice-garnish-inside-white-plate_114579-4421.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Combo Costilla Agridulce",
|
||||
price: "$8.50",
|
||||
variant: "Favorito",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-neck-white-plate-wooden-table_1150-21277.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Combo Puerco Asado",
|
||||
price: "$8.50",
|
||||
variant: "Generoso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bavarian-fried-sausages-sauerkraut_2829-14342.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Combo Pollo Asado",
|
||||
price: "$8.50",
|
||||
variant: "Jugoso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-pork-rice-famous-thai-food-recipe_1150-13516.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Almejas al Estilo Parkin",
|
||||
price: "$7.75",
|
||||
variant: "Especialidad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-snails-kitchen-desktop_23-2147835330.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestros Combos Más Pedidos"
|
||||
description="Todo incluido desde solo $8.50: arroz frito + papas fritas + soda."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Combo Filete de Pescado", price: "$8.50", variant: "Favorito", imageSrc: "http://img.b2bpic.net/free-photo/top-breaded-chicken-fillet-served-with-french-fries-fried-egg-cherry-tomatoes-plate_140725-12300.jpg" },
|
||||
{ id: "p2", name: "Combo Bistec Picado", price: "$8.50", variant: "Clásico", imageSrc: "http://img.b2bpic.net/free-photo/meat-steaks-with-fried-potatoes-rice-garnish-inside-white-plate_114579-4421.jpg" },
|
||||
{ id: "p3", name: "Combo Costilla Agridulce", price: "$8.50", variant: "Favorito", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-neck-white-plate-wooden-table_1150-21277.jpg" },
|
||||
{ id: "p4", name: "Combo Puerco Asado", price: "$8.50", variant: "Generoso", imageSrc: "http://img.b2bpic.net/free-photo/bavarian-fried-sausages-sauerkraut_2829-14342.jpg" },
|
||||
{ id: "p5", name: "Combo Pollo Asado", price: "$8.50", variant: "Jugoso", imageSrc: "http://img.b2bpic.net/free-photo/red-pork-rice-famous-thai-food-recipe_1150-13516.jpg" },
|
||||
{ id: "p6", name: "Almejas al Estilo Parkin", price: "$7.75", variant: "Especialidad", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-snails-kitchen-desktop_23-2147835330.jpg" },
|
||||
]}
|
||||
title="Nuestros Combos Más Pedidos"
|
||||
description="Todo incluido desde solo $8.50: arroz frito + papas fritas + soda."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Juan Pérez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-break_23-2148756294.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "María Gómez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-fork-with-food_23-2148899036.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Familia Rodríguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-young-happy-smiling-woman-having-fun-eating-ice-cream-coffee-shop-restaurant-closeup-portrait_1153-5853.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Sánchez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-cape-with-round-delivery-bowl-notepad-pen-her-hands-light-pink-wall-uniform-delivery-employee-work_140725-42160.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucía Martínez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-angry-expression_1194-2114.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="Opiniones Reales"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Juan Pérez", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-break_23-2148756294.jpg" },
|
||||
{ id: "2", name: "María Gómez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-fork-with-food_23-2148899036.jpg" },
|
||||
{ id: "3", name: "Familia Rodríguez", imageSrc: "http://img.b2bpic.net/free-photo/image-young-happy-smiling-woman-having-fun-eating-ice-cream-coffee-shop-restaurant-closeup-portrait_1153-5853.jpg" },
|
||||
{ id: "4", name: "David Sánchez", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-cape-with-round-delivery-bowl-notepad-pen-her-hands-light-pink-wall-uniform-delivery-employee-work_140725-42160.jpg" },
|
||||
{ id: "5", name: "Lucía Martínez", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-angry-expression_1194-2114.jpg" },
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="Opiniones Reales"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="¿Listo para comer bien hoy?"
|
||||
description="Ordena ahora y disfruta comida fresca, abundante y deliciosa. Estamos listos para atenderte."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "pedido",
|
||||
type: "text",
|
||||
placeholder: "¿Qué deseas ordenar?",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "detalles",
|
||||
placeholder: "Instrucciones especiales...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-table-setting-wedding-reception_637285-5654.jpg"
|
||||
buttonText="Ordenar por WhatsApp"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="¿Listo para comer bien hoy?"
|
||||
description="Ordena ahora y disfruta comida fresca, abundante y deliciosa. Estamos listos para atenderte."
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
|
||||
{ name: "pedido", type: "text", placeholder: "¿Qué deseas ordenar?", required: true },
|
||||
]}
|
||||
textarea={{ name: "detalles", placeholder: "Instrucciones especiales..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-table-setting-wedding-reception_637285-5654.jpg"
|
||||
buttonText="Ordenar por WhatsApp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Parkin 507"
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurante",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre nosotros",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Horarios",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/507XXXXXXXX",
|
||||
},
|
||||
{
|
||||
label: "Ubicación",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Parkin 507. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Parkin 507"
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurante", items: [{ label: "Sobre nosotros", href: "#" }, { label: "Horarios", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/507XXXXXXXX" }, { label: "Ubicación", href: "#" }],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Parkin 507. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user