Merge version_1 into main #1
352
src/app/page.tsx
352
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "products" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Rukito"
|
||||
/>
|
||||
@@ -56,100 +44,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="El Verdadero Sabor de Rukito"
|
||||
description="Donde la parrilla cobra vida. Carnes premium, porciones generosas y una experiencia inigualable que reúne a tu familia y amigos en cada bocado."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Cristian Choez",
|
||||
handle: "@cliente",
|
||||
testimonial: "La atención excepcional. El local estaba lleno pero todo fue impecable y rápido.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ana Martínez",
|
||||
handle: "@cliente",
|
||||
testimonial: "¡Aquí comen dos y sobran! No mentían en los videos. Lugar impecable y comida deliciosa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@cliente",
|
||||
testimonial: "Ambiente 10 de 10. La panceta crocante es una locura, super jugosa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914243.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lucía P.",
|
||||
handle: "@cliente",
|
||||
testimonial: "Calidad inigualable, siempre salimos satisfechos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
},
|
||||
{
|
||||
name: "Juan Pérez",
|
||||
handle: "@cliente",
|
||||
testimonial: "El mejor ambiente para disfrutar un asado en familia.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454153.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserva tu Mesa",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Cristian Choez", handle: "@cliente", testimonial: "La atención excepcional. El local estaba lleno pero todo fue impecable y rápido.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
|
||||
{ name: "Ana Martínez", handle: "@cliente", testimonial: "¡Aquí comen dos y sobran! No mentían en los videos. Lugar impecable y comida deliciosa.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg" },
|
||||
{ name: "Carlos Ruiz", handle: "@cliente", testimonial: "Ambiente 10 de 10. La panceta crocante es una locura, super jugosa.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914243.jpg" },
|
||||
{ name: "Lucía P.", handle: "@cliente", testimonial: "Calidad inigualable, siempre salimos satisfechos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg" },
|
||||
{ name: "Juan Pérez", handle: "@cliente", testimonial: "El mejor ambiente para disfrutar un asado en familia.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454153.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Reserva tu Mesa", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-homemade-potatoes-fried-mushrooms_140725-2104.jpg"
|
||||
imageAlt="Experiencia Rukito Grill"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Carnes Premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Familiar",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención de Primera",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sabor Ahumado",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Porciones Abundantes",
|
||||
},
|
||||
{ type: "text", text: "Carnes Premium" },
|
||||
{ type: "text", text: "Ambiente Familiar" },
|
||||
{ type: "text", text: "Atención de Primera" },
|
||||
{ type: "text", text: "Sabor Ahumado" },
|
||||
{ type: "text", text: "Porciones Abundantes" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,34 +79,11 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Clientes Satisfechos",
|
||||
items: [
|
||||
"Calidad comprobada",
|
||||
"Experiencia única",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Sabor Auténtico",
|
||||
items: [
|
||||
"Productos frescos",
|
||||
"Técnicas de parrilla",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8",
|
||||
title: "Calificación",
|
||||
items: [
|
||||
"Servicio impecable",
|
||||
"Ambiente acogedor",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15K+", title: "Clientes Satisfechos", items: ["Calidad comprobada", "Experiencia única"] },
|
||||
{ id: "m2", value: "99%", title: "Sabor Auténtico", items: ["Productos frescos", "Técnicas de parrilla"] },
|
||||
{ id: "m3", value: "4.8", title: "Calificación", items: ["Servicio impecable", "Ambiente acogedor"] },
|
||||
]}
|
||||
title="Nuestra Excelencia"
|
||||
description="Números que reflejan la pasión por cada plato que servimos en tu mesa."
|
||||
@@ -197,21 +95,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Pasión por los Asados"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Carnes Prime",
|
||||
value: "Selección",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Chef en Casa",
|
||||
value: "Expertos",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Servicio",
|
||||
value: "Rápido",
|
||||
},
|
||||
{ icon: Flame, label: "Carnes Prime", value: "Selección" },
|
||||
{ icon: Flame, label: "Chef en Casa", value: "Expertos" },
|
||||
{ icon: Clock, label: "Servicio", value: "Rápido" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -224,48 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Costilla St. Louis",
|
||||
price: "$17.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-stuffed-chicken-decorated-with-pomegranate-walnuts-black-board-rice-white-plate-wooden-table_141793-2918.jpg",
|
||||
imageAlt: "Costilla St. Louis",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tomahawk",
|
||||
price: "$23.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-2241.jpg",
|
||||
imageAlt: "Tomahawk",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pulpo al Grill",
|
||||
price: "$25.70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taco-with-prawn-shrimp-sauce_74190-7581.jpg",
|
||||
imageAlt: "Pulpo al Grill",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Panceta Crocante",
|
||||
price: "$26.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-fried-chicken-decorated-with-lettuce-small-bowl-sauce_181624-32177.jpg",
|
||||
imageAlt: "Panceta Crocante",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Argentino (Chorizos)",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-meat-concept-with-copy-space_23-2148738918.jpg",
|
||||
imageAlt: "Chorizos",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Salmón al Grill",
|
||||
price: "$26.70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-salmon-with-vegetables-lemon-soy-sauce-plate-wooden-table_141793-8433.jpg",
|
||||
imageAlt: "Salmón al Grill",
|
||||
},
|
||||
{ id: "p1", name: "Costilla St. Louis", price: "$17.50", imageSrc: "http://img.b2bpic.net/free-photo/roasted-stuffed-chicken-decorated-with-pomegranate-walnuts-black-board-rice-white-plate-wooden-table_141793-2918.jpg", imageAlt: "Costilla St. Louis" },
|
||||
{ id: "p2", name: "Tomahawk", price: "$23.00", imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-2241.jpg", imageAlt: "Tomahawk" },
|
||||
{ id: "p3", name: "Pulpo al Grill", price: "$25.70", imageSrc: "http://img.b2bpic.net/free-photo/taco-with-prawn-shrimp-sauce_74190-7581.jpg", imageAlt: "Pulpo al Grill" },
|
||||
{ id: "p4", name: "Panceta Crocante", price: "$26.50", imageSrc: "http://img.b2bpic.net/free-photo/slices-fried-chicken-decorated-with-lettuce-small-bowl-sauce_181624-32177.jpg", imageAlt: "Panceta Crocante" },
|
||||
{ id: "p5", name: "Argentino (Chorizos)", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-meat-concept-with-copy-space_23-2148738918.jpg", imageAlt: "Chorizos" },
|
||||
{ id: "p6", name: "Salmón al Grill", price: "$26.70", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-salmon-with-vegetables-lemon-soy-sauce-plate-wooden-table_141793-8433.jpg", imageAlt: "Salmón al Grill" },
|
||||
]}
|
||||
title="Nuestros Cortes Estrella"
|
||||
description="Descubre las especialidades que nos han convertido en tu lugar favorito de la ciudad."
|
||||
@@ -277,49 +127,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "El pulpo al grill es espectacular. Regresaremos siempre.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-women-eating-together_23-2148681856.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "La salsa de queso es simplemente adictiva. ¡Excelente servicio!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006715.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Súper deliciosa la comida. Las papas con paprika son lo máximo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Atención al detalle inmejorable. La mejor panceta.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucía P.",
|
||||
handle: "@lucia_p",
|
||||
testimonial: "Un lugar muy agradable, limpio y con una vibra excelente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "El pulpo al grill es espectacular. Regresaremos siempre.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-women-eating-together_23-2148681856.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "La salsa de queso es simplemente adictiva. ¡Excelente servicio!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006715.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Súper deliciosa la comida. Las papas con paprika son lo máximo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
{ id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Atención al detalle inmejorable. La mejor panceta.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ id: "t5", name: "Lucía P.", handle: "@lucia_p", testimonial: "Un lugar muy agradable, limpio y con una vibra excelente.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
|
||||
]}
|
||||
title="Lo que Dicen de Rukito"
|
||||
description="Más que un restaurante, una experiencia que compartes con quienes más quieres."
|
||||
/>
|
||||
@@ -329,21 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen parqueadero?",
|
||||
content: "Sí, contamos con amplio estacionamiento dentro de la plaza.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Aceptan grupos grandes?",
|
||||
content: "¡Por supuesto! Rukito es ideal para celebrar con amigos y familia.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Tienen opciones de comida para niños?",
|
||||
content: "Tenemos nuestro Menú Kids con pechuga de pollo y papas fritas.",
|
||||
},
|
||||
{ id: "f1", title: "¿Tienen parqueadero?", content: "Sí, contamos con amplio estacionamiento dentro de la plaza." },
|
||||
{ id: "f2", title: "¿Aceptan grupos grandes?", content: "¡Por supuesto! Rukito es ideal para celebrar con amigos y familia." },
|
||||
{ id: "f3", title: "¿Tienen opciones de comida para niños?", content: "Tenemos nuestro Menú Kids con pechuga de pollo y papas fritas." },
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos tus dudas para que vivas la mejor experiencia Rukito."
|
||||
@@ -356,14 +159,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Excelencia Culinaria",
|
||||
"Gourmet Grillers",
|
||||
"Pasión al Fuego",
|
||||
"Maestros del Asado",
|
||||
"Sabor Premium",
|
||||
"Rukito Fan",
|
||||
"Calidad Garantizada",
|
||||
]}
|
||||
"Excelencia Culinaria", "Gourmet Grillers", "Pasión al Fuego", "Maestros del Asado", "Sabor Premium", "Rukito Fan", "Calidad Garantizada"]}
|
||||
title="Reconocidos por nuestra pasión"
|
||||
description="Somos parte de las recomendaciones locales de alta calidad."
|
||||
/>
|
||||
@@ -372,68 +168,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contacto"
|
||||
title="Reserva tu Experiencia"
|
||||
description="Estamos listos para recibirte. Haz tu reserva y asegura tu lugar en Rukito Grill."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Reservas",
|
||||
href: "https://wa.me/593",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp Reservas", href: "https://wa.me/593" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menú",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Reservas",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Testimonios",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Menú", href: "#products" }, { label: "Reservas", href: "#contact" }, { label: "Testimonios", href: "#testimonials" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
|
||||
]}
|
||||
logoText="Rukito Grill&Drinks"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user