178 lines
10 KiB
TypeScript
178 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { Calendar, Star, Utensils } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Carbón 21"
|
|
navItems={[
|
|
{ name: "Menú", id: "menu" },
|
|
{ name: "Sobre Nosotros", id: "about" },
|
|
{ name: "Reseñas", id: "testimonials" },
|
|
{ name: "Contacto", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Donde el fuego se convierte en sabor 🔥"
|
|
description="En Carbón 21, cada plato es preparado al carbón para lograr sabores intensos, carnes jugosas y una experiencia gastronómica única. Bienvenido a la mejor parrilla de Heredia."
|
|
background={{ variant: "glowing-orb" }}
|
|
tag="Parrilla Premium"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "📞 Llamar Ahora", href: "tel:+50671169128" },
|
|
{ text: "📩 Reservar Mesa", href: "#contact" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-holding-beef-steak-stone-with-grilled-peppers-fire_140725-500.jpg"
|
|
imageAlt="Parrilla al carbón con fuego y carnes"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Sobre Carbón 21"
|
|
description="En Carbón 21 el fuego es el protagonista. Desde 2015 nos dedicamos a preparar cada plato con técnicas tradicionales de parrilla al carbón, combinadas con ingredientes premium seleccionados cuidadosamente. Nuestro equipo de chefs expertos garantiza una experiencia gastronómica única, con carnes jugosas, pescados frescos y mariscos exquisitos cocinados a la perfección."
|
|
tag="Experiencia Auténtica"
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-dancing-with-woman-restaurant_23-2148016782.jpg"
|
|
imageAlt="Interior elegante del restaurante Carbón 21"
|
|
buttons={[{ text: "Explorar Menú", href: "#menu" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwentySeven
|
|
title="Nuestro Menú Completo"
|
|
description="Explora nuestras categorías de comida: desde entradas deliciosas hasta parrilla a la brasa, pizzas al carbón, ceviches frescos, paellas aromáticas y hamburguesas gourmet."
|
|
tag="Menú"
|
|
tagIcon={Utensils}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "entradas", title: "Entradas", description: "Croquetas de salmón, pollo, papas fritas, aros de cebolla, dados de queso, jalapeño poppers, patacones y huevos rotos con jamón serrano. Precios desde ₡3.000.", imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-3534.jpg?_wi=1", imageAlt: "Entradas deliciosas"},
|
|
{
|
|
id: "grill-brasa", title: "Grill a la Brasa", description: "Picaña, Baby Beef, costilla de res, churrasco, pollo a la parrilla, corazones de pollo, alitas BBQ, parrillada mixta y Filet Mignon. Nuestra especialidad.", imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-3534.jpg?_wi=2", imageAlt: "Carnes a la parrilla"},
|
|
{
|
|
id: "pizzas-carbon", title: "Pizzas al Carbón", description: "Pizza Carbón 21, Pepperoni, BBQ Chicken y Jamón y Queso. Todas cocinadas en nuestro horno de carbón tradicional.", imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-3534.jpg?_wi=3", imageAlt: "Pizzas al carbón"},
|
|
{
|
|
id: "ceviches", title: "Ceviches", description: "Ceviche de pescado, mixto, camarón y atún. Preparados con ingredientes frescos diarios de ₡4.500 a ₡6.500.", imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-3534.jpg?_wi=4", imageAlt: "Ceviches frescos"},
|
|
{
|
|
id: "seafood", title: "Sea & Street Food", description: "Camarones al ajillo, filet a la plancha, canasta de mariscos fritos, arroz con camarones y atún. Deliciosos sabores del mar.", imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-3534.jpg?_wi=5", imageAlt: "Mariscos frescos"},
|
|
{
|
|
id: "hamburguesas", title: "Hamburguesas", description: "Classic Burger, Double Cheese, Special Burger 21, Texana Burger, Pulled Pork Burger y más. Gourmet y satisfactorias de ₡4.900 a ₡6.500.", imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-with-baked-potatoes_140725-3534.jpg?_wi=6", imageAlt: "Hamburguesas gourmet"},
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Qué Dicen Nuestros Clientes"
|
|
description="Miles de clientes satisfechos han disfrutado de nuestras deliciosas comidas y excelente servicio en Carbón 21."
|
|
tag="Reseñas"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Carlos Rodríguez", role: "Empresario", company: "Tech Solutions CR", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-asian-businesswoman_1262-1510.jpg", imageAlt: "Fotografía de Carlos Rodríguez"},
|
|
{
|
|
id: "2", name: "María González", role: "Gerente de Ventas", company: "Import & Export SA", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blonde-lady-showing-double-thumbs-up-red-shirt-looking-merry_176474-39631.jpg", imageAlt: "Fotografía de María González"},
|
|
{
|
|
id: "3", name: "Juan Pérez", role: "Chef Profesional", company: "Restaurante Gourmet", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", imageAlt: "Fotografía de Juan Pérez"},
|
|
{
|
|
id: "4", name: "Ana Martínez", role: "Directora de Marketing", company: "Media Creativa", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", imageAlt: "Fotografía de Ana Martínez"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Reservas"
|
|
tagIcon={Calendar}
|
|
title="Reserva Tu Mesa en Carbón 21"
|
|
description="¿Listo para vivir una experiencia gastronómica única? Reserva tu mesa ahora o llámanos directamente. Estamos ubicados en Barva, Heredia."
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Reservar"
|
|
termsText="Al hacer clic en Reservar, aceptas nuestros Términos y Condiciones. También puedes llamarnos al 7116-9128."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Menú", items: [
|
|
{ label: "Entradas", href: "#menu" },
|
|
{ label: "Grill a la Brasa", href: "#menu" },
|
|
{ label: "Pizzas", href: "#menu" },
|
|
{ label: "Ceviches", href: "#menu" },
|
|
{ label: "Hamburguesas", href: "#menu" },
|
|
],
|
|
},
|
|
{
|
|
title: "Compañía", items: [
|
|
{ label: "Sobre Nosotros", href: "#about" },
|
|
{ label: "Contacto", href: "#contact" },
|
|
{ label: "Reservar Mesa", href: "#contact" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
],
|
|
},
|
|
{
|
|
title: "Ubicación", items: [
|
|
{ label: "📍 Barva, Heredia", href: "https://maps.google.com" },
|
|
{ label: "📞 7116-9128", href: "tel:+50671169128" },
|
|
{ label: "📧 info@carbon21.com", href: "mailto:info@carbon21.com" },
|
|
{ label: "Horario: 11am - 11pm", href: "#" },
|
|
{ label: "Cerrado los lunes", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Carbón 21 | Todos los derechos reservados"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|