Merge version_1 into main #2
394
src/app/page.tsx
394
src/app/page.tsx
@@ -26,283 +26,135 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="San Panchito"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Opiniones", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="San Panchito"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Sabores que te llevan a la playa"
|
||||
description="Ven a disfrutar de la comida más deliciosa, un servicio excelente y una experiencia que te hará sentir como frente al mar."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar por WhatsApp",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-green-sauce-table_140725-2118.jpg?_wi=1",
|
||||
imageAlt: "Platillo fresco de mariscos",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fish-herbs_140725-1907.jpg?_wi=1",
|
||||
imageAlt: "Presentación de platillo",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg?_wi=1",
|
||||
imageAlt: "Ambiente del restaurante",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-vegetable-chicken-breast-marble-background_114579-42909.jpg?_wi=1",
|
||||
imageAlt: "Detalles de mariscos",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-small-ceramic-pan-served-with-lemon-blue-checkered-napkin_141793-278.jpg",
|
||||
imageAlt: "Experiencia en playa",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210896.jpg",
|
||||
imageAlt: "Ingredientes de calidad",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Sabores que te llevan a la playa"
|
||||
description="Ven a disfrutar de la comida más deliciosa, un servicio excelente y una experiencia que te hará sentir como frente al mar."
|
||||
buttons={[{ text: "Reservar por WhatsApp", href: "https://wa.me/1234567890" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-green-sauce-table_140725-2118.jpg", imageAlt: "Platillo fresco de mariscos" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fish-herbs_140725-1907.jpg", imageAlt: "Presentación de platillo" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg", imageAlt: "Ambiente del restaurante" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/assorted-vegetable-chicken-breast-marble-background_114579-42909.jpg", imageAlt: "Detalles de mariscos" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-small-ceramic-pan-served-with-lemon-blue-checkered-napkin_141793-278.jpg", imageAlt: "Experiencia en playa" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210896.jpg", imageAlt: "Ingredientes de calidad" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Platillos Frescos",
|
||||
description: "Ingredientes de la más alta calidad, directos del mar a tu mesa.",
|
||||
icon: Fish,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-marine-products_1398-598.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-marine-products_1398-598.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-green-sauce-table_140725-2118.jpg?_wi=2",
|
||||
imageAlt: "modern seafood restaurant beach atmosphere",
|
||||
},
|
||||
{
|
||||
title: "Atención Personalizada",
|
||||
description: "Nuestro equipo se asegura de que te sientas como en casa.",
|
||||
icon: Smile,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-cleaning-cafe-counter_1170-585.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-cleaning-cafe-counter_1170-585.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fish-herbs_140725-1907.jpg?_wi=2",
|
||||
imageAlt: "fresh seafood tray beach club",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Relajado",
|
||||
description: "Disfruta de un espacio cómodo y acogedor con estilo playa.",
|
||||
icon: Sun,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-interior-details-living-room-decor_169016-6010.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-interior-details-living-room-decor_169016-6010.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg?_wi=2",
|
||||
imageAlt: "restaurant beach interior cozy",
|
||||
},
|
||||
{
|
||||
title: "Detalles Especiales",
|
||||
description: "Disfruta cortesías y detalles únicos que marcan la diferencia.",
|
||||
icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-glass-cup-with-limes-dried-herbs-flat-lay-pink-kitchen-towel_176474-7363.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-glass-cup-with-limes-dried-herbs-flat-lay-pink-kitchen-towel_176474-7363.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-vegetable-chicken-breast-marble-background_114579-42909.jpg?_wi=2",
|
||||
imageAlt: "seafood platter fresh ingredients",
|
||||
},
|
||||
]}
|
||||
title="Por qué San Panchito es especial"
|
||||
description="Cuidamos cada detalle para que tu visita sea inolvidable."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Por qué San Panchito es especial"
|
||||
description="Cuidamos cada detalle para que tu visita sea inolvidable."
|
||||
features={[
|
||||
{
|
||||
title: "Platillos Frescos", description: "Ingredientes de la más alta calidad, directos del mar a tu mesa.", icon: Fish,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-marine-products_1398-598.jpg", imageAlt: "modern seafood restaurant beach atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-marine-products_1398-598.jpg", imageAlt: "modern seafood restaurant beach atmosphere" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Atención Personalizada", description: "Nuestro equipo se asegura de que te sientas como en casa.", icon: Smile,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-cleaning-cafe-counter_1170-585.jpg", imageAlt: "fresh seafood tray beach club" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-cleaning-cafe-counter_1170-585.jpg", imageAlt: "fresh seafood tray beach club" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ambiente Relajado", description: "Disfruta de un espacio cómodo y acogedor con estilo playa.", icon: Sun,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-interior-details-living-room-decor_169016-6010.jpg", imageAlt: "restaurant beach interior cozy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-interior-details-living-room-decor_169016-6010.jpg", imageAlt: "restaurant beach interior cozy" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Detalles Especiales", description: "Disfruta cortesías y detalles únicos que marcan la diferencia.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-glass-cup-with-limes-dried-herbs-flat-lay-pink-kitchen-towel_176474-7363.jpg", imageAlt: "seafood platter fresh ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-glass-cup-with-limes-dried-herbs-flat-lay-pink-kitchen-towel_176474-7363.jpg", imageAlt: "seafood platter fresh ingredients" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ceviche Tradicional",
|
||||
price: "Categoría",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plates_23-2150346567.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cócteles y Bebidas",
|
||||
price: "Categoría",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plates_23-2150346567.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Especialidades del Chef",
|
||||
price: "Categoría",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plates_23-2150346567.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Una selección de los mejores platillos del mar."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Ceviche Tradicional", price: "Categoría", imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plates_23-2150346567.jpg" },
|
||||
{ id: "p2", name: "Cócteles y Bebidas", price: "Categoría", imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plates_23-2150346567.jpg" },
|
||||
{ id: "p3", name: "Especialidades del Chef", price: "Categoría", imageSrc: "http://img.b2bpic.net/free-photo/crawfish-plates_23-2150346567.jpg" },
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Una selección de los mejores platillos del mar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana García",
|
||||
handle: "@anag",
|
||||
testimonial: "El sabor de los platillos es increíble, todo fue un manjar, excelente atención y ambiente muy agradable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552636.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@cruiz",
|
||||
testimonial: "La comida está muy rica, ambiente ameno y servicio fenomenal. El personal es excelente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-seafood-squid-rings-mussels-shrimps-sauce-slice-lemon_141793-3640.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofía López",
|
||||
handle: "@sofial",
|
||||
testimonial: "La comida es deliciosa, incluso para quienes no consumen mariscos. Los detalles hacen la experiencia especial.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156178.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diego Torres",
|
||||
handle: "@diegot",
|
||||
testimonial: "Excelente servicio y comida deliciosa, definitivamente regresaría.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-talking-while-man-is-serving-food-dining-table_637285-10334.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucía Méndez",
|
||||
handle: "@luciam",
|
||||
testimonial: "Una joya escondida. La frescura de los ingredientes es inigualable, siempre salgo muy satisfecha.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552636.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias reales de personas que vivieron la experiencia San Panchito."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ana García", handle: "@anag", testimonial: "El sabor de los platillos es increíble, todo fue un manjar, excelente atención y ambiente muy agradable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552636.jpg" },
|
||||
{ id: "2", name: "Carlos Ruiz", handle: "@cruiz", testimonial: "La comida está muy rica, ambiente ameno y servicio fenomenal. El personal es excelente.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-seafood-squid-rings-mussels-shrimps-sauce-slice-lemon_141793-3640.jpg" },
|
||||
{ id: "3", name: "Sofía López", handle: "@sofial", testimonial: "La comida es deliciosa, incluso para quienes no consumen mariscos. Los detalles hacen la experiencia especial.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156178.jpg" },
|
||||
{ id: "4", name: "Diego Torres", handle: "@diegot", testimonial: "Excelente servicio y comida deliciosa, definitivamente regresaría.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-talking-while-man-is-serving-food-dining-table_637285-10334.jpg" },
|
||||
{ id: "5", name: "Lucía Méndez", handle: "@luciam", testimonial: "Una joya escondida. La frescura de los ingredientes es inigualable, siempre salgo muy satisfecha.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552636.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias reales de personas que vivieron la experiencia San Panchito."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "¿Cuentan con opciones sin mariscos?",
|
||||
content: "¡Sí! Tenemos platillos deliciosos para quienes prefieren otras opciones.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "¿Es necesario reservar?",
|
||||
content: "Recomendamos reservar, especialmente en fines de semana.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "¿Tienen servicio a domicilio?",
|
||||
content: "Contamos con servicio a domicilio a través de nuestras redes sociales.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="¡Visítanos pronto!"
|
||||
ctaDescription="Haz tu reserva ahora o escríbenos para cualquier duda por WhatsApp."
|
||||
ctaButton={{
|
||||
text: "Contactar por WhatsApp",
|
||||
href: "https://wa.me/1234567890",
|
||||
}}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "¿Cuentan con opciones sin mariscos?", content: "¡Sí! Tenemos platillos deliciosos para quienes prefieren otras opciones." },
|
||||
{ id: "faq2", title: "¿Es necesario reservar?", content: "Recomendamos reservar, especialmente en fines de semana." },
|
||||
{ id: "faq3", title: "¿Tienen servicio a domicilio?", content: "Contamos con servicio a domicilio a través de nuestras redes sociales." },
|
||||
]}
|
||||
ctaTitle="¡Visítanos pronto!"
|
||||
ctaDescription="Haz tu reserva ahora o escríbenos para cualquier duda por WhatsApp."
|
||||
ctaButton={{ text: "Contactar por WhatsApp", href: "https://wa.me/1234567890" }}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="San Panchito"
|
||||
copyrightText="© 2025 | San Panchito - Restaurante"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="San Panchito"
|
||||
copyrightText="© 2025 | San Panchito - Restaurante"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user