206 lines
11 KiB
TypeScript
206 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Nosotros", id: "about" },
|
|
{ name: "Menú", id: "products" },
|
|
{ name: "Contacto", id: "contact" },
|
|
]}
|
|
brandName="El Amarradero del Mico"
|
|
button={{ text: "Reservar" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{ variant: "rotated-rays-static" }}
|
|
title="El Amarradero del Mico"
|
|
description="El auténtico sabor de los llanos en el corazón de Villavicencio. Tradición, parrilla y buena compañía."
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg?_wi=1", imageAlt: "Ambiente tradicional" },
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/home-celebration-friends-family-festive-table-with-pear-cake-top-view-celebration-concept_169016-4836.jpg?_wi=1", imageAlt: "Carnes a la parrilla" },
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-thanksgiving-plate-with-cutlery-copy-space_23-2148638931.jpg", imageAlt: "Restaurante acogedor" },
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3436.jpg", imageAlt: "Vistas del llano" },
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/cooking-pot-campfire_23-2151976316.jpg", imageAlt: "Cocina de leña" },
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-feeding-his-girlfriend-while-having-lunch-with-friends-home_637285-3195.jpg", imageAlt: "Experiencia gastronómica" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Nuestra Esencia"
|
|
description="Más que un restaurante, un punto de encuentro para quienes aman los sabores auténticos del Meta. Llevamos años honrando las recetas de nuestra tierra."
|
|
metrics={[
|
|
{ value: "15+", title: "Años de tradición" },
|
|
{ value: "50+", title: "Recetas propias" },
|
|
{ value: "100%", title: "Sabor local" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wooden-house-entrance-japanese-culture_23-2149301060.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="Fachada rústica del restaurante"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Parrilla Artesanal", descriptions: ["Carnes seleccionadas y asadas al punto perfecto con el sabor inconfundible de la casa."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg", imageAlt: "Restaurant room with paintings on walls"},
|
|
{
|
|
id: "f2", title: "Ambiente Llanero", descriptions: ["Un espacio diseñado para conectar con la cultura llanera y disfrutar en familia."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg?_wi=2", imageAlt: "Restaurant room with paintings on walls"},
|
|
{
|
|
id: "f3", title: "Calidad Garantizada", descriptions: ["Productos frescos de la región seleccionados cuidadosamente cada día."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/home-celebration-friends-family-festive-table-with-pear-cake-top-view-celebration-concept_169016-4836.jpg?_wi=2", imageAlt: "Restaurant room with paintings on walls"},
|
|
]}
|
|
title="Por qué elegirnos"
|
|
description="Lo que nos hace el lugar favorito en Villavicencio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split-actions"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Ver Menú Completo", href: "#" },
|
|
{ text: "Pedir por WhatsApp", href: "https://wa.me/573101234567" },
|
|
]}
|
|
products={[
|
|
{ id: "1", name: "Carne Llanera", price: "$35.000", imageSrc: "http://img.b2bpic.net/free-photo/pork-medallions-with-salsa_2829-16851.jpg" },
|
|
{ id: "2", name: "Chuleta al Punto", price: "$28.000", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-mixed-vegetables-spices-home-made-tasty-food-stone-surface-pork-steak-with-salad-grilled-pork-is-one-most-popular-thai-dishes-grilled-pork-with-spicy-dip_1150-44931.jpg" },
|
|
{ id: "3", name: "Arepas de la Casa", price: "$12.000", imageSrc: "http://img.b2bpic.net/free-photo/kaeng-liang-bowl-with-spices-black-cement-floor_1150-35159.jpg" },
|
|
{ id: "4", name: "Picada para Compartir", price: "$55.000", imageSrc: "http://img.b2bpic.net/free-photo/big-plate-with-variety-meat_8353-9865.jpg" },
|
|
{ id: "5", name: "Yuca Frita Crujiente", price: "$10.000", imageSrc: "http://img.b2bpic.net/free-photo/bunch-potatoes-metal-mug-with-burlap_114579-58223.jpg" },
|
|
{ id: "6", name: "Sancocho de Gallina", price: "$22.000", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bozbash-soup-bowl-onions-nude-background_140725-108382.jpg" },
|
|
]}
|
|
title="Nuestro Menú"
|
|
description="Descubre nuestros platos más destacados, preparados con pasión."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Carlos Ruíz", role: "Cliente", company: "Villavicencio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
|
|
{ id: "2", name: "María López", role: "Cliente", company: "Acacias", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
|
|
{ id: "3", name: "Julián Parra", role: "Cliente", company: "Restrepo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-proposing_23-2148060587.jpg" },
|
|
{ id: "4", name: "Ana Gómez", role: "Cliente", company: "Villavicencio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg" },
|
|
{ id: "5", name: "Pedro Mora", role: "Cliente", company: "Bogotá", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018852.jpg" },
|
|
{ id: "6", name: "Luisa Ferro", role: "Cliente", company: "Villavicencio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cutting-quiche_23-2147985302.jpg" },
|
|
]}
|
|
kpiItems={[
|
|
{ value: "4.9", label: "Calificación" },
|
|
{ value: "5k+", label: "Clientes felices" },
|
|
{ value: "100%", label: "Sabor auténtico" },
|
|
]}
|
|
title="Lo que dicen nuestros clientes"
|
|
description="La satisfacción de nuestros comensales es nuestra mayor recompensa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Cámara de Comercio", "Turismo Meta", "Alcaldía Villavicencio", "Marca País", "Calidad Regional", "Seguridad Alimentaria", "Tradición Llanera"]}
|
|
title="Certificados por el Sabor"
|
|
description="Reconocimientos que nos motivan a servirte mejor cada día."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "¿Tienen servicio a domicilio?", content: "Sí, realizamos domicilios en toda el área urbana de Villavicencio." },
|
|
{ id: "q2", title: "¿Aceptan reservas?", content: "Por supuesto, especialmente para grupos grandes o eventos especiales." },
|
|
{ id: "q3", title: "¿Tienen opciones vegetarianas?", content: "Contamos con una variedad de ensaladas y acompañamientos frescos de la región." },
|
|
]}
|
|
title="Preguntas Frecuentes"
|
|
description="Respondemos tus dudas para que tu visita sea perfecta."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3472.jpg"
|
|
imageAlt="Interior del restaurante"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Contacto"
|
|
title="Visítanos o Reserva"
|
|
description="Estamos listos para recibirte. Déjanos tu correo y te contactaremos para gestionar tu mesa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Contacto", items: [
|
|
{ label: "310 123 4567", href: "tel:3101234567" },
|
|
{ label: "Calle 10 # 5-20", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Política de Privacidad", href: "#" },
|
|
{ label: "Términos y Condiciones", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 El Amarradero del Mico"
|
|
bottomRightText="Hecho con orgullo llanero"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |