244 lines
13 KiB
TypeScript
244 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="mediumLarge"
|
||
background="none"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Inicio", id: "hero"},
|
||
{
|
||
name: "Nuestra Historia", id: "historia"},
|
||
{
|
||
name: "Preguntas Frecuentes", id: "faq"},
|
||
{
|
||
name: "Contáctanos", id: "contact"},
|
||
]}
|
||
brandName="El Conde Casa de Humo"
|
||
button={{
|
||
text: "Reserva por WhatsApp", href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
title="El Conde Casa de Humo"
|
||
description="Auténticas Carnes Ahumadas al Estilo Texas. Sabor intenso, cocción lenta y ambiente familiar."
|
||
buttons={[
|
||
{
|
||
text: "Reserva Ahora", href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-pieces-bowl-wooden-table_23-2148029530.jpg", imageAlt: "Plato de Brisket ahumado"}
|
||
]}
|
||
background={{
|
||
variant: "plain"}}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="historia" data-section="historia">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
title="Pasión por el Sabor Auténtico"
|
||
description="En El Conde Casa de Humo, nos dedicamos a la preparación de carnes ahumadas al estilo Texas. Nacimos con la visión de traer esta técnica ancestral de cocción lenta con maderas aromáticas al paladar local. Ofrecemos sabores intensos y auténticos en un ambiente informal y familiar, donde cada bocado es una experiencia inolvidable."
|
||
tag="Nuestra Esencia"
|
||
bulletPoints={[
|
||
{
|
||
title: "Cocción Lenta con Maderas Aromáticas", description: "Nuestras carnes se cocinan durante horas con maderas selectas para un sabor y ternura inigualables."},
|
||
{
|
||
title: "Sabores Auténticos y Profundos", description: "Cada plato es una explosión de sabor, fiel a la tradición del ahumado texano."},
|
||
{
|
||
title: "Ambiente Familiar y Acogedor", description: "Disfruta de una experiencia gastronómica relajada, perfecta para compartir con tus seres queridos."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/waiter-holding-lamb-offal-garnished-with-sumac-onion-served-wooden-board_140725-5245.jpg"
|
||
imageAlt="Chef preparando carne ahumada"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
features={[
|
||
{
|
||
title: "Técnica Artesanal", description: "Dominamos la ciencia y el arte del ahumado, garantizando la perfección en cada pieza de carne.", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-food-cooking-counter-decor-pot_53876-127676.jpg", imageAlt: "Técnica artesanal de ahumado"},
|
||
{
|
||
title: "Ingredientes Premium", description: "Seleccionamos solo las mejores carnes y maderas aromáticas para ofrecerte calidad insuperable.", imageSrc: "http://img.b2bpic.net/free-photo/pickles-white-wooden-table-with-green-red-chili-peppers-fennel-salt-black-peppercorns-garlic-pea-close-up-healthy-concept-top-view-flat-lay_114579-1184.jpg", imageAlt: "Ingredientes premium"},
|
||
{
|
||
title: "Recetas Exclusivas", description: "Nuestras recetas son fruto de años de experimentación, creando sabores que solo encontrarás aquí.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-turmeric-red-pepper-black-peper-sea-salt-smal-bowls-four-spoons-round-board-dark-table-with-copy-space_140725-59599.jpg", imageAlt: "Recetas exclusivas"},
|
||
]}
|
||
title="La Experiencia del Ahumado Perfecto"
|
||
description="Descubre lo que hace a El Conde Casa de Humo tu destino favorito para las mejores carnes ahumadas."
|
||
tag="Nuestros Secretos"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "pollo-ahumado", name: "Pollo Ahumado", price: "Desde S/ 10.00", imageSrc: "http://img.b2bpic.net/free-photo/grilles-chicken-steak-with-teriyaki-sauce_1339-6778.jpg", imageAlt: "Plato de pollo ahumado con acompañamientos"},
|
||
{
|
||
id: "costillas-ahumadas", name: "Costillas de Cerdo Ahumadas", price: "Desde S/ 50.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-isolated-white-background-ai-generative_123827-23868.jpg", imageAlt: "Porción de costillas de cerdo ahumadas"},
|
||
{
|
||
id: "brisket-ahumado", name: "Brisket (Pecho de Res) Ahumado", price: "Desde S/ 55.00", imageSrc: "http://img.b2bpic.net/free-photo/steak-brazillian-style_1339-8288.jpg", imageAlt: "Brisket ahumado cortado en láminas"},
|
||
{
|
||
id: "cerdo-desmenuzado", name: "Cerdo Desmenuzado", price: "S/ 32.00", imageSrc: "http://img.b2bpic.net/free-photo/steamed-chicken-breast-white-plate-with-spring-onions-chopped-carrots_1150-20966.jpg", imageAlt: "Plato de cerdo desmenuzado servido"},
|
||
{
|
||
id: "hamburguesa-ahumada", name: "Hamburguesa de Carne Ahumada", price: "Desde S/ 18.00", imageSrc: "http://img.b2bpic.net/free-photo/rib-barbecue_74190-495.jpg", imageAlt: "Hamburguesa de carne ahumada lista para comer"},
|
||
{
|
||
id: "chorizos-artesanales", name: "Chorizos Artesanales Ahumados", price: "S/ 15.00", imageSrc: "http://img.b2bpic.net/free-photo/bavarian-fried-sausages-sauerkraut_2829-14336.jpg", imageAlt: "Chorizos ahumados con guarnición"},
|
||
]}
|
||
title="Saborea la Auténtica Tradición Texana"
|
||
description="Desde el jugoso pollo hasta las tiernas costillas, cada plato es una obra maestra del ahumado lento."
|
||
tag="Nuestra Carta"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Las mejores carnes ahumadas que he probado en Perú. El Brisket es simplemente espectacular y las costillas se deshacen en la boca. ¡Un lugar imperdible para los amantes de la buena carne!"
|
||
rating={5}
|
||
author="Carlos P."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-latin-man-smiling-confident-looking-side-street_839833-16493.jpg", alt: "Avatar de Carlos P."},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg", alt: "Avatar de Ana M."},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/excited-happy-old-man-with-tattoos-laughing-pointing-left-showing-something-cool-amazed-by-advertisement-promo-deal-standing-stylish-hoodie-against-white-background_176420-45016.jpg", alt: "Avatar de Jorge R."},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167341.jpg", alt: "Avatar de Sofía L."},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915898.jpg", alt: "Avatar de Miguel G."},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
plans={[
|
||
{
|
||
id: "combo-clasico", name: "Combo Clásico", price: "S/ 75.00", buttons: [
|
||
{
|
||
text: "Ordenar Ahora", href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Clásico%20en%20El%20Conde%20Casa%20de%20Humo"},
|
||
],
|
||
features: [
|
||
"1/2 Pollo Ahumado", "Porción de Costillas (300gr)", "Acompañamientos premium", "Bebida a elección"],
|
||
badge: "Popular"},
|
||
{
|
||
id: "combo-parrillero", name: "Combo Parrillero", price: "S/ 100.00", buttons: [
|
||
{
|
||
text: "Ordenar Ahora", href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Parrillero%20en%20El%20Conde%20Casa%20de%20Humo"},
|
||
],
|
||
features: [
|
||
"Brisket (200gr)", "Cerdo Desmenuzado (200gr)", "Chorizos Artesanales (2und)", "Acompañamientos familiares"],
|
||
badge: "Especial"},
|
||
{
|
||
id: "combo-familiar", name: "Combo Familiar", price: "S/ 150.00", buttons: [
|
||
{
|
||
text: "Ordenar Ahora", href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Familiar%20en%20El%20Conde%20Casa%20de%20Humo"},
|
||
],
|
||
features: [
|
||
"Pollo Entero Ahumado", "Porción Grande de Costillas", "Brisket (300gr)", "Acompañamientos y postre"],
|
||
badge: "Para Compartir"},
|
||
]}
|
||
title="Combos Exclusivos"
|
||
description="Disfruta de nuestras combinaciones perfectas para compartir o para darte un gusto especial."
|
||
tag="¡No te lo pierdas!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "¿Cómo hago una reserva?", content: "Puedes hacer tu reserva directamente a través de nuestro botón de WhatsApp en la sección de Contacto o en la barra de navegación."},
|
||
{
|
||
id: "faq-2", title: "¿Cuál es el horario de atención?", content: "Abrimos todos los días de 18:00 a 24:00 horas, listos para servirte la mejor carne ahumada."},
|
||
{
|
||
id: "faq-3", title: "¿Ofrecen opciones vegetarianas o veganas?", content: "Nuestra especialidad son las carnes ahumadas. Sin embargo, tenemos una selección de guarniciones que pueden ser adecuadas para dietas vegetarianas."},
|
||
]}
|
||
title="¿Tienes Preguntas?"
|
||
description="Encuentra respuestas rápidas sobre reservas, horarios y nuestros platos."
|
||
tag="Preguntas Frecuentes"
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
text="Visítanos en Food Park Buenos Aires o contáctanos para tu reserva. ¡Te esperamos para una experiencia ahumada inolvidable! \\n\\nHorario: Todos los días: 18:00 – 24:00 horas \\nUbicación: Av. Pacífico I-14, Urbanización Buenos Aires, Nuevo Chimbote, Áncash, Perú (Dentro del Food Park Buenos Aires)"
|
||
buttons={[
|
||
{
|
||
text: "Ver en Google Maps", href: "https://maps.app.goo.gl/v6qNE5eUWQmG77227"},
|
||
{
|
||
text: "Reservar por WhatsApp", href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="El Conde Casa de Humo"
|
||
leftLink={{
|
||
text: "Facebook", href: "https://facebook.com/ElCondeCasaDeHumo"}}
|
||
rightLink={{
|
||
text: "Instagram", href: "https://instagram.com/elcondecasadehumo"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|