337 lines
17 KiB
TypeScript
337 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, Feather, Heart, Leaf, Lightbulb, MessageCircle, Music, Smile, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Sobre Nosotros", id: "#about"},
|
|
{
|
|
name: "Menú", id: "#menu"},
|
|
{
|
|
name: "Reseñas", id: "#testimonials"},
|
|
{
|
|
name: "Contacto", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Reserva una Mesa", href: "#contact"}}
|
|
brandName="SABOR A PATRIA"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="SABOR A PATRIA"
|
|
description="Auténtica cocina peruana que celebra nuestras raíces y tradiciones. ¡Descubre el verdadero sabor del Perú en cada plato!"
|
|
buttons={[
|
|
{
|
|
text: "Ver Menú", href: "#menu"},
|
|
{
|
|
text: "Reservar Ahora", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-taking-green-salad-with-herbs-vegetables_114579-2166.jpg"
|
|
imageAlt="Plato principal de comida peruana"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/summer-roll-stuffed-with-fresh-vegetables_53876-41247.jpg", alt: "Chef principal Sabor a Patria"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663830.jpg", alt: "Gerente de sala Sabor a Patria"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663836.jpg", alt: "Sommelier Sabor a Patria"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552677.jpg", alt: "Jefe de pastelería Sabor a Patria"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-with-trendy-hairdo-frowns-face-with-pleasure_273609-8674.jpg", alt: "Miembro del equipo Sabor a Patria"},
|
|
]}
|
|
avatarText="Únete a nuestra creciente familia de amantes de la gastronomía peruana!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Autenticidad Peruana"},
|
|
{
|
|
type: "text-icon", text: "Sabores Tradicionales", icon: Award,
|
|
},
|
|
{
|
|
type: "text", text: "Ingredientes Frescos"},
|
|
{
|
|
type: "text-icon", text: "Experiencia Inolvidable", icon: Star,
|
|
},
|
|
{
|
|
type: "text", text: "Innovación Culinaria"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="¿Quiénes Somos?"
|
|
description="En Sabor a Patria, nos dedicamos a preservar y compartir la rica herencia culinaria del Perú. Cada plato es una historia, una tradición y una explosión de sabores auténticos."
|
|
bulletPoints={[
|
|
{
|
|
title: "Tradición", description: "Recetas ancestrales pasadas de generación en generación, manteniendo la esencia de la cocina peruana.", icon: Heart,
|
|
},
|
|
{
|
|
title: "Calidad", description: "Utilizamos ingredientes frescos y de origen local para garantizar el mejor sabor y una experiencia culinaria superior.", icon: Award,
|
|
},
|
|
{
|
|
title: "Pasión", description: "Cocinamos con el corazón y dedicación, para que cada bocado te transporte a las diversas regiones del Perú.", icon: Heart,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317305.jpg"
|
|
imageAlt="Chef preparando platos peruanos en la cocina"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Ambiente Auténtico", description: "Disfruta de un espacio que evoca la riqueza cultural del Perú, con música y decoración que complementan tu experiencia.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754912.jpg", imageAlt: "Interior de restaurante con decoración peruana"},
|
|
items: [
|
|
{
|
|
icon: Leaf,
|
|
text: "Decoración inspirada"},
|
|
{
|
|
icon: Music,
|
|
text: "Música ambiente"},
|
|
{
|
|
icon: Feather,
|
|
text: "Confort y calidez"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Innovación en el Plato", description: "Nuestros chefs experimentan con técnicas modernas para realzar los sabores clásicos, ofreciéndote una nueva perspectiva de la cocina peruana.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-red-caviar-salmon-avocado_140725-6797.jpg", imageAlt: "Plato gourmet de comida peruana con presentación moderna"},
|
|
items: [
|
|
{
|
|
icon: Lightbulb,
|
|
text: "Recetas creativas"},
|
|
{
|
|
icon: Sparkles,
|
|
text: "Toques contemporáneos"},
|
|
{
|
|
icon: Zap,
|
|
text: "Explosión de sabor"},
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Servicio Excepcional", description: "Nuestro equipo está dedicado a brindarte una atención cálida y personalizada, haciendo que cada visita sea memorable.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663876.jpg", imageAlt: "Camarero sirviendo comida en un restaurante"},
|
|
items: [
|
|
{
|
|
icon: Smile,
|
|
text: "Atención personalizada"},
|
|
{
|
|
icon: Star,
|
|
text: "Profesionalismo"},
|
|
{
|
|
icon: MessageCircle,
|
|
text: "Recomendaciones expertas"},
|
|
]
|
|
}
|
|
]}
|
|
title="Nuestras Experiencias Culinarias"
|
|
description="Descubre los pilares que hacen de Sabor a Patria una experiencia inolvidable. Desde el ambiente acogedor hasta la innovación en cada plato, te garantizamos un viaje gastronómico único."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", name: "Ceviche Clásico", price: "S/ 35", imageSrc: "http://img.b2bpic.net/free-photo/spicy-lemon-squid-with-galangal-chilies-carrots-peppermint-spring-onions-garlic-plate-white-wooden-floor_1150-20834.jpg", imageAlt: "Ceviche clásico peruano con pescado y limón"},
|
|
{
|
|
id: "2", name: "Lomo Saltado", price: "S/ 40", imageSrc: "http://img.b2bpic.net/free-photo/stir-frying-beef-with-sweet-peppers-green-beans_2829-20101.jpg", imageAlt: "Lomo saltado peruano con papas fritas y arroz"},
|
|
{
|
|
id: "3", name: "Ají de Gallina", price: "S/ 38", imageSrc: "http://img.b2bpic.net/free-photo/pot-roast-chicken-with-bell-peppers_141793-918.jpg", imageAlt: "Ají de gallina, un estofado cremoso de pollo peruano"},
|
|
{
|
|
id: "4", name: "Arroz con Pato", price: "S/ 42", imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-meat-slices-along-with-rice-beans-brown-wooden-desk-light-floor_140725-14529.jpg", imageAlt: "Arroz con pato, un plato tradicional de arroz verde con pato"},
|
|
{
|
|
id: "5", name: "Anticuchos", price: "S/ 25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-beef-stripes-tortilla-with-bowl-guacamole-table-cloth_23-2148042468.jpg", imageAlt: "Anticuchos peruanos, brochetas de corazón de res a la parrilla"},
|
|
{
|
|
id: "6", name: "Suspiro a la Limeña", price: "S/ 18", imageSrc: "http://img.b2bpic.net/free-photo/overhead-photo-plate-cookies-cinnamon-sticks-dry-flowers-palm_140725-52730.jpg", imageAlt: "Suspiro a la limeña, un postre peruano de merengue y manjar blanco"},
|
|
]}
|
|
title="Nuestro Menú Destacado"
|
|
description="Explora una selección de nuestros platos más populares, preparados con pasión y los sabores más frescos del Perú. ¡Cada bocado es una delicia!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Walter Ñiquen", role: "Cliente Satisfecho", company: "Frecuente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663851.jpg", imageAlt: "Foto de Walter Ñiquen"},
|
|
{
|
|
id: "2", name: "Jose Alcala", role: "Entusiasta Culinario", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663869.jpg", imageAlt: "Foto de Jose Alcala"},
|
|
{
|
|
id: "3", name: "Ana G. Fernández", role: "Amante de la Comida", company: "Visitante", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-offering-slice-vegetable-her-girlfriend_23-2148363523.jpg", imageAlt: "Foto de Ana G. Fernández"},
|
|
{
|
|
id: "4", name: "Ricardo M. Vargas", role: "Explorador Gastronómico", company: "Cliente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/new-ideas-young-housewife-looking-new-cooking-ideas-internet_259150-57947.jpg", imageAlt: "Foto de Ricardo M. Vargas"},
|
|
{
|
|
id: "5", name: "Elena P. Quispe", role: "Degustadora Frecuente", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663843.jpg", imageAlt: "Foto de Elena P. Quispe"},
|
|
]}
|
|
title="Lo que Dicen Nuestros Clientes"
|
|
description="La voz de quienes disfrutan de Sabor a Patria. Tu satisfacción es nuestra mayor recompensa y nos inspira a seguir brindando lo mejor de la cocina peruana."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Lima TV", "Perú Sabor", "Revista Gastronómica", "Festival Culinario", "Chef Perú", "Guía del Buen Comer", "Cocina Fusión", "Sabores del Mundo"]}
|
|
title="Presentes en Medios y Colaboraciones"
|
|
description="Orgullosos de ser reconocidos por la prensa especializada y de colaborar activamente con la comunidad gastronómica local e internacional."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "¿Cómo puedo hacer una reserva?", content: "Puedes hacer una reserva directamente a través de nuestro formulario de contacto en esta página o llamándonos al 940 993 077. Te recomendamos reservar con anticipación, especialmente los fines de semana."},
|
|
{
|
|
id: "2", title: "¿Ofrecen opciones vegetarianas o veganas?", content: "Sí, contamos con una variedad de opciones vegetarianas y veganas en nuestro menú. Por favor, informa a nuestro personal sobre tus preferencias dietéticas al momento de ordenar o reservar."},
|
|
{
|
|
id: "3", title: "¿Tienen servicio de catering para eventos?", content: "Actualmente no ofrecemos servicio de catering externo, pero estaremos encantados de ayudarte a organizar eventos privados en nuestro local. Contáctanos para más detalles."},
|
|
{
|
|
id: "4", title: "¿Cuál es su horario de atención?", content: "Estamos abiertos las 24 horas, ofreciendo nuestros deliciosos platos en cualquier momento del día o la noche. Te esperamos cuando gustes."},
|
|
]}
|
|
title="Preguntas Frecuentes"
|
|
description="Encuentra respuestas a tus dudas más comunes sobre reservas, eventos especiales, opciones de menú y mucho más."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Reserva tu Mesa"
|
|
description="Nos encantaría recibirte en Sabor a Patria. Envíanos un mensaje para reservar tu mesa, realizar una consulta o coordinar un evento especial. ¡Estamos listos para atenderte!"
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Número de Teléfono (opcional)", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Mensaje o Preferencias (ej. número de personas, fecha y hora preferida, ocasión especial)", rows: 4,
|
|
required: false,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg"
|
|
imageAlt="Interior de un restaurante elegante con mesas listas"
|
|
mediaAnimation="none"
|
|
mediaPosition="left"
|
|
buttonText="Enviar Reserva"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-background_23-2148164687.jpg"
|
|
imageAlt="Fondo oscuro de restaurante con luces suaves"
|
|
logoText="SABOR A PATRIA"
|
|
columns={[
|
|
{
|
|
title: "Explorar", items: [
|
|
{
|
|
label: "Inicio", href: "#hero"},
|
|
{
|
|
label: "Sobre Nosotros", href: "#about"},
|
|
{
|
|
label: "Menú", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Ayuda", items: [
|
|
{
|
|
label: "Preguntas Frecuentes", href: "#faq"},
|
|
{
|
|
label: "Reservas", href: "#contact"},
|
|
{
|
|
label: "Contacto", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Social", items: [
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "Twitter", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Sabor a Patria. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|