263 lines
16 KiB
TypeScript
263 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, Calendar, ChefHat, Flame, Package, Quote, Sparkles, Star, Waves } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Carbón 21"
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Nosotros", id: "about" },
|
|
{ name: "Menú", id: "menu" },
|
|
{ name: "Ubicación", id: "location" },
|
|
{ name: "Contacto", id: "contact" }
|
|
]}
|
|
button={{ text: "Reservar Mesa", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Carbón 21"
|
|
description="Donde el fuego se convierte en sabor. Experimenta la auténtica gastronomía de la parrilla con carnes premium, mariscos frescos y creaciones culinarias que fusionan tradición e innovación."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Ver Menú", href: "#menu" },
|
|
{ text: "Reservar Mesa", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/glowing-charcoal-grill-broiling-fresh-char-grilled-steak-generated-by-ai_188544-29934.jpg"
|
|
imageAlt="Carnes a la parrilla con fuego"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Nuestra Historia"
|
|
tagIcon={Flame}
|
|
title="Carbón 21: Pasión por la Parrilla"
|
|
description="La esencia del sabor auténtico"
|
|
subdescription="Barva, Heredia - Costa Rica"
|
|
icon={ChefHat}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-eating-together_23-2149001346.jpg"
|
|
imageAlt="Interior del restaurante Carbón 21"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ProductCardFour
|
|
title="Platos Estrella de Carbón 21"
|
|
description="Descubre nuestras creaciones más populares, preparadas con ingredientes premium a la parrilla tradicional"
|
|
tag="Favoritos"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Picaña a la Brasa", price: "₡12,000", variant: "Corte Premium • 400g", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-slicing-meat-wooden-chopping-board_23-2147841089.jpg", imageAlt: "Picaña a la brasa jugosa"
|
|
},
|
|
{
|
|
id: "2", name: "Parrillada Mixta Carbón 21", price: "₡18,500", variant: "Para 2 personas • Variada", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bbq-platter-with-grilled-meats-vegetables_84443-72343.jpg", imageAlt: "Parrillada mixta surtida"
|
|
},
|
|
{
|
|
id: "3", name: "Filet Mignon", price: "₡7,000", variant: "Corte Premium • 300g", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-with-herbs-copy-space_23-2148611017.jpg", imageAlt: "Filet mignon tierno"
|
|
},
|
|
{
|
|
id: "4", name: "Pulpo a la Gallega", price: "₡10,000", variant: "Receta Española • Fresco", imageSrc: "http://img.b2bpic.net/free-photo/spicy-lemon-squid-with-galangal-chilies-carrots-peppermint-spring-onions-garlic-plate-white-wooden-floor_1150-20835.jpg", imageAlt: "Pulpo a la gallega con pimentón"
|
|
},
|
|
{
|
|
id: "5", name: "Pizza al Carbón", price: "₡10,000", variant: "Carbón • Receta Italiana", imageSrc: "http://img.b2bpic.net/free-photo/tasty-chicken-pizza-with-mushrooms-spices_114579-10751.jpg", imageAlt: "Pizza al carbón crujiente"
|
|
},
|
|
{
|
|
id: "6", name: "Hamburguesa Carbón 21", price: "₡6,500", variant: "Premium Burger • 200g", imageSrc: "http://img.b2bpic.net/free-vector/burgers-restaurant-menu-template_23-2148776070.jpg", imageAlt: "Hamburguesa gourmet"
|
|
}
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="opacity"
|
|
buttons={[{ text: "Ver Menú Completo", href: "#menu" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<PricingCardThree
|
|
title="Menú Gourmet Carbón 21"
|
|
description="Explora nuestras categorías culinarias y encuentra el platillo perfecto para tu experiencia"
|
|
tag="Menú"
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "entradas", badge: "Perfectas para Compartir", badgeIcon: Sparkles,
|
|
price: "₡3,000 - ₡6,000", name: "Entradas", buttons: [
|
|
{ text: "Ver Entradas", href: "#" },
|
|
{ text: "Ordenar", href: "#" }
|
|
],
|
|
features: [
|
|
"Croquetas de salmón", "Papas fritas crujientes", "Aros de cebolla", "Dados de queso derretido", "Jalapeño poppers", "Huevos rotos con jamón serrano"
|
|
]
|
|
},
|
|
{
|
|
id: "grill", badge: "Especialidad de la Casa", badgeIcon: Flame,
|
|
price: "₡6,000 - ₡20,000", name: "Grill a la Brasa", buttons: [
|
|
{ text: "Ver Grill", href: "#" },
|
|
{ text: "Reservar", href: "#contact" }
|
|
],
|
|
features: [
|
|
"Picaña a la brasa", "Baby beef tierno", "Costilla de res", "Pollo a la parrilla", "Churrasco jugoso", "Parrillada mixta"
|
|
]
|
|
},
|
|
{
|
|
id: "mariscos", badge: "Fresco Diariamente", badgeIcon: Waves,
|
|
price: "₡4,500 - ₡12,000", name: "Mariscos", buttons: [
|
|
{ text: "Ver Mariscos", href: "#" },
|
|
{ text: "Pedir", href: "#" }
|
|
],
|
|
features: [
|
|
"Ceviche de pescado", "Ceviche mixto", "Pulpo entero a la brasa", "Pulpo a la gallega", "Paella mar y tierra", "Paella de mariscos"
|
|
]
|
|
},
|
|
{
|
|
id: "streetfood", price: "₡4,900 - ₡6,500", name: "Street Food", buttons: [
|
|
{ text: "Ver Street Food", href: "#" },
|
|
{ text: "Llevar", href: "#" }
|
|
],
|
|
features: [
|
|
"Classic Burger", "Hamburguesa Carbón 21", "Hot Dog Hawaiano", "Hot Dog Especial 21", "Nachos con carne", "Papas Loaded"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Confianza de Clientes Locales"
|
|
description="Carbón 21 es el destino favorito para parrilladas auténticas en Barva y Heredia"
|
|
tag="Recomendado"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"Residentes de Barva", "Amigos de Heredia", "Familias Costarricenses", "Empresas Locales", "Viajeros Internacionales", "Eventos Corporativos", "Celebraciones Especiales"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={50}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Lo que dicen nuestros clientes"
|
|
description="Experiencias auténticas de visitantes que han disfrutado de nuestras creaciones a la parrilla"
|
|
tag="Testimonios"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "María González, Abogada de San José", date: "Date: 15 Enero 2025", tag: "Cliente Regular", title: "¡La mejor parrilla que he probado!", quote: "Carbón 21 es mi lugar favorito para celebrar. Las carnes están perfectas, el servicio es impecable y el ambiente es muy acogedor. Definitivamente regresaré.", avatarSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-being-surprised-by-her-husband_23-2148435747.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Carlos Rodríguez, Empresario de Heredia", date: "Date: 10 Enero 2025", tag: "Eventos Corporativos", title: "Perfecto para negocios y amigos", quote: "He traído a mis clientes y colegas varias veces. El pulpo a la gallega es exquisito y la parrillada mixta es generosa. Muy recomendado para eventos especiales.", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-eating-outdoors_23-2150168142.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Alejandra Méndez, Instructora de Yoga", date: "Date: 5 Enero 2025", tag: "Cliente Satisfecha", title: "Comida de alta calidad", quote: "La calidad de los ingredientes es evidente en cada bocado. Me encanta cómo preparan el filet mignon y las atenciones del personal son excepcionales.", avatarSrc: "http://img.b2bpic.net/free-vector/meditando_1450-177.jpg", imageSrc: "http://img.b2bpic.net/free-photo/friend-grilling-burgers-tailgate-party_53876-132387.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "David López, Turista de España", date: "Date: 20 Diciembre 2024", tag: "Viajero Internacional", title: "Auténtica experiencia costarricense", quote: "Durante mi visita a Costa Rica, Carbón 21 fue la mejor experiencia gastronómica. El ambiente, la comida y el servicio fueron fantásticos. ¡Costa Rica es increíble!", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-hiker-holding-generic-map-forest_23-2148148612.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food-table_23-2148625999.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Patricia Vargas, Madre de Familia", date: "Date: 12 Diciembre 2024", tag: "Celebración en Familia", title: "Lugar ideal para la familia", quote: "Celebramos el cumpleaños de mi hija aquí y fue maravilloso. Los niños disfrutaron las hamburguesas y nosotros las carnes. Todo estuvo delicioso y el personal fue muy atento.", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-purple-wall-with-copy-space_141793-117393.jpg", imageSrc: "http://img.b2bpic.net/free-photo/family-eating-together-night_23-2149331977.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Luis Chen, Chef Profesional", date: "Date: 8 Diciembre 2024", tag: "Profesional del Sector", title: "Técnica excepcional en la parrilla", quote: "Como chef, aprecio la calidad en la cocina. El equipo de Carbón 21 demuestra expertise en cada platillo. Sus técnicas de parrilla son profesionales y los sabores son auténticos.", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-chef-posing-with-arms-crossed-kitchen_23-2148763123.jpg", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490822.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Reservaciones"
|
|
tagIcon={Calendar}
|
|
title="Reserva Tu Mesa Hoy"
|
|
description="Escríbenos tu email y nos pondremos en contacto para confirmar tu reserva en el horario y fecha que prefieras"
|
|
background={{ variant: "downward-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Enviar Solicitud"
|
|
termsText="Al reservar, aceptas nuestros términos. Nos contactaremos en 2 horas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Restaurante", items: [
|
|
{ label: "Inicio", href: "hero" },
|
|
{ label: "Menú", href: "menu" },
|
|
{ label: "Reservar", href: "contact" },
|
|
{ label: "Ubicación", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{ label: "📞 7116 9128", href: "tel:+50671169128" },
|
|
{ label: "📧 info@carbon21.cr", href: "mailto:info@carbon21.cr" },
|
|
{ label: "📍 Barva, Heredia", href: "#" },
|
|
{ label: "🕐 11:00 AM - 9:30 PM", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacidad", href: "#" },
|
|
{ label: "Términos", href: "#" },
|
|
{ label: "Cancelaciones", href: "#" },
|
|
{ label: "Redes Sociales", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Carbón 21 - Todos los derechos reservados. Ubicación: Barva, Heredia, Costa Rica"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|