182 lines
10 KiB
TypeScript
182 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Café La Riqueza"
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Menú", id: "menu" },
|
|
{ name: "Características", id: "features" },
|
|
{ name: "Contacto", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reservar Ahora", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Bienvenido a Café La Riqueza"
|
|
description="Disfruta de nuestras bebidas premium directamente desde tu hogar. Reserva tu mesa o pide en línea y prueba la excelencia del café artesanal."
|
|
tag="☕ Café Premium"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Pedir Ahora", href: "#menu" },
|
|
{ text: "Reservar Mesa", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-cafe_72229-1426.jpg", imageAlt: "premium espresso coffee cup crema"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Nuestro Menú"
|
|
description="Selecciona desde nuestro variado menú de bebidas de café artesanal, chocolate y té chai especiado."
|
|
tag="Especialidades del Café"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "americano-small", name: "Americano Pequeño", price: "$18", variant: "Con o Sin Leche", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-cup-plate-light-white-surface_140725-62152.jpg", imageAlt: "americano coffee black espresso water small"
|
|
},
|
|
{
|
|
id: "americano-large", name: "Americano Grande", price: "$30", variant: "Con o Sin Leche", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-cup-plate-light-white-surface_140725-62152.jpg", imageAlt: "americano coffee black espresso water large"
|
|
},
|
|
{
|
|
id: "espresso-ristretto", name: "Espresso Ristretto", price: "$27", variant: "Shot Concentrado", imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-coffee-coffee-beans-dark-plate_114579-52739.jpg", imageAlt: "espresso ristretto shot dark coffee"
|
|
},
|
|
{
|
|
id: "espresso-doble", name: "Espresso Doble", price: "$22", variant: "Dos Shots", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-plant-table_140725-8126.jpg", imageAlt: "double espresso two shots dark"
|
|
},
|
|
{
|
|
id: "cappuccino-small", name: "Cappuccino Pequeño", price: "$25", variant: "Espuma Cremosa", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3806.jpg", imageAlt: "cappuccino latte foam milk coffee small"
|
|
},
|
|
{
|
|
id: "cappuccino-large", name: "Cappuccino Grande", price: "$39", variant: "Espuma Cremosa", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3806.jpg", imageAlt: "cappuccino latte foam milk coffee large"
|
|
},
|
|
{
|
|
id: "chocolate-con-leche-small", name: "Chocolate con Leche Pequeño", price: "$25", variant: "Rico y Reconfortante", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-hot-chocolate-cinnamon_23-2148633152.jpg", imageAlt: "hot chocolate with milk drink cocoa warm small"
|
|
},
|
|
{
|
|
id: "chocolate-con-leche-large", name: "Chocolate con Leche Grande", price: "$39", variant: "Rico y Reconfortante", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-hot-chocolate-cinnamon_23-2148633152.jpg", imageAlt: "hot chocolate with milk drink cocoa warm large"
|
|
},
|
|
{
|
|
id: "te-chai-small", name: "Té Chai Pequeño", price: "$25", variant: "Especiado y Aromático", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-coffee_23-2148633236.jpg", imageAlt: "chai tea latte spiced warm small"
|
|
},
|
|
{
|
|
id: "te-chai-large", name: "Té Chai Grande", price: "$39", variant: "Especiado y Aromático", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-coffee_23-2148633236.jpg", imageAlt: "chai tea latte spiced warm large"
|
|
},
|
|
{
|
|
id: "vaso-de-leche", name: "Vaso de Leche", price: "$20", variant: "Pura y Fresca", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-coffee-weekend_53876-20772.jpg", imageAlt: "vaso de leche milk drink fresh"
|
|
},
|
|
{
|
|
id: "chocolate-frio", name: "Chocolate Frío", price: "$4.00", variant: "Refrescante", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4953.jpg", imageAlt: "cold chocolate drink iced cocoa"
|
|
},
|
|
{
|
|
id: "latte", name: "Latte", price: "$4.00", variant: "Suave y Cremoso", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-coffee-weekend_53876-20772.jpg", imageAlt: "latte coffee smooth milk creamy"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="¿Por Qué Elegir Café La Riqueza?"
|
|
description="Ofrecemos una experiencia completa de café premium con servicios de compra en línea y reservación de mesas."
|
|
tag="Nuestros Servicios"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "online-ordering", title: "Ordena en Línea", description: "Realiza tu pedido desde la comodidad de tu hogar. Entrega rápida a tu puerta.", imageSrc: "http://img.b2bpic.net/free-photo/give-me-coffee-internet-i-will-be-pleased_329181-2935.jpg", imageAlt: "online ordering mobile app interface"
|
|
},
|
|
{
|
|
id: "reservations", title: "Reserva tu Mesa", description: "Reserva tu espacio en nuestro acogedor café. Experiencia garantizada.", imageSrc: "http://img.b2bpic.net/free-photo/asian-businessman-having-croissant-coffee-browsing-web-portable-device_1098-19139.jpg", imageAlt: "café reservation booking system table"
|
|
},
|
|
{
|
|
id: "fast-delivery", title: "Entrega Rápida", description: "Tus bebidas llegaran calientes y frescas en el tiempo prometido.", imageSrc: "http://img.b2bpic.net/free-photo/courier-taking-break-food-orders_482257-80042.jpg", imageAlt: "fast delivery coffee service courier"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="📞 Contacto"
|
|
title="Reserva Tu Mesa o Contacto"
|
|
description="Llámanos al 9999231431 o déjanos tu email para cualquier consulta. ¡Responderemos pronto!"
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Contactar"
|
|
termsText="Al contactarnos aceptas nuestros términos de servicio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Café La Riqueza", items: [
|
|
{ label: "Inicio", href: "#hero" },
|
|
{ label: "Menú", href: "#menu" },
|
|
{ label: "Características", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{ label: "Teléfono: 9999231431", href: "tel:9999231431" },
|
|
{ label: "Reservar", href: "#contact" },
|
|
{ label: "Pedir", href: "#menu" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Términos de Servicio", href: "#" },
|
|
{ label: "Política de Privacidad", href: "#" },
|
|
{ label: "Política de Devoluciones", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 Café La Riqueza. Todos los derechos reservados."
|
|
bottomRightText="Hecho con ☕ y amor"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |