334 lines
19 KiB
TypeScript
334 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardTwentyEight from "@/components/sections/feature/FeatureCardTwentyEight";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Leaf, ChefHat, Home, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant={"hover-bubble"}
|
|
defaultTextAnimation={"background-highlight"}
|
|
borderRadius={"pill"}
|
|
contentWidth={"medium"}
|
|
sizing={"largeSmallSizeLargeTitles"}
|
|
background={"circleGradient"}
|
|
cardStyle={"gradient-radial"}
|
|
primaryButtonStyle={"diagonal-gradient"}
|
|
secondaryButtonStyle={"glass"}
|
|
headingFontWeight={"semibold"}
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName={"Comida Coreana"}
|
|
navItems={[
|
|
{ name: "Inicio", id: "#hero" },
|
|
{ name: "Nosotros", id: "#about" },
|
|
{ name: "Nuestra Carta", id: "#menu" },
|
|
{ name: "Experiencia", id: "#features" },
|
|
{ name: "Precios", id: "#pricing" },
|
|
{ name: "Reseñas", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contacto", id: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText={"Comida Coreana"}
|
|
description={
|
|
"Auténtico sabor de Corea en el corazón de Curicó. Sumérgete en una experiencia culinaria inolvidable con nuestros platos tradicionales y ambiente acogedor."
|
|
}
|
|
buttons={[
|
|
{ text: "Ver Carta", href: "#menu" },
|
|
{ text: "Reservar Ahora", href: "#contact" }
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-reunion-dinner-scene-with-delicious-food_23-2151040624.jpg", imageAlt: "Bibimbap coreano con verduras y huevo" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678737.jpg", imageAlt: "Ramen coreano picante con fideos y caldo" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tofu-yolk-boiled-spicy-soup_1150-42898.jpg", imageAlt: "Kimchi Jjigae hirviendo en una olla" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-roasted-meat-pieces-tray-with-chopsticks-sauces-table_181624-28467.jpg", imageAlt: "Bulgogi (BBQ Coreano) en la parrilla" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-meal-black-plate-dinner-dark-background_140725-94451.jpg", imageAlt: "Tteokbokki (pastel de arroz picante) con queso" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/salted-pickled-mustard-salad-thai-food_1150-23109.jpg", imageAlt: "Japchae (fideos de vidrio) con verduras" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title={"Nuestra Pasión por la Cocina Coreana"}
|
|
description={
|
|
"En Comida Coreana, nos dedicamos a traer los sabores vibrantes y auténticos de Corea directamente a tu mesa. Cada plato es preparado con ingredientes frescos y recetas tradicionales que han sido perfeccionadas a lo largo de generaciones. Disfruta de una experiencia culinaria genuina y un servicio excepcional."
|
|
}
|
|
bulletPoints={[
|
|
{
|
|
title: "Ingredientes Frescos", description:
|
|
"Seleccionamos los mejores productos locales y de importación para garantizar la máxima calidad en cada bocado.", icon: Leaf
|
|
},
|
|
{
|
|
title: "Recetas Auténticas", description:
|
|
"Nuestros chefs utilizan técnicas culinarias coreanas tradicionales, asegurando una experiencia gastronómica fiel a sus raíces.", icon: ChefHat
|
|
},
|
|
{
|
|
title: "Ambiente Acogedor", description:
|
|
"Disfruta de un espacio cómodo y tranquilo, perfecto para compartir con familiares y amigos.", icon: Home
|
|
}
|
|
]}
|
|
imageSrc={"http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg"}
|
|
imageAlt={"Interior acogedor de restaurante coreano"}
|
|
mediaAnimation={"slide-up"}
|
|
textboxLayout={"default"}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
title={"Una Experiencia Culinaria Única"}
|
|
description={
|
|
"Más allá de la comida, ofrecemos un servicio atento y un ambiente que te transportará a Corea. Descubre por qué somos el restaurante favorito de muchos."
|
|
}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Servicio Excepcional", subtitle:
|
|
"Siempre preocupados por tu bienestar y satisfacción, nuestro personal está listo para atender tus necesidades.", category: "Atención", value: "Personalizado"
|
|
},
|
|
{
|
|
id: "f2", title: "Platos Generosos y Deliciosos", subtitle:
|
|
"Nuestras porciones son abundantes y cada plato está lleno de sabor, preparado con dedicación para deleitar tu paladar.", category: "Calidad", value: "Garantizada"
|
|
},
|
|
{
|
|
id: "f3", title: "Opciones para Todos", subtitle:
|
|
"Adaptamos nuestros platos a tus preferencias. ¿No te gusta el picante? No hay problema, te damos la opción de no agregarlo a tu comida.", category: "Flexibilidad", value: "A Tu Medida"
|
|
}
|
|
]}
|
|
textboxLayout={"default"}
|
|
useInvertedBackground={false}
|
|
animationType={"slide-up"}
|
|
/>
|
|
</div>
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
title={"Nuestra Exquisita Carta Coreana"}
|
|
description={
|
|
"Explora una variedad de platos tradicionales y modernos, cada uno con su propio encanto y sabor inconfundible."
|
|
}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Bibimbap Clásico", price: "$7.500", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/buddha-bowl-rice-with-salmon-radish-red-cabbage-edamame-beans-sesame-seeds-concept-delicious-healthy-food-space-copying_127032-2783.jpg", imageAlt: "Bibimbap con verduras y huevo"
|
|
},
|
|
{
|
|
id: "p2", name: "Ramen Picante", price: "$6.800", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/delicious-japanese-ramen-noodle-soup-with-pork-egg_84443-85689.jpg", imageAlt: "Ramen con caldo picante y fideos"
|
|
},
|
|
{
|
|
id: "p3", name: "Kimchi Jjigae", price: "$8.200", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/kimchi-jikae-kimchi-soup-ready-eat-bowl_1150-42847.jpg", imageAlt: "Estofado de Kimchi"
|
|
},
|
|
{
|
|
id: "p4", name: "Bulgogi (BBQ Coreano)", price: "$9.000", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151053741.jpg", imageAlt: "Carne de res marinada Bulgogi"
|
|
},
|
|
{
|
|
id: "p5", name: "Tteokbokki", price: "$5.500", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/kimchi-salad-korean-food_1232-1784.jpg", imageAlt: "Pastel de arroz picante Tteokbokki"
|
|
},
|
|
{
|
|
id: "p6", name: "Japchae (Fideos de Vidrio)", price: "$6.200", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/stir-fried-peas-frying-pan-noodles-spicy-bowl-with-ingredients-black-cement-surface_1150-19785.jpg", imageAlt: "Fideos de vidrio salteados con verduras"
|
|
}
|
|
]}
|
|
gridVariant={"three-columns-all-equal-width"}
|
|
textboxLayout={"default"}
|
|
useInvertedBackground={true}
|
|
animationType={"slide-up"}
|
|
/>
|
|
</div>
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title={"Planes y Degustaciones"}
|
|
description={
|
|
"Nuestros precios están diseñados para ofrecerte la mejor experiencia coreana, con opciones para cada gusto y presupuesto, entre $5.000 y $10.000 por persona."
|
|
}
|
|
plans={[
|
|
{
|
|
id: "plan-1", name: "Menú Individual", price: "$7.000", buttons: [{ text: "Pedir Ahora", href: "#menu" }],
|
|
features: [
|
|
"Un plato principal a elección", "Bebida no alcohólica", "Postre pequeño"
|
|
]
|
|
},
|
|
{
|
|
id: "plan-2", name: "Menú Duo", badge: "Popular", badgeIcon: Sparkles,
|
|
price: "$12.000", buttons: [{ text: "Reservar Mesa", href: "#contact" }],
|
|
features: [
|
|
"Dos platos principales a elección", "Dos bebidas no alcohólicas", "Dos postres", "Entrada compartida"
|
|
]
|
|
},
|
|
{
|
|
id: "plan-3", name: "Experiencia Familiar", price: "$25.000", buttons: [{ text: "Consultar", href: "#contact" }],
|
|
features: [
|
|
"Cuatro platos principales a elección", "Cuatro bebidas no alcohólicas", "Selección de postres", "Dos entradas grandes", "Arroz ilimitado"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout={"default"}
|
|
useInvertedBackground={false}
|
|
animationType={"slide-up"}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title={"La Voz de Nuestros Clientes Felices"}
|
|
description={
|
|
"Estamos orgullosos de las experiencias positivas que nuestros comensales comparten. Tu satisfacción es nuestra mayor recompensa."
|
|
}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Laura", handle: "@laura.explora", testimonial:
|
|
"Agradable lugar, cómodo y tranquilo, la comida es abundante y deliciosa, la persona que sirvió todo siempre preocupada de que estuviera todo bien con nuestra comida, o si necesitaba alguna modificación, (yo no como picante) y te dan la opción de no agregar picante a tu comida, muchas gracias.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/beautiful-delicious-asian-food_23-2149333981.jpg", imageAlt: "Foto de Laura, cliente satisfecha"
|
|
},
|
|
{
|
|
id: "t2", name: "Hillary Jelvez", handle: "@hillaryjelvez", testimonial:
|
|
"La comida es muy sabrosa, buena calidad de los ingredientes 😋. ¡Totalmente recomendado para los amantes de la comida coreana!", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/medium-shot-woman-eating-with-chopsticks_23-2149008753.jpg", imageAlt: "Foto de Hillary Jelvez, Local Guide"
|
|
},
|
|
{
|
|
id: "t3", name: "Romina Runco", handle: "@romina_foodie", testimonial:
|
|
"¡Buenísimo! Excelente servicio, muy atentos 🫶🏻 y la comida una delicia. Siempre volvemos por más.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-delicious-beef-burger-giving-thumbs-up_114579-47715.jpg", imageAlt: "Foto de Romina Runco, cliente"
|
|
},
|
|
{
|
|
id: "t4", name: "Javier Soto", handle: "@javier_soto_chef", testimonial:
|
|
"Un verdadero viaje a Corea en cada bocado. El Bibimbap es espectacular y el Kimchi es auténtico. Un must para quienes buscan calidad.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/medium-shot-man-with-paper-wrapped-sandwich_23-2151309935.jpg", imageAlt: "Foto de Javier Soto, cliente"
|
|
},
|
|
{
|
|
id: "t5", name: "Carolina Pérez", handle: "@caroperez.travels", testimonial:
|
|
"El ambiente es perfecto para una cena relajada. Me encantó la flexibilidad para ajustar el picante, y el Ramen es de otro nivel. ¡Volveré pronto!", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg", imageAlt: "Foto de Carolina Pérez, cliente"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
textboxLayout={"default"}
|
|
useInvertedBackground={true}
|
|
animationType={"slide-up"}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title={"Nuestra Comunidad Culinaria"}
|
|
description={
|
|
"Amado por nuestros clientes y reconocido por la calidad de nuestro servicio y la autenticidad de nuestros sabores."
|
|
}
|
|
names={[
|
|
"Amantes del Kimchi", "Exploradores Gastronómicos", "Familias Felices", "Críticos Locales", "Cenas de Amigos", "Eventos Especiales", "Comensales Habituales"
|
|
]}
|
|
useInvertedBackground={false}
|
|
textboxLayout={"default"}
|
|
animationType={"opacity"}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title={"Preguntas Frecuentes"}
|
|
description={
|
|
"¿Tienes dudas? Aquí respondemos a las preguntas más comunes sobre nuestro restaurante y servicios."
|
|
}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "¿Es necesario hacer una reserva?", content:
|
|
"Recomendamos hacer una reserva, especialmente los fines de semana y festivos, para asegurar tu mesa. Puedes reservar llamando a nuestro teléfono o a través de nuestra página de contacto."
|
|
},
|
|
{
|
|
id: "q2", title: "¿Ofrecen opciones vegetarianas o veganas?", content:
|
|
"Sí, tenemos varias opciones vegetarianas y veganas en nuestra carta. Por favor, consulta a nuestro personal para conocer las alternativas disponibles o si tienes alguna dieta especial."
|
|
},
|
|
{
|
|
id: "q3", title: "¿Puedo pedir comida para llevar o a domicilio?", content:
|
|
"Absolutamente. Ofrecemos servicio de comida para llevar y entrega a domicilio. Puedes hacer tu pedido directamente en el restaurante o llamando a nuestro número."
|
|
},
|
|
{
|
|
id: "q4", title: "¿Cuál es el horario de atención?", content:
|
|
"Estamos cerrados los martes. Abrimos de miércoles a lunes, de 1 p.m. a 10 p.m. Consulta nuestros horarios en la sección de información para cualquier actualización."
|
|
},
|
|
{
|
|
id: "q5", title: "¿Tienen estacionamiento disponible?", content:
|
|
"Contamos con estacionamiento limitado en las cercanías. También hay opciones de estacionamiento público en los alrededores."
|
|
}
|
|
]}
|
|
textboxLayout={"default"}
|
|
useInvertedBackground={true}
|
|
faqsAnimation={"slide-up"}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text={
|
|
"Visítanos y prueba el verdadero sabor de Corea. Estamos ubicados en M. Rodriguez 658, Curicó. Llámanos al +56 9 8186 5938 para reservas o pedidos."
|
|
}
|
|
buttons={[
|
|
{
|
|
text: "Cómo llegar", href:
|
|
"https://www.google.com/maps/dir/?api=1&destination=M.+Rodriguez+658,+3341723+Curic%C3%B3,+Maule"
|
|
},
|
|
{ text: "Llamar Ahora", href: "tel:+56981865938" }
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
animationType={"entrance-slide"}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
videoSrc={"http://img.b2bpic.net/free-photo/selective-focus-hand-young-asian-woman-cooking-her-friend-enjoy-make-meal-pan-they-are-talk-laugh-with-fun-together-while-camping-nature-park_1150-61746.jpg?_wi=1"}
|
|
videoAriaLabel={"Cocina coreana en acción"}
|
|
imageSrc={"http://img.b2bpic.net/free-photo/selective-focus-hand-young-asian-woman-cooking-her-friend-enjoy-make-meal-pan-they-are-talk-laugh-with-fun-together-while-camping-nature-park_1150-61746.jpg?_wi=2"}
|
|
imageAlt={"Footer video placeholder"}
|
|
logoText={"Comida Coreana"}
|
|
columns={[
|
|
{
|
|
title: "Menú", items: [
|
|
{ label: "Bibimbap", href: "#menu" },
|
|
{ label: "Ramen", href: "#menu" },
|
|
{ label: "Kimchi Jjigae", href: "#menu" }
|
|
]
|
|
},
|
|
{
|
|
title: "Nosotros", items: [
|
|
{ label: "Nuestra Historia", href: "#about" },
|
|
{ label: "Reseñas", href: "#testimonials" },
|
|
{ label: "Preguntas Frecuentes", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{ label: "Ubicación", href: "#contact" },
|
|
{ label: "Reservas", href: "#contact" },
|
|
{ label: "Facebook", href: "https://facebook.com" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText={"© 2024 Comida Coreana | Todos los derechos reservados."}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|