393 lines
21 KiB
TypeScript
393 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Cake, Coffee, Soup, Star, Utensils, MapPin, ParkingSquare, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "hero"},
|
|
{
|
|
name: "Nosotros", id: "about"},
|
|
{
|
|
name: "Menú", id: "menu"},
|
|
{
|
|
name: "Galería", id: "gallery"},
|
|
{
|
|
name: "Promociones", id: "promotions"},
|
|
{
|
|
name: "Reservar", id: "reservations"},
|
|
{
|
|
name: "Testimonios", id: "testimonials"},
|
|
{
|
|
name: "Ubicación", id: "location"},
|
|
{
|
|
name: "Contacto", id: "contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/take-away-food-composition-with-slate_23-2147805016.jpg"
|
|
logoAlt="Central Café Logo"
|
|
brandName="Central Café"
|
|
button={{
|
|
text: "Reservar Ahora", href: "#reservations"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Bienvenidos a Central Café"
|
|
description="Comida increíble y ambiente relajado en el corazón de Santiago."
|
|
buttons={[
|
|
{
|
|
text: "Ver Menú", href: "#menu"},
|
|
{
|
|
text: "Reservar Mesa", href: "#reservations"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-pistachios_140725-7357.jpg"
|
|
imageAlt="Modern cafe interior with coffee, gourmet food, and cocktails"
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-looking-front-smiliung-cheerfully-showing-ok-sign-standing-orange-wall_141793-96581.jpg", alt: "Profesional amigable"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80836.jpg", alt: "Joven entusiasta"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-friendly-waiter-looking-camera-sincerely-smiling-against-colorful-background-attractive-bearded-man-apron-looking-happy-work_574295-6068.jpg", alt: "Sonrisa acogedora"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/barber-man-apron-confused-very-anxious-standing-pink-wall_141793-61552.jpg", alt: "Cliente satisfecho"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-friendly-woman-holding-shopping-bags_1098-1574.jpg", alt: "Visitante feliz"},
|
|
]}
|
|
avatarText="+10K Clientes Satisfechos"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Sobre Central Café"
|
|
description="En Central Café ofrecemos una experiencia única donde combinamos excelente café, deliciosa gastronomía y cócteles especiales en un ambiente moderno y acogedor para toda la familia."
|
|
metrics={[
|
|
{
|
|
value: "5+", title: "Años de Experiencia"},
|
|
{
|
|
value: "10K+", title: "Clientes Felices"},
|
|
{
|
|
value: "200+", title: "Platos Únicos"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"
|
|
imageAlt="Interior view of Central Café"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Desayunos", description: "Comienza tu día con energía con nuestras opciones frescas y deliciosas.", icon: Coffee,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-healthy-sandwich_23-2148590164.jpg", imageAlt: "Gourmet breakfast plate"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissants-with-raspberry-jam-raspberry-fruits_114579-11543.jpg", imageAlt: "Fluffy pancakes with berries"},
|
|
]
|
|
},
|
|
{
|
|
title: "Almuerzos", description: "Platos equilibrados y sabrosos, ideales para tu pausa del mediodía.", icon: Utensils,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-pasta-with-cheese-broccoli-light-gray-background-photo-color-dough-dish-meal-food-green-italy_140725-160398.jpg", imageAlt: "Delicious pasta dish"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/grain-with-rice-berry-roast-pork_1339-2957.jpg", imageAlt: "Gourmet sandwich with salad"},
|
|
]
|
|
},
|
|
{
|
|
title: "Cenas", description: "Experiencias gastronómicas memorables para tus noches especiales.", icon: Soup,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8928.jpg", imageAlt: "Fine dining steak"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-originally-served-salad-stands-dark-wooden-t_1304-4651.jpg", imageAlt: "Elegant salmon dish"},
|
|
]
|
|
},
|
|
{
|
|
title: "Cafés Especiales", description: "Descubre el arte del café con nuestras creaciones únicas y aromáticas.", icon: Coffee,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rustic-coffee-table-sets-frothy-latte-mood-generated-by-ai_188544-18577.jpg", imageAlt: "Latte art in a coffee cup"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-drink-with-marshmallows_53876-123138.jpg", imageAlt: "Barista preparing espresso shot"},
|
|
]
|
|
},
|
|
{
|
|
title: "Postres", description: "El toque dulce perfecto para cerrar tu experiencia en Central Café.", icon: Cake,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/homemade-mini-apple-pie-with-cinnamon_114579-13583.jpg", imageAlt: "Chocolate lava cake with ice cream"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mocktail_1203-2931.jpg", imageAlt: "Creamy cheesecake with berries"},
|
|
]
|
|
},
|
|
{
|
|
title: "Cócteles", description: "Refrescantes y sofisticados, perfectos para cualquier momento del día.", icon: Star,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-redhead-woman-sitting-cafe_171337-15626.jpg", imageAlt: "Classic Mojito cocktail"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg", imageAlt: "Colorful tropical cocktail"},
|
|
]
|
|
}
|
|
]}
|
|
title="Nuestro Menú Exclusivo"
|
|
description="Explora nuestras categorías de platos y bebidas, cuidadosamente preparadas para ti, desde desayunos energéticos hasta cócteles especiales."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "gallery-coffee-1", brand: "Café", name: "Latte Art", price: "", rating: 5,
|
|
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-redhead-woman-sitting-cafe_171337-15626.jpg", imageAlt: "Artistic latte art in a cup"},
|
|
{
|
|
id: "gallery-dish-1", brand: "Plato", name: "Salmón Grillado", price: "", rating: 5,
|
|
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg", imageAlt: "Exquisite grilled salmon dish"},
|
|
{
|
|
id: "gallery-cocktail-1", brand: "Cóctel", name: "Mojito Clásico", price: "", rating: 5,
|
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/young-female-drinking-cocktail-beach_23-2148165041.jpg", imageAlt: "Classic Mojito cocktail with mint and lime"},
|
|
{
|
|
id: "gallery-ambiance-1", brand: "Ambiente", name: "Interior Moderno", price: "", rating: 5,
|
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629568.jpg", imageAlt: "Modern interior of Central Café"},
|
|
{
|
|
id: "gallery-coffee-2", brand: "Café", name: "Espresso Doble", price: "", rating: 5,
|
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-cafe-vertical-shot-steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-idea-advertising-banner_166373-2884.jpg", imageAlt: "Double espresso shot"},
|
|
{
|
|
id: "gallery-dish-2", brand: "Plato", name: "Tacos de Camarón", price: "", rating: 5,
|
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/indian-butter-chicken-black-bowl-wooden-table_123827-20755.jpg", imageAlt: "Delicious shrimp tacos"},
|
|
{
|
|
id: "gallery-cocktail-2", brand: "Cóctel", name: "Margarita", price: "", rating: 5,
|
|
reviewCount: "17", imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-with-ice-bronze-glass-bar-table_627829-6434.jpg", imageAlt: "Refreshing Margarita cocktail"},
|
|
{
|
|
id: "gallery-ambiance-2", brand: "Ambiente", name: "Área Exterior", price: "", rating: 5,
|
|
reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/cooking-process-asian-restaurant-cook-is-fry-vegetables-with-spices-sauce-wok_613910-19809.jpg", imageAlt: "Outdoor seating area of Central Café"},
|
|
]}
|
|
title="Nuestra Galería Visual"
|
|
description="Una mirada a la calidad, la creatividad y el ambiente único de Central Café a través de nuestras fotografías."
|
|
/>
|
|
</div>
|
|
|
|
<div id="promotions" data-section="promotions">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "happy-hour", title: "Happy Hour Diario", price: "50% OFF", period: "En cócteles seleccionados", features: [
|
|
"Válido de 4 PM a 6 PM", "Aplica en bebidas específicas", "Ambiente relajado"],
|
|
button: {
|
|
text: "Ver Bebidas"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shot-smiling-woman-showing-banner-winter-sale_329181-7383.jpg", imageAlt: "Happy Hour Cocktails"},
|
|
{
|
|
id: "combo-especial", title: "Combo Especial", price: "$15.99", period: "Plato principal + bebida", features: [
|
|
"Selección de platos del día", "Incluye refresco o café", "Disponible toda la semana"],
|
|
button: {
|
|
text: "Pedir Combo"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-white-plate-with-bowls-dry-flowers-cookies-grey-ground_140725-52860.jpg", imageAlt: "Combo Meal Special"},
|
|
{
|
|
id: "descuento-semanal", title: "Descuento Semanal", price: "10% OFF", period: "En todo el menú los Martes", features: [
|
|
"Aplica en comida y bebida", "Excluye promociones", "Solo los días Martes"],
|
|
button: {
|
|
text: "Ver Menú"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-pizza-copy-space_23-2148247933.jpg", imageAlt: "Weekly Discount Offer"},
|
|
]}
|
|
title="Promociones Especiales"
|
|
description="No te pierdas nuestras ofertas exclusivas y disfruta más de la experiencia Central Café con promociones irresistibles."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reservations" data-section="reservations">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "¿Cómo hago una reserva?", content: "Puede realizar una reserva llamándonos al 950-8891, o enviando un correo a info@centralcafe.com con los detalles de su visita. También puede visitarnos en persona."},
|
|
{
|
|
id: "faq-2", title: "¿Puedo modificar o cancelar mi reserva?", content: "Sí, para modificar o cancelar su reserva, por favor contáctenos con al menos 24 horas de antelación. Agradecemos su comprensión."},
|
|
{
|
|
id: "faq-3", title: "¿Hay un mínimo de personas para reservar?", content: "No hay un mínimo de personas para reservar, sin embargo, para grupos grandes (más de 6 personas) recomendamos reservar con antelación para garantizar disponibilidad."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/autumn-season-change-falling-calendar-organization-clover-concept_53876-124410.jpg"
|
|
imageAlt="Online reservation illustration"
|
|
mediaAnimation="slide-up"
|
|
title="Reservaciones y Consultas"
|
|
description="Para asegurar su mesa, por favor complete el formulario de reserva con sus datos, o contáctenos directamente. Confirmaremos su solicitud a la brevedad posible. Para preguntas frecuentes sobre reservas, consulte a continuación."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ana García", role: "Entusiasta de la comida", company: "Comunidad Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1351.jpg", imageAlt: "Ana García, satisfied customer"},
|
|
{
|
|
id: "2", name: "Juan Pérez", role: "Visitante Habitual", company: "Empresario", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg", imageAlt: "Juan Pérez, regular customer"},
|
|
{
|
|
id: "3", name: "María Rodríguez", role: "Amante del Café", company: "Aficionada", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-man-outdoor-sitting_23-2148883612.jpg", imageAlt: "María Rodríguez, coffee lover"},
|
|
{
|
|
id: "4", name: "Carlos Sánchez", role: "Crítico Gastronómico", company: "Blog de Comida", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg", imageAlt: "Carlos Sánchez, food critic"},
|
|
{
|
|
id: "5", name: "Sofía Morales", role: "Organizadora de Eventos", company: "Eventos Panamá", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-person-ready-give-hug_23-2148576171.jpg", imageAlt: "Sofía Morales, event organizer"},
|
|
{
|
|
id: "6", name: "David Flores", role: "Explorador Culinario", company: "Viajero", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg", imageAlt: "David Flores, culinary explorer"},
|
|
]}
|
|
title="Lo que dicen nuestros clientes"
|
|
description="Opiniones reales de quienes han disfrutado de la experiencia Central Café y se han enamorado de nuestro ambiente y sabor."
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "location-1", value: "📍", title: "Ubicación Central", description: "Estamos en el corazón de la ciudad, un punto de referencia fácil de encontrar para todos.", icon: MapPin
|
|
},
|
|
{
|
|
id: "location-2", value: "🅿️", title: "Fácil Acceso", description: "Contamos con acceso conveniente y opciones de estacionamiento cercano para nuestros visitantes.", icon: ParkingSquare
|
|
},
|
|
{
|
|
id: "location-3", value: "✨", title: "Ambiente Vibrante", description: "Disfruta de un entorno moderno y acogedor, perfecto para cualquier ocasión y con conexión a Google Maps.", icon: Sparkles
|
|
},
|
|
]}
|
|
title="Encuéntranos en Santiago"
|
|
description="Central Café está convenientemente ubicado en Avenida Central, Santiago de Veraguas, Panamá. Nuestro local es el punto de encuentro ideal, fácil de acceder y con un ambiente que te encantará."
|
|
buttons={[
|
|
{
|
|
text: "Ver en Google Maps", href: "https://www.google.com/maps/search/Central+Caf%C3%A9,+Avenida+Central,+Santiago+de Veraguas,+Panam%C3%A1"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Contacto"
|
|
title="Estamos Aquí Para Ayudarte"
|
|
description="No dudes en contactarnos para cualquier consulta, evento especial o sugerencia. ¡Tu opinión es importante para nosotros y valoramos cada interacción!"
|
|
buttons={[
|
|
{
|
|
text: "Llamar Ahora (950-8891)", href: "tel:9508891"},
|
|
{
|
|
text: "Envíanos un Correo", href: "mailto:info@centralcafe.com"},
|
|
{
|
|
text: "Síguenos en Instagram", href: "https://instagram.com/centralcafestgo"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-photo/take-away-food-composition-with-slate_23-2147805016.jpg"
|
|
logoAlt="Central Café Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Inicio", href: "#hero"},
|
|
{
|
|
label: "Sobre Nosotros", href: "#about"},
|
|
{
|
|
label: "Nuestro Menú", href: "#menu"},
|
|
{
|
|
label: "Promociones", href: "#promotions"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Reservaciones", href: "#reservations"},
|
|
{
|
|
label: "Testimonios", href: "#testimonials"},
|
|
{
|
|
label: "Ubicación", href: "#location"},
|
|
{
|
|
label: "Contacto", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/centralcafestgo"},
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/5079508891"},
|
|
{
|
|
label: "Términos y Condiciones", href: "#"},
|
|
{
|
|
label: "Política de Privacidad", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Central Café"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|